From 823344c19094680e80e2b56449a243e183db8b06 Mon Sep 17 00:00:00 2001 From: Fuwn Date: Mon, 14 Dec 2020 23:21:39 -0800 Subject: :star: --- .../src/themes/default/modules/accordion.overrides | 28 + .../src/themes/default/modules/accordion.variables | 100 +++ .../src/themes/default/modules/calendar.overrides | 3 + .../src/themes/default/modules/calendar.variables | 20 + .../src/themes/default/modules/chatroom.overrides | 3 + .../src/themes/default/modules/chatroom.variables | 3 + .../src/themes/default/modules/checkbox.overrides | 36 + .../src/themes/default/modules/checkbox.variables | 220 +++++ .../src/themes/default/modules/dimmer.overrides | 3 + .../src/themes/default/modules/dimmer.variables | 66 ++ .../src/themes/default/modules/dropdown.overrides | 62 ++ .../src/themes/default/modules/dropdown.variables | 471 ++++++++++ .../src/themes/default/modules/embed.overrides | 3 + .../src/themes/default/modules/embed.variables | 53 ++ .../src/themes/default/modules/modal.overrides | 3 + .../src/themes/default/modules/modal.variables | 250 ++++++ semantic/src/themes/default/modules/nag.overrides | 3 + semantic/src/themes/default/modules/nag.variables | 74 ++ .../src/themes/default/modules/popup.overrides | 3 + .../src/themes/default/modules/popup.variables | 138 +++ .../src/themes/default/modules/progress.overrides | 3 + .../src/themes/default/modules/progress.variables | 129 +++ .../src/themes/default/modules/rating.overrides | 3 + .../src/themes/default/modules/rating.variables | 47 + .../src/themes/default/modules/search.overrides | 3 + .../src/themes/default/modules/search.variables | 181 ++++ .../src/themes/default/modules/shape.overrides | 3 + .../src/themes/default/modules/shape.variables | 40 + .../src/themes/default/modules/sidebar.overrides | 3 + .../src/themes/default/modules/sidebar.variables | 45 + .../src/themes/default/modules/slider.overrides | 3 + .../src/themes/default/modules/slider.variables | 83 ++ .../src/themes/default/modules/sticky.overrides | 3 + .../src/themes/default/modules/sticky.variables | 7 + semantic/src/themes/default/modules/tab.overrides | 3 + semantic/src/themes/default/modules/tab.variables | 11 + .../src/themes/default/modules/toast.overrides | 3 + .../src/themes/default/modules/toast.variables | 83 ++ .../themes/default/modules/transition.overrides | 997 +++++++++++++++++++++ .../themes/default/modules/transition.variables | 10 + 40 files changed, 3202 insertions(+) create mode 100644 semantic/src/themes/default/modules/accordion.overrides create mode 100644 semantic/src/themes/default/modules/accordion.variables create mode 100644 semantic/src/themes/default/modules/calendar.overrides create mode 100644 semantic/src/themes/default/modules/calendar.variables create mode 100644 semantic/src/themes/default/modules/chatroom.overrides create mode 100644 semantic/src/themes/default/modules/chatroom.variables create mode 100644 semantic/src/themes/default/modules/checkbox.overrides create mode 100644 semantic/src/themes/default/modules/checkbox.variables create mode 100644 semantic/src/themes/default/modules/dimmer.overrides create mode 100644 semantic/src/themes/default/modules/dimmer.variables create mode 100644 semantic/src/themes/default/modules/dropdown.overrides create mode 100644 semantic/src/themes/default/modules/dropdown.variables create mode 100644 semantic/src/themes/default/modules/embed.overrides create mode 100644 semantic/src/themes/default/modules/embed.variables create mode 100644 semantic/src/themes/default/modules/modal.overrides create mode 100644 semantic/src/themes/default/modules/modal.variables create mode 100644 semantic/src/themes/default/modules/nag.overrides create mode 100644 semantic/src/themes/default/modules/nag.variables create mode 100644 semantic/src/themes/default/modules/popup.overrides create mode 100644 semantic/src/themes/default/modules/popup.variables create mode 100644 semantic/src/themes/default/modules/progress.overrides create mode 100644 semantic/src/themes/default/modules/progress.variables create mode 100644 semantic/src/themes/default/modules/rating.overrides create mode 100644 semantic/src/themes/default/modules/rating.variables create mode 100644 semantic/src/themes/default/modules/search.overrides create mode 100644 semantic/src/themes/default/modules/search.variables create mode 100644 semantic/src/themes/default/modules/shape.overrides create mode 100644 semantic/src/themes/default/modules/shape.variables create mode 100644 semantic/src/themes/default/modules/sidebar.overrides create mode 100644 semantic/src/themes/default/modules/sidebar.variables create mode 100644 semantic/src/themes/default/modules/slider.overrides create mode 100644 semantic/src/themes/default/modules/slider.variables create mode 100644 semantic/src/themes/default/modules/sticky.overrides create mode 100644 semantic/src/themes/default/modules/sticky.variables create mode 100644 semantic/src/themes/default/modules/tab.overrides create mode 100644 semantic/src/themes/default/modules/tab.variables create mode 100644 semantic/src/themes/default/modules/toast.overrides create mode 100644 semantic/src/themes/default/modules/toast.variables create mode 100644 semantic/src/themes/default/modules/transition.overrides create mode 100644 semantic/src/themes/default/modules/transition.variables (limited to 'semantic/src/themes/default/modules') diff --git a/semantic/src/themes/default/modules/accordion.overrides b/semantic/src/themes/default/modules/accordion.overrides new file mode 100644 index 0000000..e4bd727 --- /dev/null +++ b/semantic/src/themes/default/modules/accordion.overrides @@ -0,0 +1,28 @@ +/******************************* + Theme Overrides +*******************************/ +@font-face { + font-family: 'Accordion'; + src: + url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjB5AAAAC8AAAAYGNtYXAPfOIKAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zryj6HgAAAFwAAAAyGhlYWT/0IhHAAACOAAAADZoaGVhApkB5wAAAnAAAAAkaG10eAJuABIAAAKUAAAAGGxvY2EAjABWAAACrAAAAA5tYXhwAAgAFgAAArwAAAAgbmFtZfC1n04AAALcAAABPHBvc3QAAwAAAAAEGAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDZ//3//wAB/+MPKwADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQASAEkAtwFuABMAADc0PwE2FzYXFh0BFAcGJwYvASY1EgaABQgHBQYGBQcIBYAG2wcGfwcBAQcECf8IBAcBAQd/BgYAAAAAAQAAAEkApQFuABMAADcRNDc2MzIfARYVFA8BBiMiJyY1AAUGBwgFgAYGgAUIBwYFWwEACAUGBoAFCAcFgAYGBQcAAAABAAAAAQAAqWYls18PPPUACwIAAAAAAM/9o+4AAAAAz/2j7gAAAAAAtwFuAAAACAACAAAAAAAAAAEAAAHg/+AAAAIAAAAAAAC3AAEAAAAAAAAAAAAAAAAAAAAGAAAAAAAAAAAAAAAAAQAAAAC3ABIAtwAAAAAAAAAKABQAHgBCAGQAAAABAAAABgAUAAEAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADAAAAAEAAAAAAAIADgBAAAEAAAAAAAMADAAiAAEAAAAAAAQADABOAAEAAAAAAAUAFgAMAAEAAAAAAAYABgAuAAEAAAAAAAoANABaAAMAAQQJAAEADAAAAAMAAQQJAAIADgBAAAMAAQQJAAMADAAiAAMAAQQJAAQADABOAAMAAQQJAAUAFgAMAAMAAQQJAAYADAA0AAMAAQQJAAoANABaAHIAYQB0AGkAbgBnAFYAZQByAHMAaQBvAG4AIAAxAC4AMAByAGEAdABpAG4AZ3JhdGluZwByAGEAdABpAG4AZwBSAGUAZwB1AGwAYQByAHIAYQB0AGkAbgBnAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype'), + url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAASwAAoAAAAABGgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAS0AAAEtFpovuE9TLzIAAAIkAAAAYAAAAGAIIweQY21hcAAAAoQAAABMAAAATA984gpnYXNwAAAC0AAAAAgAAAAIAAAAEGhlYWQAAALYAAAANgAAADb/0IhHaGhlYQAAAxAAAAAkAAAAJAKZAedobXR4AAADNAAAABgAAAAYAm4AEm1heHAAAANMAAAABgAAAAYABlAAbmFtZQAAA1QAAAE8AAABPPC1n05wb3N0AAAEkAAAACAAAAAgAAMAAAEABAQAAQEBB3JhdGluZwABAgABADr4HAL4GwP4GAQeCgAZU/+Lix4KABlT/4uLDAeLa/iU+HQFHQAAAHkPHQAAAH4RHQAAAAkdAAABJBIABwEBBw0PERQZHnJhdGluZ3JhdGluZ3UwdTF1MjB1RjBEOXVGMERBAAACAYkABAAGAQEEBwoNVp38lA78lA78lA77lA773Z33bxWLkI2Qj44I9xT3FAWOj5CNkIuQi4+JjoePiI2Gi4YIi/uUBYuGiYeHiIiHh4mGi4aLho2Ijwj7FPcUBYeOiY+LkAgO+92L5hWL95QFi5CNkI6Oj4+PjZCLkIuQiY6HCPcU+xQFj4iNhouGi4aJh4eICPsU+xQFiIeGiYaLhouHjYePiI6Jj4uQCA74lBT4lBWLDAoAAAAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDZ//3//wAB/+MPKwADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAEAADfYOJZfDzz1AAsCAAAAAADP/aPuAAAAAM/9o+4AAAAAALcBbgAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAAAtwABAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAEAAAAAtwASALcAAAAAUAAABgAAAAAADgCuAAEAAAAAAAEADAAAAAEAAAAAAAIADgBAAAEAAAAAAAMADAAiAAEAAAAAAAQADABOAAEAAAAAAAUAFgAMAAEAAAAAAAYABgAuAAEAAAAAAAoANABaAAMAAQQJAAEADAAAAAMAAQQJAAIADgBAAAMAAQQJAAMADAAiAAMAAQQJAAQADABOAAMAAQQJAAUAFgAMAAMAAQQJAAYADAA0AAMAAQQJAAoANABaAHIAYQB0AGkAbgBnAFYAZQByAHMAaQBvAG4AIAAxAC4AMAByAGEAdABpAG4AZ3JhdGluZwByAGEAdABpAG4AZwBSAGUAZwB1AGwAYQByAHIAYQB0AGkAbgBnAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('woff') + ; + font-weight: normal; + font-style: normal; +} + +/* Dropdown Icon */ +.ui.accordion .title .dropdown.icon, +.ui.accordion .accordion .title .dropdown.icon { + font-family: Accordion; + line-height: 1; + backface-visibility: hidden; + font-weight: normal; + font-style: normal; + text-align: center; +} + +.ui.accordion .title .dropdown.icon:before, +.ui.accordion .accordion .title .dropdown.icon:before { + content: '\f0da'/*rtl:'\f0d9'*/; +} diff --git a/semantic/src/themes/default/modules/accordion.variables b/semantic/src/themes/default/modules/accordion.variables new file mode 100644 index 0000000..e4b3d08 --- /dev/null +++ b/semantic/src/themes/default/modules/accordion.variables @@ -0,0 +1,100 @@ +/******************************* + Accordion +*******************************/ + +@boxShadow: none; + +/* Title */ +@titleFont: @headerFont; +@titlePadding: 0.5em 0; +@titleFontSize: 1em; +@titleColor: @textColor; + +/* Icon */ +@iconOpacity: 1; +@iconFontSize: 1em; +@iconFloat: none; +@iconWidth: 1.25em; +@iconHeight: 1em; +@iconDisplay: inline-block; +@iconMargin: 0 0.25rem 0 0; +@iconPadding: 0; +@iconTransition: + transform @defaultDuration @defaultEasing, + opacity @defaultDuration @defaultEasing +; +@iconVerticalAlign: baseline; +@iconTransform: none; + +/* Child Accordion */ +@childAccordionMargin: 1em 0 0; +@childAccordionPadding: 0; + +/* Content */ +@contentMargin: ''; +@contentPadding: 0.5em 0 1em; + +/*------------------- + Coupling +--------------------*/ + +@menuTitlePadding: 0; +@menuIconFloat: right; +@menuIconMargin: @lineHeightOffset 0 0 1em; +@menuIconTransform: rotate(180deg); + + +/*------------------- + States +--------------------*/ + +@activeIconTransform: rotate(90deg); + +/*------------------- + Variations +--------------------*/ + +/* Styled */ +@styledWidth: 600px; +@styledBackground: @white; +@styledBorderRadius: @defaultBorderRadius; +@styledBoxShadow: + @subtleShadow, + 0 0 0 1px @borderColor +; + +/* Content */ +@styledContentMargin: 0; +@styledContentPadding: 0.5em 1em 1.5em; + +/* Child Content */ +@styledChildContentMargin: 0; +@styledChildContentPadding: @styledContentPadding; + +/* Styled Title */ +@styledTitleMargin: 0; +@styledTitlePadding: 0.75em 1em; +@styledTitleFontWeight: @bold; +@styledTitleColor: @unselectedTextColor; +@styledTitleTransition: background-color @defaultDuration @defaultEasing; +@styledTitleBorder: 1px solid @borderColor; +@styledTitleTransition: + background @defaultDuration @defaultEasing, + color @defaultDuration @defaultEasing +; + +/* Styled Title States */ +@styledTitleHoverBackground: transparent; +@styledTitleHoverColor: @textColor; +@styledActiveTitleBackground: transparent; +@styledActiveTitleColor: @selectedTextColor; + +/* Styled Child Title States */ +@styledHoverChildTitleBackground: @styledTitleHoverBackground; +@styledHoverChildTitleColor: @styledTitleHoverColor; +@styledActiveChildTitleBackground: @styledActiveTitleBackground; +@styledActiveChildTitleColor: @styledActiveTitleColor; + +/* Inverted */ +@invertedTitleColor: @invertedTextColor; + diff --git a/semantic/src/themes/default/modules/calendar.overrides b/semantic/src/themes/default/modules/calendar.overrides new file mode 100644 index 0000000..14fb0da --- /dev/null +++ b/semantic/src/themes/default/modules/calendar.overrides @@ -0,0 +1,3 @@ +/******************************* + Theme Overrides +*******************************/ diff --git a/semantic/src/themes/default/modules/calendar.variables b/semantic/src/themes/default/modules/calendar.variables new file mode 100644 index 0000000..0dbdc1f --- /dev/null +++ b/semantic/src/themes/default/modules/calendar.variables @@ -0,0 +1,20 @@ +/******************************* + Calendar +*******************************/ + +@focusBoxShadow: inset 0 0 0 1px @focusedFormBorderColor; +@focusInvertedBoxShadow: inset 0 0 0 1px @focusedFormBorderColor; + +@todayFontWeight: bold; + +@rangeBackground: @transparentBlack; +@rangeTextColor: @selectedTextColor; +@rangeBoxShadow: none; +@rangeInvertedBackground: @transparentWhite; +@rangeInvertedTextColor: @invertedSelectedTextColor; +@rangeInvertedBoxShadow: none; + +@adjacentTextColor: @mutedTextColor; +@adjacentBackground: @subtleTransparentBlack; +@adjacentInvertedTextColor: @invertedMutedTextColor; +@adjacentInvertedBackground: @subtleTransparentWhite; diff --git a/semantic/src/themes/default/modules/chatroom.overrides b/semantic/src/themes/default/modules/chatroom.overrides new file mode 100644 index 0000000..14fb0da --- /dev/null +++ b/semantic/src/themes/default/modules/chatroom.overrides @@ -0,0 +1,3 @@ +/******************************* + Theme Overrides +*******************************/ diff --git a/semantic/src/themes/default/modules/chatroom.variables b/semantic/src/themes/default/modules/chatroom.variables new file mode 100644 index 0000000..0da971c --- /dev/null +++ b/semantic/src/themes/default/modules/chatroom.variables @@ -0,0 +1,3 @@ +/******************************* + Chatroom +*******************************/ \ No newline at end of file diff --git a/semantic/src/themes/default/modules/checkbox.overrides b/semantic/src/themes/default/modules/checkbox.overrides new file mode 100644 index 0000000..e83ad9f --- /dev/null +++ b/semantic/src/themes/default/modules/checkbox.overrides @@ -0,0 +1,36 @@ +/******************************* + Theme Overrides +*******************************/ + +@font-face { + font-family: 'Checkbox'; + src: + url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBD8AAAC8AAAAYGNtYXAYVtCJAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5Zn4huwUAAAF4AAABYGhlYWQGPe1ZAAAC2AAAADZoaGVhB30DyAAAAxAAAAAkaG10eBBKAEUAAAM0AAAAHGxvY2EAmgESAAADUAAAABBtYXhwAAkALwAAA2AAAAAgbmFtZSC8IugAAAOAAAABknBvc3QAAwAAAAAFFAAAACAAAwMTAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADoAgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6AL//f//AAAAAAAg6AD//f//AAH/4xgEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAEUAUQO7AvgAGgAAARQHAQYjIicBJjU0PwE2MzIfAQE2MzIfARYVA7sQ/hQQFhcQ/uMQEE4QFxcQqAF2EBcXEE4QAnMWEP4UEBABHRAXFhBOEBCoAXcQEE4QFwAAAAABAAABbgMlAkkAFAAAARUUBwYjISInJj0BNDc2MyEyFxYVAyUQEBf9SRcQEBAQFwK3FxAQAhJtFxAQEBAXbRcQEBAQFwAAAAABAAAASQMlA24ALAAAARUUBwYrARUUBwYrASInJj0BIyInJj0BNDc2OwE1NDc2OwEyFxYdATMyFxYVAyUQEBfuEBAXbhYQEO4XEBAQEBfuEBAWbhcQEO4XEBACEm0XEBDuFxAQEBAX7hAQF20XEBDuFxAQEBAX7hAQFwAAAQAAAAIAAHRSzT9fDzz1AAsEAAAAAADRsdR3AAAAANGx1HcAAAAAA7sDbgAAAAgAAgAAAAAAAAABAAADwP/AAAAEAAAAAAADuwABAAAAAAAAAAAAAAAAAAAABwQAAAAAAAAAAAAAAAIAAAAEAABFAyUAAAMlAAAAAAAAAAoAFAAeAE4AcgCwAAEAAAAHAC0AAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAIAAAAAQAAAAAAAgAHAGkAAQAAAAAAAwAIADkAAQAAAAAABAAIAH4AAQAAAAAABQALABgAAQAAAAAABgAIAFEAAQAAAAAACgAaAJYAAwABBAkAAQAQAAgAAwABBAkAAgAOAHAAAwABBAkAAwAQAEEAAwABBAkABAAQAIYAAwABBAkABQAWACMAAwABBAkABgAQAFkAAwABBAkACgA0ALBDaGVja2JveABDAGgAZQBjAGsAYgBvAHhWZXJzaW9uIDIuMABWAGUAcgBzAGkAbwBuACAAMgAuADBDaGVja2JveABDAGgAZQBjAGsAYgBvAHhDaGVja2JveABDAGgAZQBjAGsAYgBvAHhSZWd1bGFyAFIAZQBnAHUAbABhAHJDaGVja2JveABDAGgAZQBjAGsAYgBvAHhGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype') + ; +} + +/* Checkmark */ +.ui.checkbox label:after, +.ui.checkbox .box:after { + font-family: 'Checkbox'; +} + +/* Checked */ +.ui.checkbox input:checked ~ .box:after, +.ui.checkbox input:checked ~ label:after { + content: '\e800'; +} + +/* Indeterminate */ +.ui.checkbox input:indeterminate ~ .box:after, +.ui.checkbox input:indeterminate ~ label:after { + font-size: 12px; + content: '\e801'; +} + + +/* UTF Reference +.check:before { content: '\e800'; } +.dash:before { content: '\e801'; } +.plus:before { content: '\e802'; } +*/ diff --git a/semantic/src/themes/default/modules/checkbox.variables b/semantic/src/themes/default/modules/checkbox.variables new file mode 100644 index 0000000..cf441e6 --- /dev/null +++ b/semantic/src/themes/default/modules/checkbox.variables @@ -0,0 +1,220 @@ +/******************************* + Checkbox +*******************************/ + +@checkboxSize: 17px; +@checkboxColor: @textColor; +@checkboxLineHeight: @checkboxSize; + + +/* Label */ +@labelDistance: 1.85714em; /* 26px @ 14/em */ + +/* Checkbox */ +@checkboxBackground: @white; +@checkboxBorder: 1px solid @solidBorderColor; +@checkboxBorderRadius: @3px; +@checkboxTransition: + border @defaultDuration @defaultEasing, + opacity @defaultDuration @defaultEasing, + transform @defaultDuration @defaultEasing, + box-shadow @defaultDuration @defaultEasing +; + +/* Checkmark */ +@checkboxCheckFontSize: 14px; +@checkboxCheckTop: 0; +@checkboxCheckLeft: 0; +@checkboxCheckSize: @checkboxSize; + +/* Label */ +@labelFontSize: @relativeMedium; +@labelColor: @textColor; +@labelTransition: color @defaultDuration @defaultEasing; + +/*------------------- + States +--------------------*/ + +/* Hover */ +@checkboxHoverBackground: @checkboxBackground; +@checkboxHoverBorderColor: @selectedBorderColor; +@labelHoverColor: @hoveredTextColor; + +/* Pressed */ +@checkboxPressedBackground: @offWhite; +@checkboxPressedBorderColor: @selectedBorderColor; +@checkboxPressedColor: @selectedTextColor; +@labelPressedColor: @selectedTextColor; + +/* Focus */ +@checkboxFocusBackground: @white; +@checkboxFocusBorderColor: @focusedFormMutedBorderColor; +@checkboxFocusCheckColor: @selectedTextColor; +@labelFocusColor: @selectedTextColor; + +/* Active */ +@labelActiveColor: @selectedTextColor; +@checkboxActiveBackground: @white; +@checkboxActiveBorderColor: @selectedBorderColor; +@checkboxActiveCheckColor: @selectedTextColor; +@checkboxActiveCheckOpacity: 1; + +/* Active Focus */ +@checkboxActiveFocusBackground: @white; +@checkboxActiveFocusBorderColor: @checkboxFocusBorderColor; +@checkboxActiveFocusCheckColor: @selectedTextColor; + +/* Indeterminate */ +@checkboxIndeterminateBackground: @checkboxActiveBackground; +@checkboxIndeterminateBorderColor: @checkboxActiveBorderColor; +@checkboxIndeterminateCheckOpacity: 1; +@checkboxIndeterminateCheckColor: @checkboxActiveCheckColor; + +/* Disabled */ +@disabledCheckboxOpacity: 0.5; +@disabledCheckboxLabelColor: rgba(0, 0, 0, 1); + +/*------------------- + Types +--------------------*/ + +/* Radio */ +/* Uses px to avoid rounding issues with circles */ + +@radioSize: 15px; +@radioTop: 1px; +@radioLeft: 0; +@radioLabelDistance: @labelDistance; + +@bulletTop: 1px; +@bulletLeft: 0; +@bulletScale: (7 / 15); /* 7px as unitless value from radio size */ +@bulletColor: @textColor; +@bulletRadius: @circularRadius; + +@radioFocusBackground: @checkboxFocusBackground; +@radioFocusBulletColor: @checkboxFocusCheckColor; + +@radioActiveBackground: @checkboxActiveBackground; +@radioActiveBulletColor: @checkboxActiveCheckColor; + +@radioActiveFocusBackground: @checkboxActiveFocusBackground; +@radioActiveFocusBulletColor: @checkboxActiveFocusCheckColor; + +/* Slider & Toggle Handle */ +@handleBackground: @white @subtleGradient; +@handleBoxShadow: + @subtleShadow, + 0 0 0 1px @borderColor inset +; + +/* Slider */ +@sliderHandleSize: 1.5rem; +@sliderLineWidth: 3.5rem; +@sliderTransitionDuration: 0.3s; + +@sliderHandleOffset: (1rem - @sliderHandleSize) / 2; +@sliderHandleTransition: left @sliderTransitionDuration @defaultEasing; + +@sliderWidth: @sliderLineWidth; +@sliderHeight: (@sliderHandleSize + @sliderHandleOffset); + +@sliderLineHeight: @3px; +@sliderLineVerticalOffset: 0.4rem; +@sliderLineColor: @transparentBlack; +@sliderLineRadius: @circularRadius; +@sliderLineTransition: background @sliderTransitionDuration @defaultEasing; + +@sliderTravelDistance: @sliderLineWidth - @sliderHandleSize; + +@sliderLabelDistance: @sliderLineWidth + 1rem; +@sliderOffLabelColor: @unselectedTextColor; + +@sliderLabelLineHeight: 1rem; + +/* Slider States */ +@sliderHoverLaneBackground: @veryStrongTransparentBlack; +@sliderHoverLabelColor: @hoveredTextColor; + +@sliderOnLineColor: @lightBlack; +@sliderOnLabelColor: @selectedTextColor; + +@sliderOnFocusLineColor: @lightBlackFocus; +@sliderOnFocusLabelColor: @sliderOnLabelColor; + + + +/* Toggle */ +@toggleLaneWidth: 3.5rem; +@toggleHandleSize: 1.5rem; +@toggleTransitionDuration: 0.2s; + +@toggleWidth: @toggleLaneWidth; +@toggleHeight: @toggleHandleSize; + +@toggleHandleRadius: @circularRadius; +@toggleHandleOffset: 0; +@toggleHandleTransition: + background @sliderTransitionDuration @defaultEasing, + left @sliderTransitionDuration @defaultEasing +; + +@toggleLaneBackground: @transparentBlack; +@toggleLaneHeight: @toggleHandleSize; +@toggleLaneBoxShadow: none; +@toggleLaneVerticalOffset: 0; +@toggleOffOffset: -0.05rem; +@toggleOnOffset: (@toggleLaneWidth - @toggleHandleSize) + 0.15rem; +@toggleCenterOffset: @toggleOnOffset / 2; +@toggleCenterLaneBackground: @veryStrongTransparentBlack; + +@toggleLabelDistance: @toggleLaneWidth + 1rem; +@toggleLabelLineHeight: 1.5rem; +@toggleLabelOffset: 0.15em; + + +@toggleFocusColor: @veryStrongTransparentBlack; +@toggleHoverColor: @toggleFocusColor; + +@toggleOffLabelColor: @checkboxColor; +@toggleOffHandleBoxShadow: @handleBoxShadow; + +@toggleOnLabelColor: @selectedTextColor; +@toggleOnLaneColor: @primaryColor; + +@toggleOnHandleBoxShadow: @handleBoxShadow; + +@toggleOnFocusLaneColor: @primaryColorFocus; +@toggleOnFocusLabelColor: @toggleOnLabelColor; + + + +/*------------------- + Variations +--------------------*/ + +/* Inverted */ +@checkboxInvertedHoverBackground: @black; + +@miniCheckboxSize: @relativeMini; +@miniCheckboxCircleScale: @miniRaw / 2; +@miniCheckboxCircleLeft: unit((@miniRaw - @miniCheckboxCircleScale) / 2 + 0.05 , em); +@tinyCheckboxSize: @relativeTiny; +@tinyCheckboxCircleScale: @tinyRaw / 2; +@tinyCheckboxCircleLeft: unit((@tinyRaw - @tinyCheckboxCircleScale) / 2 + 0.05 , em); +@smallCheckboxSize: @relativeSmall; +@smallCheckboxCircleScale: @smallRaw / 2; +@smallCheckboxCircleLeft: unit((@smallRaw - @smallCheckboxCircleScale) / 2 + 0.05 , em); +@largeCheckboxSize: @relativeLarge; +@largeCheckboxCircleScale: @largeRaw / 2; +@largeCheckboxCircleLeft: unit((@largeRaw - @largeCheckboxCircleScale) / 2 + 0.05 , em); +@bigCheckboxSize: @relativeBig; +@bigCheckboxCircleScale: @bigRaw / 2; +@bigCheckboxCircleLeft: unit((@bigRaw - @bigCheckboxCircleScale) / 2 + 0.05 , em); +@hugeCheckboxSize: @relativeHuge; +@hugeCheckboxCircleScale: @hugeRaw / 2; +@hugeCheckboxCircleLeft: unit((@hugeRaw - @hugeCheckboxCircleScale) / 2 + 0.05 , em); +@massiveCheckboxSize: @relativeMassive; +@massiveCheckboxCircleScale: @massiveRaw / 2; +@massiveCheckboxCircleLeft: unit((@massiveRaw - @massiveCheckboxCircleScale) / 2 + 0.05 , em); diff --git a/semantic/src/themes/default/modules/dimmer.overrides b/semantic/src/themes/default/modules/dimmer.overrides new file mode 100644 index 0000000..14fb0da --- /dev/null +++ b/semantic/src/themes/default/modules/dimmer.overrides @@ -0,0 +1,3 @@ +/******************************* + Theme Overrides +*******************************/ diff --git a/semantic/src/themes/default/modules/dimmer.variables b/semantic/src/themes/default/modules/dimmer.variables new file mode 100644 index 0000000..602f0e1 --- /dev/null +++ b/semantic/src/themes/default/modules/dimmer.variables @@ -0,0 +1,66 @@ +/******************************* + Dimmer +*******************************/ + +@dimmablePosition: relative; +@dimmerPosition: absolute; + +@backgroundColor: rgba(0, 0, 0 , 0.85); +@lineHeight: 1; +@perspective: 2000px; +@padding: 1em; + +@duration: 0.5s; +@transition: + background-color @duration linear +; +@zIndex: 1000; +@textAlign: center; +@verticalAlign: middle; +@textColor: @white; +@overflow: hidden; + +@blurredStartFilter: initial; +@blurredEndFilter: e("blur(5px) grayscale(0.7)"); +@blurredTransition: 800ms filter @defaultEasing; + +@blurredBackgroundColor: rgba(0, 0, 0, 0.6); +@blurredInvertedBackgroundColor: rgba(255, 255, 255, 0.6); + +/* Hidden (Default) */ +@hiddenOpacity: 0; + +/* Visible */ +@visibleOpacity: 1; + +/*------------------- + Types +--------------------*/ + +/* Page Dimmer*/ +@transformStyle: ''; +@pageDimmerPosition: fixed; + + +/*------------------- + Variations +--------------------*/ + +/* Inverted */ +@invertedBackgroundColor: rgba(255, 255, 255, 0.85); +@invertedTextColor: @fullBlack; + +/* Simple */ +@simpleZIndex: 1; +@simpleStartBackgroundColor: rgba(0, 0, 0, 0); +@simpleEndBackgroundColor: @backgroundColor; +@simpleInvertedStartBackgroundColor: rgba(255, 255, 255, 0); +@simpleInvertedEndBackgroundColor: @invertedBackgroundColor; + +/* Intensity */ +@veryLightBackgroundColor: rgba(0,0,0,.25); +@lightBackgroundColor: rgba(0,0,0,.45); +@mediumBackgroundColor: rgba(0,0,0,.65); +@veryLightInvertedBackgroundColor: rgba(255,255,255,.25); +@lightInvertedBackgroundColor: rgba(255,255,255,.45); +@mediumInvertedBackgroundColor: rgba(255,255,255,.65); \ No newline at end of file diff --git a/semantic/src/themes/default/modules/dropdown.overrides b/semantic/src/themes/default/modules/dropdown.overrides new file mode 100644 index 0000000..729e201 --- /dev/null +++ b/semantic/src/themes/default/modules/dropdown.overrides @@ -0,0 +1,62 @@ +/******************************* + Theme Overrides +*******************************/ + +/* Dropdown Carets */ +@font-face { + font-family: 'Dropdown'; + src: + url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjB5AAAAC8AAAAYGNtYXAPfuIIAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zjo82LgAAAFwAAABVGhlYWQAQ88bAAACxAAAADZoaGVhAwcB6QAAAvwAAAAkaG10eAS4ABIAAAMgAAAAIGxvY2EBNgDeAAADQAAAABJtYXhwAAoAFgAAA1QAAAAgbmFtZVcZpu4AAAN0AAABRXBvc3QAAwAAAAAEvAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDX//3//wAB/+MPLQADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAIABJQElABMAABM0NzY3BTYXFhUUDwEGJwYvASY1AAUGBwEACAUGBoAFCAcGgAUBEgcGBQEBAQcECQYHfwYBAQZ/BwYAAQAAAG4BJQESABMAADc0PwE2MzIfARYVFAcGIyEiJyY1AAWABgcIBYAGBgUI/wAHBgWABwaABQWABgcHBgUFBgcAAAABABIASQC3AW4AEwAANzQ/ATYXNhcWHQEUBwYnBi8BJjUSBoAFCAcFBgYFBwgFgAbbBwZ/BwEBBwQJ/wgEBwEBB38GBgAAAAABAAAASQClAW4AEwAANxE0NzYzMh8BFhUUDwEGIyInJjUABQYHCAWABgaABQgHBgVbAQAIBQYGgAUIBwWABgYFBwAAAAEAAAABAADZuaKOXw889QALAgAAAAAA0ABHWAAAAADQAEdYAAAAAAElAW4AAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAASUAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAABAAAAASUAAAElAAAAtwASALcAAAAAAAAACgAUAB4AQgBkAIgAqgAAAAEAAAAIABQAAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAOAAAAAQAAAAAAAgAOAEcAAQAAAAAAAwAOACQAAQAAAAAABAAOAFUAAQAAAAAABQAWAA4AAQAAAAAABgAHADIAAQAAAAAACgA0AGMAAwABBAkAAQAOAAAAAwABBAkAAgAOAEcAAwABBAkAAwAOACQAAwABBAkABAAOAFUAAwABBAkABQAWAA4AAwABBAkABgAOADkAAwABBAkACgA0AGMAaQBjAG8AbQBvAG8AbgBWAGUAcgBzAGkAbwBuACAAMQAuADAAaQBjAG8AbQBvAG8Abmljb21vb24AaQBjAG8AbQBvAG8AbgBSAGUAZwB1AGwAYQByAGkAYwBvAG0AbwBvAG4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format('truetype'), + url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAVwAAoAAAAABSgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAdkAAAHZLDXE/09TLzIAAALQAAAAYAAAAGAIIweQY21hcAAAAzAAAABMAAAATA9+4ghnYXNwAAADfAAAAAgAAAAIAAAAEGhlYWQAAAOEAAAANgAAADYAQ88baGhlYQAAA7wAAAAkAAAAJAMHAelobXR4AAAD4AAAACAAAAAgBLgAEm1heHAAAAQAAAAABgAAAAYACFAAbmFtZQAABAgAAAFFAAABRVcZpu5wb3N0AAAFUAAAACAAAAAgAAMAAAEABAQAAQEBCGljb21vb24AAQIAAQA6+BwC+BsD+BgEHgoAGVP/i4seCgAZU/+LiwwHi2v4lPh0BR0AAACIDx0AAACNER0AAAAJHQAAAdASAAkBAQgPERMWGyAlKmljb21vb25pY29tb29udTB1MXUyMHVGMEQ3dUYwRDh1RjBEOXVGMERBAAACAYkABgAIAgABAAQABwAKAA0AVgCfAOgBL/yUDvyUDvyUDvuUDvtvi/emFYuQjZCOjo+Pj42Qiwj3lIsFkIuQiY6Hj4iNhouGi4aJh4eHCPsU+xQFiIiGiYaLhouHjYeOCPsU9xQFiI+Jj4uQCA77b4v3FBWLkI2Pjo8I9xT3FAWPjo+NkIuQi5CJjogI9xT7FAWPh42Hi4aLhomHh4eIiIaJhosI+5SLBYaLh42HjoiPiY+LkAgO+92d928Vi5CNkI+OCPcU9xQFjo+QjZCLkIuPiY6Hj4iNhouGCIv7lAWLhomHh4iIh4eJhouGi4aNiI8I+xT3FAWHjomPi5AIDvvdi+YVi/eUBYuQjZCOjo+Pj42Qi5CLkImOhwj3FPsUBY+IjYaLhouGiYeHiAj7FPsUBYiHhomGi4aLh42Hj4iOiY+LkAgO+JQU+JQViwwKAAAAAAMCAAGQAAUAAAFMAWYAAABHAUwBZgAAAPUAGQCEAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA8NoB4P/g/+AB4AAgAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAA4AAAACgAIAAIAAgABACDw2v/9//8AAAAAACDw1//9//8AAf/jDy0AAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAABAAA5emozXw889QALAgAAAAAA0ABHWAAAAADQAEdYAAAAAAElAW4AAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAASUAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAABAAAAASUAAAElAAAAtwASALcAAAAAUAAACAAAAAAADgCuAAEAAAAAAAEADgAAAAEAAAAAAAIADgBHAAEAAAAAAAMADgAkAAEAAAAAAAQADgBVAAEAAAAAAAUAFgAOAAEAAAAAAAYABwAyAAEAAAAAAAoANABjAAMAAQQJAAEADgAAAAMAAQQJAAIADgBHAAMAAQQJAAMADgAkAAMAAQQJAAQADgBVAAMAAQQJAAUAFgAOAAMAAQQJAAYADgA5AAMAAQQJAAoANABjAGkAYwBvAG0AbwBvAG4AVgBlAHIAcwBpAG8AbgAgADEALgAwAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG4AUgBlAGcAdQBsAGEAcgBpAGMAbwBtAG8AbwBuAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('woff') + ; + font-weight: normal; + font-style: normal; +} + +.ui.dropdown > .dropdown.icon { + font-family: 'Dropdown'; + line-height: 1; + height: 1em; + width: 1.23em; + backface-visibility: hidden; + font-weight: normal; + font-style: normal; + text-align: center; +} + +.ui.dropdown > .dropdown.icon { + width: auto; +} +.ui.dropdown > .dropdown.icon:before { + content: '\f0d7'; +} + +/* Sub Menu */ +.ui.dropdown .menu .item .dropdown.icon:before { + content: '\f0da'/*rtl:'\f0d9'*/; +} + +.ui.dropdown .item .left.dropdown.icon:before, +.ui.dropdown .left.menu .item .dropdown.icon:before { + content: "\f0d9"/*rtl:"\f0da"*/; +} + +/* Vertical Menu Dropdown */ +.ui.vertical.menu .dropdown.item > .dropdown.icon:before { + content: "\f0da"/*rtl:"\f0d9"*/; +} + +/* Icons for Reference +.dropdown.down.icon { + content: "\f0d7"; +} +.dropdown.up.icon { + content: "\f0d8"; +} +.dropdown.left.icon { + content: "\f0d9"; +} +.dropdown.icon.icon { + content: "\f0da"; +} +*/ diff --git a/semantic/src/themes/default/modules/dropdown.variables b/semantic/src/themes/default/modules/dropdown.variables new file mode 100644 index 0000000..5ab5349 --- /dev/null +++ b/semantic/src/themes/default/modules/dropdown.variables @@ -0,0 +1,471 @@ +/******************************* + Dropdown +*******************************/ + +/*------------------- + Element +--------------------*/ + +@transition: + box-shadow @defaultDuration @defaultEasing, + width @defaultDuration @defaultEasing +; +@borderRadius: @defaultBorderRadius; + +@raisedShadow: 0 2px 3px 0 @borderColor; + +/*------------------- + Content +--------------------*/ + +/* Icon */ +@dropdownIconSize: @relative12px; +@dropdownIconMargin: 0 0 0 1em; + +/* Current Text */ +@textTransition: none; + +/* Menu */ +@menuBackground: #FFFFFF; +@menuMargin: 0; +@menuPadding: 0 0; +@menuTop: 100%; +@menuTextAlign: left; + +@menuBorderWidth: 1px; +@menuBorderColor: @borderColor; +@menuBorder: @menuBorderWidth solid @menuBorderColor; +@menuBoxShadow: @raisedShadow; +@menuBorderRadius: @borderRadius; +@menuTransition: opacity @defaultDuration @defaultEasing; +@menuMinWidth: e(%("calc(100%% + %d)", @menuBorderWidth * 2)); +@menuZIndex: 11; + +/* Text */ +@textLineHeight: 1em; +@textLineHeightOffset: (@textLineHeight - 1em); +@textCursorSpacing: 1px; + +/* Menu Item */ +@itemFontSize: @medium; +@itemTextAlign: left; +@itemBorder: none; +@itemHeight: auto; +@itemDivider: none; +@itemColor: @textColor; +@itemVerticalPadding: @mini; +@itemHorizontalPadding: @large; +@itemPadding: @itemVerticalPadding @itemHorizontalPadding; +@itemFontWeight: @normal; +@itemLineHeight: 1em; +@itemLineHeightOffset: (@itemLineHeight - 1em); +@itemTextTransform: none; +@itemBoxShadow: none; +@itemMinHeight: unit(@itemLineHeight + 2 * @itemVerticalPadding, rem); + +/* Vertical Item */ +@verticalItemMargin: 0.25em; + +/* Sub Menu */ +@subMenuTop: 0; +@subMenuLeft: 100%; +@subMenuRight: auto; +@subMenuDistanceAway: -0.5em; +@subMenuMargin: 0 @subMenuDistanceAway; +@subMenuBorderRadius: @borderRadius; +@subMenuZIndex: 21; + +/* Menu Header */ +@menuHeaderColor: @darkTextColor; +@menuHeaderFontSize: @relative11px; +@menuHeaderFontWeight: @bold; +@menuHeaderTextTransform: uppercase; +@menuHeaderMargin: 1rem 0 0.75rem; +@menuHeaderPadding: 0 @itemHorizontalPadding; + +/* Menu Divider */ +@menuDividerMargin: 0.5em 0; +@menuDividerColor: @internalBorderColor; +@menuDividerSize: 1px; +@menuDividerBorder: @menuDividerSize solid @menuDividerColor; + +/* Menu Input */ +@menuInputMargin: @large @mini; +@menuInputMinWidth: 10rem; +@menuInputVerticalPadding: 0.5em; +@menuInputHorizontalPadding: @inputHorizontalPadding; +@menuInputPadding: @menuInputVerticalPadding @menuInputHorizontalPadding; + +/* Menu Image */ +@menuImageMaxHeight: 2em; +@menuImageVerticalMargin: -(@menuImageMaxHeight - 1em) / 2; + +/* Item Sub-Element */ +@itemElementFloat: none; +@itemElementDistance: @mini; +@itemElementBottomDistance: @itemElementDistance / 2; + +/* Sub-Menu Dropdown Icon */ +@itemDropdownIconDistance: 1em; +@itemDropdownIconFloat: right; +@itemDropdownIconMargin: @itemLineHeightOffset 0 0 @itemDropdownIconDistance; + +/* Description */ +@itemDescriptionFloat: right; +@itemDescriptionMargin: 0 0 0 1em; +@itemDescriptionColor: @lightTextColor; + +/* Message */ +@messagePadding: @selectionItemPadding; +@messageFontWeight: @normal; +@messageColor: @unselectedTextColor; + +/* Floated Content */ +@floatedDistance: 1em; + +/*------------------- + Types +--------------------*/ + +/*------------ + Selection +--------------*/ + +@selectionMinWidth: 14em; +@selectionVerticalPadding: @inputVerticalPadding; +@selectionHorizontalPadding: @inputHorizontalPadding; +@selectionBorderEmWidth: @relative1px; +@selectionMinHeight: @inputLineHeight + (@selectionVerticalPadding * 2) - @selectionBorderEmWidth; +@selectionBackground: @inputBackground; +@selectionDisplay: inline-block; +@selectionIconDistance: @inputHorizontalPadding + (@glyphWidth * 2); +@selectionPadding: @selectionVerticalPadding @selectionIconDistance @selectionVerticalPadding @selectionHorizontalPadding; +@selectionZIndex: 10; + +@selectionItemDivider: 1px solid @solidInternalBorderColor; +@selectionMessagePadding: @selectionItemPadding; + +/*