From bbadbfd317b44700a57b13501802802ad82e605e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Michael=20Vo=C5=99=C3=AD=C5=A1ek?= Date: Wed, 14 Dec 2022 17:37:24 +0100 Subject: [PATCH 01/16] fix no-empty-source manually --- .stylelintrc.js | 1 - src/_site/modules/embed.variables | 3 +++ src/themes/bootstrap3/elements/button.overrides | 3 +++ src/themes/chubby/collections/menu.overrides | 3 +++ src/themes/colored/modules/checkbox.overrides | 3 +++ src/themes/default/collections/table.overrides | 3 +++ src/themes/gmail/collections/message.overrides | 3 +++ src/themes/material/globals/site.overrides | 3 +++ src/themes/round/elements/button.overrides | 3 +++ 9 files changed, 24 insertions(+), 1 deletion(-) diff --git a/.stylelintrc.js b/.stylelintrc.js index 7950ce84a1..dc7664a316 100644 --- a/.stylelintrc.js +++ b/.stylelintrc.js @@ -43,7 +43,6 @@ module.exports = { 'declaration-block-no-redundant-longhand-properties': null, // 12 errors 'value-keyword-case': null, // 12 errors 'value-no-vendor-prefix': null, // 9 errors - 'no-empty-source': null, // 8 errors 'font-family-no-missing-generic-family-keyword': null, // 8 errors 'selector-attribute-quotes': null, // 7 errors 'shorthand-property-no-redundant-values': null, // 5 errors diff --git a/src/_site/modules/embed.variables b/src/_site/modules/embed.variables index e69de29bb2..6f085f9353 100644 --- a/src/_site/modules/embed.variables +++ b/src/_site/modules/embed.variables @@ -0,0 +1,3 @@ +/******************************* + User Variable Overrides +*******************************/ diff --git a/src/themes/bootstrap3/elements/button.overrides b/src/themes/bootstrap3/elements/button.overrides index e69de29bb2..c5c53367f7 100644 --- a/src/themes/bootstrap3/elements/button.overrides +++ b/src/themes/bootstrap3/elements/button.overrides @@ -0,0 +1,3 @@ +/******************************* + Overrides +*******************************/ diff --git a/src/themes/chubby/collections/menu.overrides b/src/themes/chubby/collections/menu.overrides index e69de29bb2..c5c53367f7 100644 --- a/src/themes/chubby/collections/menu.overrides +++ b/src/themes/chubby/collections/menu.overrides @@ -0,0 +1,3 @@ +/******************************* + Overrides +*******************************/ diff --git a/src/themes/colored/modules/checkbox.overrides b/src/themes/colored/modules/checkbox.overrides index e69de29bb2..c5c53367f7 100644 --- a/src/themes/colored/modules/checkbox.overrides +++ b/src/themes/colored/modules/checkbox.overrides @@ -0,0 +1,3 @@ +/******************************* + Overrides +*******************************/ diff --git a/src/themes/default/collections/table.overrides b/src/themes/default/collections/table.overrides index e69de29bb2..c5c53367f7 100644 --- a/src/themes/default/collections/table.overrides +++ b/src/themes/default/collections/table.overrides @@ -0,0 +1,3 @@ +/******************************* + Overrides +*******************************/ diff --git a/src/themes/gmail/collections/message.overrides b/src/themes/gmail/collections/message.overrides index e69de29bb2..c5c53367f7 100644 --- a/src/themes/gmail/collections/message.overrides +++ b/src/themes/gmail/collections/message.overrides @@ -0,0 +1,3 @@ +/******************************* + Overrides +*******************************/ diff --git a/src/themes/material/globals/site.overrides b/src/themes/material/globals/site.overrides index e69de29bb2..c5c53367f7 100644 --- a/src/themes/material/globals/site.overrides +++ b/src/themes/material/globals/site.overrides @@ -0,0 +1,3 @@ +/******************************* + Overrides +*******************************/ diff --git a/src/themes/round/elements/button.overrides b/src/themes/round/elements/button.overrides index e69de29bb2..c5c53367f7 100644 --- a/src/themes/round/elements/button.overrides +++ b/src/themes/round/elements/button.overrides @@ -0,0 +1,3 @@ +/******************************* + Overrides +*******************************/ From 370367358adcba8376d63c2fa75bd9c2faed34ad Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Michael=20Vo=C5=99=C3=AD=C5=A1ek?= Date: Wed, 14 Dec 2022 22:28:58 +0100 Subject: [PATCH 02/16] Fix spaces before colon in LESS files (^@(\w|-)+) +(: ) --- src/definitions/collections/breadcrumb.less | 4 +- src/definitions/collections/form.less | 4 +- src/definitions/collections/grid.less | 4 +- src/definitions/collections/menu.less | 4 +- src/definitions/collections/message.less | 4 +- src/definitions/collections/table.less | 4 +- src/definitions/elements/button.less | 4 +- src/definitions/elements/container.less | 4 +- src/definitions/elements/divider.less | 4 +- src/definitions/elements/emoji.less | 4 +- src/definitions/elements/flag.less | 4 +- src/definitions/elements/header.less | 4 +- src/definitions/elements/icon.less | 4 +- src/definitions/elements/image.less | 4 +- src/definitions/elements/input.less | 4 +- src/definitions/elements/label.less | 4 +- src/definitions/elements/list.less | 4 +- src/definitions/elements/loader.less | 4 +- src/definitions/elements/placeholder.less | 4 +- src/definitions/elements/rail.less | 4 +- src/definitions/elements/reveal.less | 4 +- src/definitions/elements/segment.less | 4 +- src/definitions/elements/step.less | 4 +- src/definitions/elements/text.less | 4 +- src/definitions/globals/reset.less | 4 +- src/definitions/globals/site.less | 4 +- src/definitions/modules/accordion.less | 4 +- src/definitions/modules/calendar.less | 4 +- src/definitions/modules/checkbox.less | 4 +- src/definitions/modules/dimmer.less | 4 +- src/definitions/modules/dropdown.less | 4 +- src/definitions/modules/embed.less | 4 +- src/definitions/modules/flyout.less | 4 +- src/definitions/modules/modal.less | 4 +- src/definitions/modules/nag.less | 4 +- src/definitions/modules/popup.less | 4 +- src/definitions/modules/progress.less | 4 +- src/definitions/modules/rating.less | 4 +- src/definitions/modules/search.less | 4 +- src/definitions/modules/shape.less | 4 +- src/definitions/modules/sidebar.less | 4 +- src/definitions/modules/slider.less | 4 +- src/definitions/modules/sticky.less | 4 +- src/definitions/modules/tab.less | 4 +- src/definitions/modules/toast.less | 4 +- src/definitions/modules/transition.less | 4 +- src/definitions/views/ad.less | 4 +- src/definitions/views/card.less | 4 +- src/definitions/views/comment.less | 4 +- src/definitions/views/feed.less | 4 +- src/definitions/views/item.less | 4 +- src/definitions/views/statistic.less | 4 +- src/theme.config.example | 106 +- src/themes/amazon/globals/site.variables | 10 +- src/themes/basic/elements/icon.variables | 2 +- src/themes/bookish/elements/header.variables | 2 +- src/themes/chubby/elements/header.variables | 2 +- src/themes/default/elements/header.variables | 30 +- src/themes/default/elements/label.variables | 16 +- src/themes/default/elements/loader.variables | 16 +- src/themes/default/globals/site.variables | 1528 ++++++++--------- src/themes/default/modules/slider.variables | 90 +- src/themes/famfamfam/elements/flag.variables | 2 +- src/themes/flat/globals/site.variables | 98 +- src/themes/github/elements/icon.variables | 2 +- src/themes/github/globals/site.variables | 10 +- src/themes/material/elements/button.variables | 36 +- src/themes/material/elements/header.variables | 12 +- src/themes/material/elements/icon.variables | 4 +- src/themes/material/globals/site.variables | 104 +- src/themes/rtl/globals/site.variables | 6 +- src/themes/systemfont/globals/site.variables | 12 +- 72 files changed, 1148 insertions(+), 1148 deletions(-) diff --git a/src/definitions/collections/breadcrumb.less b/src/definitions/collections/breadcrumb.less index 3f6f99ce19..f4afa9a1ee 100755 --- a/src/definitions/collections/breadcrumb.less +++ b/src/definitions/collections/breadcrumb.less @@ -12,8 +12,8 @@ Theme *******************************/ -@type : 'collection'; -@element : 'breadcrumb'; +@type: 'collection'; +@element: 'breadcrumb'; @import (multiple) '../../theme.config'; diff --git a/src/definitions/collections/form.less b/src/definitions/collections/form.less index 3c4c5b800e..885dacc34d 100755 --- a/src/definitions/collections/form.less +++ b/src/definitions/collections/form.less @@ -12,8 +12,8 @@ Theme *******************************/ -@type : 'collection'; -@element : 'form'; +@type: 'collection'; +@element: 'form'; @import (multiple) '../../theme.config'; diff --git a/src/definitions/collections/grid.less b/src/definitions/collections/grid.less index ab8c976ec1..b9489c16b9 100755 --- a/src/definitions/collections/grid.less +++ b/src/definitions/collections/grid.less @@ -12,8 +12,8 @@ Theme *******************************/ -@type : 'collection'; -@element : 'grid'; +@type: 'collection'; +@element: 'grid'; @import (multiple) '../../theme.config'; diff --git a/src/definitions/collections/menu.less b/src/definitions/collections/menu.less index 0175fa22b1..43a739953b 100755 --- a/src/definitions/collections/menu.less +++ b/src/definitions/collections/menu.less @@ -13,8 +13,8 @@ Theme *******************************/ -@type : 'collection'; -@element : 'menu'; +@type: 'collection'; +@element: 'menu'; @import (multiple) '../../theme.config'; diff --git a/src/definitions/collections/message.less b/src/definitions/collections/message.less index 694470cf2f..2645f615fb 100755 --- a/src/definitions/collections/message.less +++ b/src/definitions/collections/message.less @@ -12,8 +12,8 @@ Theme *******************************/ -@type : 'collection'; -@element : 'message'; +@type: 'collection'; +@element: 'message'; @import (multiple) '../../theme.config'; diff --git a/src/definitions/collections/table.less b/src/definitions/collections/table.less index ab69c45b65..047b8276f1 100755 --- a/src/definitions/collections/table.less +++ b/src/definitions/collections/table.less @@ -12,8 +12,8 @@ Theme *******************************/ -@type : 'collection'; -@element : 'table'; +@type: 'collection'; +@element: 'table'; @import (multiple) '../../theme.config'; diff --git a/src/definitions/elements/button.less b/src/definitions/elements/button.less index 402bec84c6..4603f6e34f 100755 --- a/src/definitions/elements/button.less +++ b/src/definitions/elements/button.less @@ -12,8 +12,8 @@ Theme *******************************/ -@type : 'element'; -@element : 'button'; +@type: 'element'; +@element: 'button'; @import (multiple) '../../theme.config'; diff --git a/src/definitions/elements/container.less b/src/definitions/elements/container.less index 714d476b9c..550e0fa0b9 100644 --- a/src/definitions/elements/container.less +++ b/src/definitions/elements/container.less @@ -12,8 +12,8 @@ Theme *******************************/ -@type : 'element'; -@element : 'container'; +@type: 'element'; +@element: 'container'; @import (multiple) '../../theme.config'; diff --git a/src/definitions/elements/divider.less b/src/definitions/elements/divider.less index 6634df1335..a191df0083 100755 --- a/src/definitions/elements/divider.less +++ b/src/definitions/elements/divider.less @@ -12,8 +12,8 @@ Theme *******************************/ -@type : 'element'; -@element : 'divider'; +@type: 'element'; +@element: 'divider'; @import (multiple) '../../theme.config'; diff --git a/src/definitions/elements/emoji.less b/src/definitions/elements/emoji.less index 7f1b084aa5..dc6cd0ed18 100644 --- a/src/definitions/elements/emoji.less +++ b/src/definitions/elements/emoji.less @@ -12,8 +12,8 @@ Theme *******************************/ -@type : 'element'; -@element : 'emoji'; +@type: 'element'; +@element: 'emoji'; @import (multiple) '../../theme.config'; diff --git a/src/definitions/elements/flag.less b/src/definitions/elements/flag.less index 8af1c10aa2..e0ba1fe551 100755 --- a/src/definitions/elements/flag.less +++ b/src/definitions/elements/flag.less @@ -12,8 +12,8 @@ Theme *******************************/ -@type : 'element'; -@element : 'flag'; +@type: 'element'; +@element: 'flag'; @import (multiple) '../../theme.config'; diff --git a/src/definitions/elements/header.less b/src/definitions/elements/header.less index a22bde8119..0ae3daa826 100755 --- a/src/definitions/elements/header.less +++ b/src/definitions/elements/header.less @@ -12,8 +12,8 @@ Theme *******************************/ -@type : 'element'; -@element : 'header'; +@type: 'element'; +@element: 'header'; @import (multiple) '../../theme.config'; diff --git a/src/definitions/elements/icon.less b/src/definitions/elements/icon.less index aa67c8984e..75016bf33e 100755 --- a/src/definitions/elements/icon.less +++ b/src/definitions/elements/icon.less @@ -12,8 +12,8 @@ Theme *******************************/ -@type : 'element'; -@element : 'icon'; +@type: 'element'; +@element: 'icon'; @import (multiple) '../../theme.config'; diff --git a/src/definitions/elements/image.less b/src/definitions/elements/image.less index e2c6c881b8..5376f854ee 100755 --- a/src/definitions/elements/image.less +++ b/src/definitions/elements/image.less @@ -12,8 +12,8 @@ Theme *******************************/ -@type : 'element'; -@element : 'image'; +@type: 'element'; +@element: 'image'; @import (multiple) '../../theme.config'; diff --git a/src/definitions/elements/input.less b/src/definitions/elements/input.less index 6d9794bbb1..47393eac3c 100755 --- a/src/definitions/elements/input.less +++ b/src/definitions/elements/input.less @@ -12,8 +12,8 @@ Theme *******************************/ -@type : 'element'; -@element : 'input'; +@type: 'element'; +@element: 'input'; @import (multiple) '../../theme.config'; diff --git a/src/definitions/elements/label.less b/src/definitions/elements/label.less index 857df632c4..22cb991a3a 100755 --- a/src/definitions/elements/label.less +++ b/src/definitions/elements/label.less @@ -12,8 +12,8 @@ Theme *******************************/ -@type : 'element'; -@element : 'label'; +@type: 'element'; +@element: 'label'; @import (multiple) '../../theme.config'; diff --git a/src/definitions/elements/list.less b/src/definitions/elements/list.less index 498544165c..c21156373d 100755 --- a/src/definitions/elements/list.less +++ b/src/definitions/elements/list.less @@ -12,8 +12,8 @@ Theme *******************************/ -@type : 'element'; -@element : 'list'; +@type: 'element'; +@element: 'list'; @import (multiple) '../../theme.config'; diff --git a/src/definitions/elements/loader.less b/src/definitions/elements/loader.less index a7efe8327d..1db796e21e 100755 --- a/src/definitions/elements/loader.less +++ b/src/definitions/elements/loader.less @@ -12,8 +12,8 @@ Theme *******************************/ -@type : 'element'; -@element : 'loader'; +@type: 'element'; +@element: 'loader'; @import (multiple) '../../theme.config'; diff --git a/src/definitions/elements/placeholder.less b/src/definitions/elements/placeholder.less index b0276d2a9f..b652b545ac 100644 --- a/src/definitions/elements/placeholder.less +++ b/src/definitions/elements/placeholder.less @@ -12,8 +12,8 @@ Theme *******************************/ -@type : 'element'; -@element : 'placeholder'; +@type: 'element'; +@element: 'placeholder'; @import (multiple) '../../theme.config'; diff --git a/src/definitions/elements/rail.less b/src/definitions/elements/rail.less index ce6a36f6f5..94198c03d5 100755 --- a/src/definitions/elements/rail.less +++ b/src/definitions/elements/rail.less @@ -12,8 +12,8 @@ Theme *******************************/ -@type : 'element'; -@element : 'rail'; +@type: 'element'; +@element: 'rail'; @import (multiple) '../../theme.config'; diff --git a/src/definitions/elements/reveal.less b/src/definitions/elements/reveal.less index eb26854fed..b3baaba85b 100755 --- a/src/definitions/elements/reveal.less +++ b/src/definitions/elements/reveal.less @@ -12,8 +12,8 @@ Theme *******************************/ -@type : 'element'; -@element : 'reveal'; +@type: 'element'; +@element: 'reveal'; @import (multiple) '../../theme.config'; diff --git a/src/definitions/elements/segment.less b/src/definitions/elements/segment.less index e1c37e8b54..c5e54662cc 100755 --- a/src/definitions/elements/segment.less +++ b/src/definitions/elements/segment.less @@ -12,8 +12,8 @@ Theme *******************************/ -@type : 'element'; -@element : 'segment'; +@type: 'element'; +@element: 'segment'; @import (multiple) '../../theme.config'; diff --git a/src/definitions/elements/step.less b/src/definitions/elements/step.less index 660f846c5a..32bf9a7b23 100755 --- a/src/definitions/elements/step.less +++ b/src/definitions/elements/step.less @@ -16,8 +16,8 @@ Load Theme --------------- */ -@type : 'element'; -@element : 'step'; +@type: 'element'; +@element: 'step'; @import (multiple) '../../theme.config'; diff --git a/src/definitions/elements/text.less b/src/definitions/elements/text.less index ffdaa3d449..c901c423f6 100644 --- a/src/definitions/elements/text.less +++ b/src/definitions/elements/text.less @@ -12,8 +12,8 @@ Theme *******************************/ -@type : 'element'; -@element : 'text'; +@type: 'element'; +@element: 'text'; @import (multiple) '../../theme.config'; diff --git a/src/definitions/globals/reset.less b/src/definitions/globals/reset.less index 6b063b5d7c..727f5f3e53 100755 --- a/src/definitions/globals/reset.less +++ b/src/definitions/globals/reset.less @@ -12,8 +12,8 @@ Theme *******************************/ -@type : 'global'; -@element : 'reset'; +@type: 'global'; +@element: 'reset'; @import (multiple) '../../theme.config'; diff --git a/src/definitions/globals/site.less b/src/definitions/globals/site.less index ba4d26e587..3d5ea9ca09 100755 --- a/src/definitions/globals/site.less +++ b/src/definitions/globals/site.less @@ -12,8 +12,8 @@ Theme *******************************/ -@type : 'global'; -@element : 'site'; +@type: 'global'; +@element: 'site'; @import (multiple) '../../theme.config'; diff --git a/src/definitions/modules/accordion.less b/src/definitions/modules/accordion.less index 88d3afc783..5d4fa20b65 100755 --- a/src/definitions/modules/accordion.less +++ b/src/definitions/modules/accordion.less @@ -12,8 +12,8 @@ Theme *******************************/ -@type : 'module'; -@element : 'accordion'; +@type: 'module'; +@element: 'accordion'; @import (multiple) '../../theme.config'; diff --git a/src/definitions/modules/calendar.less b/src/definitions/modules/calendar.less index b13dc58437..b730c50db2 100644 --- a/src/definitions/modules/calendar.less +++ b/src/definitions/modules/calendar.less @@ -12,8 +12,8 @@ Theme *******************************/ -@type : 'module'; -@element : 'calendar'; +@type: 'module'; +@element: 'calendar'; @import (multiple) '../../theme.config'; diff --git a/src/definitions/modules/checkbox.less b/src/definitions/modules/checkbox.less index eb6825ee3c..8099b61cea 100755 --- a/src/definitions/modules/checkbox.less +++ b/src/definitions/modules/checkbox.less @@ -12,8 +12,8 @@ Theme *******************************/ -@type : 'module'; -@element : 'checkbox'; +@type: 'module'; +@element: 'checkbox'; @import (multiple) '../../theme.config'; diff --git a/src/definitions/modules/dimmer.less b/src/definitions/modules/dimmer.less index 6bf31c473e..e86208966f 100755 --- a/src/definitions/modules/dimmer.less +++ b/src/definitions/modules/dimmer.less @@ -12,8 +12,8 @@ Theme *******************************/ -@type : 'module'; -@element : 'dimmer'; +@type: 'module'; +@element: 'dimmer'; @import (multiple) '../../theme.config'; diff --git a/src/definitions/modules/dropdown.less b/src/definitions/modules/dropdown.less index 7cfcf028b6..b4dd12ab75 100755 --- a/src/definitions/modules/dropdown.less +++ b/src/definitions/modules/dropdown.less @@ -12,8 +12,8 @@ Theme *******************************/ -@type : 'module'; -@element : 'dropdown'; +@type: 'module'; +@element: 'dropdown'; @import (multiple) '../../theme.config'; diff --git a/src/definitions/modules/embed.less b/src/definitions/modules/embed.less index 1eff1191da..5cddadd78c 100644 --- a/src/definitions/modules/embed.less +++ b/src/definitions/modules/embed.less @@ -12,8 +12,8 @@ Theme *******************************/ -@type : 'module'; -@element : 'embed'; +@type: 'module'; +@element: 'embed'; @import (multiple) '../../theme.config'; diff --git a/src/definitions/modules/flyout.less b/src/definitions/modules/flyout.less index 3e706483a5..4b4eee1460 100644 --- a/src/definitions/modules/flyout.less +++ b/src/definitions/modules/flyout.less @@ -12,8 +12,8 @@ Theme *******************************/ -@type : 'module'; -@element : 'flyout'; +@type: 'module'; +@element: 'flyout'; @import (multiple) '../../theme.config'; diff --git a/src/definitions/modules/modal.less b/src/definitions/modules/modal.less index b6c9b4660d..b249929e55 100755 --- a/src/definitions/modules/modal.less +++ b/src/definitions/modules/modal.less @@ -12,8 +12,8 @@ Theme *******************************/ -@type : 'module'; -@element : 'modal'; +@type: 'module'; +@element: 'modal'; @import (multiple) '../../theme.config'; diff --git a/src/definitions/modules/nag.less b/src/definitions/modules/nag.less index 7106f1781e..022728ae25 100755 --- a/src/definitions/modules/nag.less +++ b/src/definitions/modules/nag.less @@ -12,8 +12,8 @@ Theme *******************************/ -@type : 'module'; -@element : 'nag'; +@type: 'module'; +@element: 'nag'; @import (multiple) '../../theme.config'; diff --git a/src/definitions/modules/popup.less b/src/definitions/modules/popup.less index be48e99bf3..b1f230d524 100755 --- a/src/definitions/modules/popup.less +++ b/src/definitions/modules/popup.less @@ -12,8 +12,8 @@ Theme *******************************/ -@type : 'module'; -@element : 'popup'; +@type: 'module'; +@element: 'popup'; @import (multiple) '../../theme.config'; diff --git a/src/definitions/modules/progress.less b/src/definitions/modules/progress.less index 5ccb92f1e6..2964938896 100755 --- a/src/definitions/modules/progress.less +++ b/src/definitions/modules/progress.less @@ -12,8 +12,8 @@ Theme *******************************/ -@type : 'module'; -@element : 'progress'; +@type: 'module'; +@element: 'progress'; @import (multiple) '../../theme.config'; diff --git a/src/definitions/modules/rating.less b/src/definitions/modules/rating.less index 1e9a30abf7..724328222f 100755 --- a/src/definitions/modules/rating.less +++ b/src/definitions/modules/rating.less @@ -12,8 +12,8 @@ Theme *******************************/ -@type : 'module'; -@element : 'rating'; +@type: 'module'; +@element: 'rating'; @import (multiple) '../../theme.config'; diff --git a/src/definitions/modules/search.less b/src/definitions/modules/search.less index 5e92f671c3..3f3bb144a6 100755 --- a/src/definitions/modules/search.less +++ b/src/definitions/modules/search.less @@ -12,8 +12,8 @@ Theme *******************************/ -@type : 'module'; -@element : 'search'; +@type: 'module'; +@element: 'search'; @import (multiple) '../../theme.config'; diff --git a/src/definitions/modules/shape.less b/src/definitions/modules/shape.less index 1c99628c33..76816b3856 100755 --- a/src/definitions/modules/shape.less +++ b/src/definitions/modules/shape.less @@ -12,8 +12,8 @@ Theme *******************************/ -@type : 'module'; -@element : 'shape'; +@type: 'module'; +@element: 'shape'; @import (multiple) '../../theme.config'; diff --git a/src/definitions/modules/sidebar.less b/src/definitions/modules/sidebar.less index 93f1f925ba..07d2b1541f 100755 --- a/src/definitions/modules/sidebar.less +++ b/src/definitions/modules/sidebar.less @@ -12,8 +12,8 @@ Theme *******************************/ -@type : 'module'; -@element : 'sidebar'; +@type: 'module'; +@element: 'sidebar'; @import (multiple) '../../theme.config'; diff --git a/src/definitions/modules/slider.less b/src/definitions/modules/slider.less index 22be56b639..572c54d11f 100644 --- a/src/definitions/modules/slider.less +++ b/src/definitions/modules/slider.less @@ -2,8 +2,8 @@ Theme *******************************/ -@type : 'module'; -@element : 'slider'; +@type: 'module'; +@element: 'slider'; @import (multiple) '../../theme.config'; diff --git a/src/definitions/modules/sticky.less b/src/definitions/modules/sticky.less index 661e5701b6..825df4e4ea 100755 --- a/src/definitions/modules/sticky.less +++ b/src/definitions/modules/sticky.less @@ -12,8 +12,8 @@ Theme *******************************/ -@type : 'module'; -@element : 'sticky'; +@type: 'module'; +@element: 'sticky'; @import (multiple) '../../theme.config'; diff --git a/src/definitions/modules/tab.less b/src/definitions/modules/tab.less index 2acd4643a8..5f50f939e4 100755 --- a/src/definitions/modules/tab.less +++ b/src/definitions/modules/tab.less @@ -12,8 +12,8 @@ Theme *******************************/ -@type : 'module'; -@element : 'tab'; +@type: 'module'; +@element: 'tab'; @import (multiple) '../../theme.config'; diff --git a/src/definitions/modules/toast.less b/src/definitions/modules/toast.less index 7838b16d2a..d787bcc724 100644 --- a/src/definitions/modules/toast.less +++ b/src/definitions/modules/toast.less @@ -12,8 +12,8 @@ Theme *******************************/ -@type : 'module'; -@element : 'toast'; +@type: 'module'; +@element: 'toast'; @import (multiple) '../../theme.config'; diff --git a/src/definitions/modules/transition.less b/src/definitions/modules/transition.less index fedb303c1e..609695c95b 100755 --- a/src/definitions/modules/transition.less +++ b/src/definitions/modules/transition.less @@ -12,8 +12,8 @@ Theme *******************************/ -@type : 'module'; -@element : 'transition'; +@type: 'module'; +@element: 'transition'; @import (multiple) '../../theme.config'; diff --git a/src/definitions/views/ad.less b/src/definitions/views/ad.less index 4b60496d20..29aca9c71c 100644 --- a/src/definitions/views/ad.less +++ b/src/definitions/views/ad.less @@ -13,8 +13,8 @@ Theme *******************************/ -@type : 'view'; -@element : 'ad'; +@type: 'view'; +@element: 'ad'; @import (multiple) '../../theme.config'; diff --git a/src/definitions/views/card.less b/src/definitions/views/card.less index 77751cefe0..da80a8672f 100755 --- a/src/definitions/views/card.less +++ b/src/definitions/views/card.less @@ -12,8 +12,8 @@ Theme *******************************/ -@type : 'view'; -@element : 'card'; +@type: 'view'; +@element: 'card'; @import (multiple) '../../theme.config'; diff --git a/src/definitions/views/comment.less b/src/definitions/views/comment.less index 4bbba1cdb1..a4542e8122 100755 --- a/src/definitions/views/comment.less +++ b/src/definitions/views/comment.less @@ -12,8 +12,8 @@ Theme *******************************/ -@type : 'view'; -@element : 'comment'; +@type: 'view'; +@element: 'comment'; @import (multiple) '../../theme.config'; diff --git a/src/definitions/views/feed.less b/src/definitions/views/feed.less index 229af0450b..8e3bf5dd95 100755 --- a/src/definitions/views/feed.less +++ b/src/definitions/views/feed.less @@ -12,8 +12,8 @@ Theme *******************************/ -@type : 'view'; -@element : 'feed'; +@type: 'view'; +@element: 'feed'; @import (multiple) '../../theme.config'; diff --git a/src/definitions/views/item.less b/src/definitions/views/item.less index c5d677d296..bd9b9821d0 100755 --- a/src/definitions/views/item.less +++ b/src/definitions/views/item.less @@ -12,8 +12,8 @@ Theme *******************************/ -@type : 'view'; -@element : 'item'; +@type: 'view'; +@element: 'item'; @import (multiple) '../../theme.config'; diff --git a/src/definitions/views/statistic.less b/src/definitions/views/statistic.less index 8de27e9270..8e082fe9ed 100755 --- a/src/definitions/views/statistic.less +++ b/src/definitions/views/statistic.less @@ -12,8 +12,8 @@ Theme *******************************/ -@type : 'view'; -@element : 'statistic'; +@type: 'view'; +@element: 'statistic'; @import (multiple) '../../theme.config'; diff --git a/src/theme.config.example b/src/theme.config.example index 73a673380a..ed2b918c9b 100644 --- a/src/theme.config.example +++ b/src/theme.config.example @@ -18,76 +18,76 @@ */ /* Global */ -@site : 'default'; -@reset : 'default'; +@site: 'default'; +@reset: 'default'; /* Elements */ -@button : 'default'; -@container : 'default'; -@divider : 'default'; -@emoji : 'default'; -@flag : 'default'; -@header : 'default'; -@icon : 'default'; -@image : 'default'; -@input : 'default'; -@label : 'default'; -@list : 'default'; -@loader : 'default'; +@button: 'default'; +@container: 'default'; +@divider: 'default'; +@emoji: 'default'; +@flag: 'default'; +@header: 'default'; +@icon: 'default'; +@image: 'default'; +@input: 'default'; +@label: 'default'; +@list: 'default'; +@loader: 'default'; @placeholder: 'default'; -@rail : 'default'; -@reveal : 'default'; -@segment : 'default'; -@step : 'default'; -@text : 'default'; +@rail: 'default'; +@reveal: 'default'; +@segment: 'default'; +@step: 'default'; +@text: 'default'; /* Collections */ -@breadcrumb : 'default'; -@form : 'default'; -@grid : 'default'; -@menu : 'default'; -@message : 'default'; -@table : 'default'; +@breadcrumb: 'default'; +@form: 'default'; +@grid: 'default'; +@menu: 'default'; +@message: 'default'; +@table: 'default'; /* Modules */ -@accordion : 'default'; -@calendar : 'default'; -@checkbox : 'default'; -@dimmer : 'default'; -@dropdown : 'default'; -@embed : 'default'; -@flyout : 'default'; -@modal : 'default'; -@nag : 'default'; -@popup : 'default'; -@progress : 'default'; -@slider : 'default'; -@rating : 'default'; -@search : 'default'; -@shape : 'default'; -@sidebar : 'default'; -@sticky : 'default'; -@tab : 'default'; -@toast : 'default'; -@transition : 'default'; +@accordion: 'default'; +@calendar: 'default'; +@checkbox: 'default'; +@dimmer: 'default'; +@dropdown: 'default'; +@embed: 'default'; +@flyout: 'default'; +@modal: 'default'; +@nag: 'default'; +@popup: 'default'; +@progress: 'default'; +@slider: 'default'; +@rating: 'default'; +@search: 'default'; +@shape: 'default'; +@sidebar: 'default'; +@sticky: 'default'; +@tab: 'default'; +@toast: 'default'; +@transition: 'default'; /* Views */ -@ad : 'default'; -@card : 'default'; -@comment : 'default'; -@feed : 'default'; -@item : 'default'; -@statistic : 'default'; +@ad: 'default'; +@card: 'default'; +@comment: 'default'; +@feed: 'default'; +@item: 'default'; +@statistic: 'default'; /******************************* Folders *******************************/ /* Path to theme packages */ -@themesFolder : 'themes'; +@themesFolder: 'themes'; /* Path to site override folder */ -@siteFolder : 'site'; +@siteFolder: 'site'; /******************************* diff --git a/src/themes/amazon/globals/site.variables b/src/themes/amazon/globals/site.variables index ddc2fcfd7a..3d90b065eb 100644 --- a/src/themes/amazon/globals/site.variables +++ b/src/themes/amazon/globals/site.variables @@ -2,13 +2,13 @@ User Global Variables *******************************/ -@pageMinWidth : 1049px; -@pageOverflowX : visible; +@pageMinWidth: 1049px; +@pageOverflowX: visible; @emSize: 13px; -@fontSize : 13px; -@fontName : 'Arial'; -@importGoogleFonts : false; +@fontSize: 13px; +@fontName: 'Arial'; +@importGoogleFonts: false; @importFonts: false; @h1: 2.25em; diff --git a/src/themes/basic/elements/icon.variables b/src/themes/basic/elements/icon.variables index a68a3afece..69d2868736 100644 --- a/src/themes/basic/elements/icon.variables +++ b/src/themes/basic/elements/icon.variables @@ -2,7 +2,7 @@ Icon Variables -------------------- */ -@fontPath : "../../themes/basic/assets/fonts"; +@fontPath: "../../themes/basic/assets/fonts"; @fonts: { @solid: { diff --git a/src/themes/bookish/elements/header.variables b/src/themes/bookish/elements/header.variables index 2f9cf3dca5..941440ec88 100644 --- a/src/themes/bookish/elements/header.variables +++ b/src/themes/bookish/elements/header.variables @@ -2,7 +2,7 @@ Header -------------------- */ -@headerFont : 'Karma', 'Times New Roman', serif; +@headerFont: 'Karma', 'Times New Roman', serif; @fontWeight: @normal; @iconSize: 1.5em; diff --git a/src/themes/chubby/elements/header.variables b/src/themes/chubby/elements/header.variables index 92ac6a27dd..ef19839a13 100644 --- a/src/themes/chubby/elements/header.variables +++ b/src/themes/chubby/elements/header.variables @@ -2,7 +2,7 @@ Header -------------------- */ -@headerFont : 'Source Sans Pro', Helvetica Neue, Helvetica, Arial, sans-serif; +@headerFont: 'Source Sans Pro', Helvetica Neue, Helvetica, Arial, sans-serif; @fontWeight: bold; @textTransform: none; diff --git a/src/themes/default/elements/header.variables b/src/themes/default/elements/header.variables index 36b4196039..5467c6537e 100644 --- a/src/themes/default/elements/header.variables +++ b/src/themes/default/elements/header.variables @@ -74,13 +74,13 @@ /* Sizing */ @massiveFontSize: unit((32 / 14), em); -@hugeFontSize : unit(@h1, em); -@bigFontSize : unit((26 / 14), em); -@largeFontSize : unit(@h2, em); -@mediumFontSize : unit(@h3, em); -@smallFontSize : unit(@h4, em); -@tinyFontSize : unit(@h5, em); -@miniFontSize : unit(@h6, em); +@hugeFontSize: unit(@h1, em); +@bigFontSize: unit((26 / 14), em); +@largeFontSize: unit(@h2, em); +@mediumFontSize: unit(@h3, em); +@smallFontSize: unit(@h4, em); +@tinyFontSize: unit(@h5, em); +@miniFontSize: unit(@h6, em); /* Sub Header */ @h1SubHeaderFontSize: @large; @@ -90,14 +90,14 @@ @h5SubHeaderFontSize: @small; @h6SubHeaderFontSize: @small; -@massiveSubHeaderFontSize : @huge; -@hugeSubHeaderFontSize : @h1SubHeaderFontSize; -@bigSubHeaderFontSize : @h1SubHeaderFontSize; -@largeSubHeaderFontSize : @h2SubHeaderFontSize; -@subHeaderFontSize : @h3SubHeaderFontSize; -@smallSubHeaderFontSize : @h4SubHeaderFontSize; -@tinySubHeaderFontSize : @h5SubHeaderFontSize; -@miniSubHeaderFontSize : @h6SubHeaderFontSize; +@massiveSubHeaderFontSize: @huge; +@hugeSubHeaderFontSize: @h1SubHeaderFontSize; +@bigSubHeaderFontSize: @h1SubHeaderFontSize; +@largeSubHeaderFontSize: @h2SubHeaderFontSize; +@subHeaderFontSize: @h3SubHeaderFontSize; +@smallSubHeaderFontSize: @h4SubHeaderFontSize; +@tinySubHeaderFontSize: @h5SubHeaderFontSize; +@miniSubHeaderFontSize: @h6SubHeaderFontSize; /* Icon Header */ @iconHeaderSize: 3em; diff --git a/src/themes/default/elements/label.variables b/src/themes/default/elements/label.variables index 7e445e9895..1e0ffe038e 100644 --- a/src/themes/default/elements/label.variables +++ b/src/themes/default/elements/label.variables @@ -257,11 +257,11 @@ -------------------- */ /* Sizing */ -@mini : @9px; -@tiny : @10px; -@small : @11px; -@medium : @12px; -@large : @absoluteMedium; -@big : @absoluteBig; -@huge : @absoluteHuge; -@massive : @absoluteMassive; +@mini: @9px; +@tiny: @10px; +@small: @11px; +@medium: @12px; +@large: @absoluteMedium; +@big: @absoluteBig; +@huge: @absoluteHuge; +@massive: @absoluteMassive; diff --git a/src/themes/default/elements/loader.variables b/src/themes/default/elements/loader.variables index b1045f56ac..896596400b 100644 --- a/src/themes/default/elements/loader.variables +++ b/src/themes/default/elements/loader.variables @@ -44,14 +44,14 @@ @inlineMargin: 0; /* Exact Sizes (Avoids Rounding Errors) */ -@mini : @14px; -@tiny : @16px; -@small : @24px; -@medium : @32px; -@large : @48px; -@big : @52px; -@huge : @58px; -@massive : @64px; +@mini: @14px; +@tiny: @16px; +@small: @24px; +@medium: @32px; +@large: @48px; +@big: @52px; +@huge: @58px; +@massive: @64px; @miniOffset: 0 0 0 -(@mini / 2); @tinyOffset: 0 0 0 -(@tiny / 2); diff --git a/src/themes/default/globals/site.variables b/src/themes/default/globals/site.variables index de132bd981..e384707537 100755 --- a/src/themes/default/globals/site.variables +++ b/src/themes/default/globals/site.variables @@ -9,22 +9,22 @@ Fonts -------------------- */ -@fontName : 'Lato'; -@fontFileNameLatin : 'LatoLatin'; +@fontName: 'Lato'; +@fontFileNameLatin: 'LatoLatin'; @fontFileNameSupplement: 'Lato'; // based on https://github.com/twbs/bootstrap/blob/v5.1.3/scss/_variables.scss#L577 list -@fallbackFonts : system-ui, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; +@fallbackFonts: system-ui, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; -@headerFont : @fontName, @fallbackFonts; -@pageFont : @fontName, @fallbackFonts; +@headerFont: @fontName, @fallbackFonts; +@pageFont: @fontName, @fallbackFonts; -@fontDisplay : swap; -@textRendering : optimizeLegibility; -@unicodeRangeLatin : U+0000, U+000D, U+0020-007E, U+00A0-017F, U+0192, U+0218-021B, U+0237, U+02C6-02C7, U+02C9, U+02D8-02DD, U+0394, U+03A9, U+03BC, U+03C0, U+1E80-1E85, U+2010, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20A3-20A4, U+20A7, U+20AC, U+2113, U+2122, U+2126, U+212E, U+2202, U+2206, U+220F, U+2211-2212, U+2215, U+2219-221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+F8FF, U+FB00-FB04; -@unicodeRangeSupplement : U+0180-0191, U+0193-0217, U+021C-0236, U+0238-02C5, U+02C8, U+02CA-02D7, U+02DE-036F, U+0374-0375, U+037A-037E, U+0384-038A, U+038C, U+038E-0393, U+0395-03A1, U+03A3-03A8, U+03AA-03BB, U+03BD-03BF, U+03C1-03CE, U+03D0-0486, U+0488-0513, U+1D00-1DCA, U+1DFE-1E7F, U+1E86-1E9B, U+1E9E, U+1EA0-1EF9, U+1F00-1F15, U+1F18-1F1D, U+1F20-1F45, U+1F48-1F4D, U+1F50-1F57, U+1F59, U+1F5B, U+1F5D, U+1F5F-1F7D, U+1F80-1FB4, U+1FB6-1FC4, U+1FC6-1FD3, U+1FD6-1FDB, U+1FDD-1FEF, U+1FF2-1FF4, U+1FF6-1FFE, U+2000-200F, U+2012, U+2015-2017, U+201B, U+201F, U+202F, U+2034, U+203C-203E, U+205E-205F, U+2070-2071, U+2074-2094, U+20A0-20A2, U+20A5-20A6, U+20A8-20AB, U+20AD-20B5, U+20B8-20BA, U+20DD, U+2105, U+2116-2117, U+2120, U+2132, U+214D-214E, U+2153-215F, U+2183-2184, U+2190-2199, U+21A8, U+221F, U+2229, U+2261, U+2302, U+2310, U+2320-2321, U+2460-2473, U+24EA-24F4, U+24FF-2500, U+2502, U+250C, U+2510, U+2514, U+2518, U+2C60-2C6C, U+2C74-2C77; +@fontDisplay: swap; +@textRendering: optimizeLegibility; +@unicodeRangeLatin: U+0000, U+000D, U+0020-007E, U+00A0-017F, U+0192, U+0218-021B, U+0237, U+02C6-02C7, U+02C9, U+02D8-02DD, U+0394, U+03A9, U+03BC, U+03C0, U+1E80-1E85, U+2010, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20A3-20A4, U+20A7, U+20AC, U+2113, U+2122, U+2126, U+212E, U+2202, U+2206, U+220F, U+2211-2212, U+2215, U+2219-221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+F8FF, U+FB00-FB04; +@unicodeRangeSupplement: U+0180-0191, U+0193-0217, U+021C-0236, U+0238-02C5, U+02C8, U+02CA-02D7, U+02DE-036F, U+0374-0375, U+037A-037E, U+0384-038A, U+038C, U+038E-0393, U+0395-03A1, U+03A3-03A8, U+03AA-03BB, U+03BD-03BF, U+03C1-03CE, U+03D0-0486, U+0488-0513, U+1D00-1DCA, U+1DFE-1E7F, U+1E86-1E9B, U+1E9E, U+1EA0-1EF9, U+1F00-1F15, U+1F18-1F1D, U+1F20-1F45, U+1F48-1F4D, U+1F50-1F57, U+1F59, U+1F5B, U+1F5D, U+1F5F-1F7D, U+1F80-1FB4, U+1FB6-1FC4, U+1FC6-1FD3, U+1FD6-1FDB, U+1FDD-1FEF, U+1FF2-1FF4, U+1FF6-1FFE, U+2000-200F, U+2012, U+2015-2017, U+201B, U+201F, U+202F, U+2034, U+203C-203E, U+205E-205F, U+2070-2071, U+2074-2094, U+20A0-20A2, U+20A5-20A6, U+20A8-20AB, U+20AD-20B5, U+20B8-20BA, U+20DD, U+2105, U+2116-2117, U+2120, U+2132, U+214D-214E, U+2153-215F, U+2183-2184, U+2190-2199, U+21A8, U+221F, U+2229, U+2261, U+2302, U+2310, U+2320-2321, U+2460-2473, U+24EA-24F4, U+24FF-2500, U+2502, U+250C, U+2510, U+2514, U+2518, U+2C60-2C6C, U+2C74-2C77; -@importFonts : true; +@importFonts: true; @fonts: { @regularLatin: { font-family: @fontName; @@ -108,27 +108,27 @@ }; }; -@googleFontName : @fontName; -@importGoogleFonts : false; -@googleFontSizes : 'ital,wght@0,400%3B0,700%3B1,400%3B1,700'; -@googleSubset : 'latin'; -@googleFontDisplay : 'swap'; +@googleFontName: @fontName; +@importGoogleFonts: false; +@googleFontSizes: 'ital,wght@0,400%3B0,700%3B1,400%3B1,700'; +@googleSubset: 'latin'; +@googleFontDisplay: 'swap'; -@googleProtocol : 'https://'; -@googleFontRequest : '@{googleFontName}:@{googleFontSizes}&subset=@{googleSubset}&display=@{googleFontDisplay}'; +@googleProtocol: 'https://'; +@googleFontRequest: '@{googleFontName}:@{googleFontSizes}&subset=@{googleSubset}&display=@{googleFontDisplay}'; -@bold : bold; -@normal : normal; +@bold: bold; +@normal: normal; /* ------------------- Base Sizes -------------------- */ /* This is the single variable that controls them all */ -@emSize : 14px; +@emSize: 14px; /* The size of page text */ -@fontSize : 14px; +@fontSize: 14px; /* ------------------- Border Radius @@ -146,11 +146,11 @@ Brand Colors -------------------- */ -@primaryColor : @blue; -@secondaryColor : @black; +@primaryColor: @blue; +@secondaryColor: @black; -@lightPrimaryColor : @lightBlue; -@lightSecondaryColor : @lightBlack; +@lightPrimaryColor: @lightBlue; +@lightSecondaryColor: @lightBlack; /* Whenever a color needs to get calculated (screen()/multiply()) out of a base color */ @blendingBaseColor: #cccccc; @@ -159,25 +159,25 @@ Page Heading --------------- */ -@headerFontWeight : @bold; -@headerLineHeight : unit((18 / 14), em); +@headerFontWeight: @bold; +@headerLineHeight: unit((18 / 14), em); -@h1 : unit((28 / 14), rem); -@h2 : unit((24 / 14), rem); -@h3 : unit((18 / 14), rem); -@h4 : unit((15 / 14), rem); -@h5 : unit((14 / 14), rem); -@h6 : unit((12 / 14), rem); +@h1: unit((28 / 14), rem); +@h2: unit((24 / 14), rem); +@h3: unit((18 / 14), rem); +@h4: unit((15 / 14), rem); +@h5: unit((14 / 14), rem); +@h6: unit((12 / 14), rem); /* -------------- Form Input --------------- */ /* This adjusts the default form input across all elements */ -@inputBackground : @white; -@inputVerticalPadding : @relative11px; -@inputHorizontalPadding : @relative14px; -@inputPadding : @inputVerticalPadding @inputHorizontalPadding; +@inputBackground: @white; +@inputVerticalPadding: @relative11px; +@inputHorizontalPadding: @relative14px; +@inputPadding: @inputVerticalPadding @inputHorizontalPadding; /* Input Text Color */ @inputColor: @textColor; @@ -206,40 +206,40 @@ This ensures these "ratios" remain constant despite changes in EM */ -@miniSize : (11 / 14); -@tinySize : (12 / 14); -@smallSize : (13 / 14); -@mediumSize : (14 / 14); -@largeSize : (16 / 14); -@bigSize : (18 / 14); -@hugeSize : (20 / 14); -@massiveSize : (24 / 14); +@miniSize: (11 / 14); +@tinySize: (12 / 14); +@smallSize: (13 / 14); +@mediumSize: (14 / 14); +@largeSize: (16 / 14); +@bigSize: (18 / 14); +@hugeSize: (20 / 14); +@massiveSize: (24 / 14); /* ------------------- Page -------------------- */ -@pageBackground : #FFFFFF; -@pageOverflowX : hidden; +@pageBackground: #FFFFFF; +@pageOverflowX: hidden; -@lineHeight : 1.4285em; -@textColor : rgba(0, 0, 0, 0.87); +@lineHeight: 1.4285em; +@textColor: rgba(0, 0, 0, 0.87); /* ------------------- Paragraph -------------------- */ -@paragraphMargin : 0 0 1em; -@paragraphLineHeight : @lineHeight; +@paragraphMargin: 0 0 1em; +@paragraphLineHeight: @lineHeight; /* ------------------- Links -------------------- */ -@linkColor : #4183C4; -@linkUnderline : none; -@linkHoverColor : darken(saturate(@linkColor, 20), 15, relative); -@linkHoverUnderline : @linkUnderline; +@linkColor: #4183C4; +@linkUnderline: none; +@linkHoverColor: darken(saturate(@linkColor, 20), 15, relative); +@linkHoverUnderline: @linkUnderline; /* ------------------- Scroll Bars @@ -283,26 +283,26 @@ Highlighted Text -------------------- */ -@highlightBackground : #CCE2FF; -@highlightColor : @textColor; +@highlightBackground: #CCE2FF; +@highlightColor: @textColor; -@inputHighlightBackground : rgba(100, 100, 100, 0.4); -@inputHighlightColor : @textColor; +@inputHighlightBackground: rgba(100, 100, 100, 0.4); +@inputHighlightColor: @textColor; /* ------------------- Loader -------------------- */ -@loaderSize : @relativeBig; -@loaderSpeedFast : 0.3s; -@loaderSpeed : 0.6s; -@loaderSpeedSlow : 0.9s; -@loaderLineWidth : 0.2em; -@loaderFillColor : rgba(0, 0, 0, 0.1); -@loaderLineColor : @grey; +@loaderSize: @relativeBig; +@loaderSpeedFast: 0.3s; +@loaderSpeed: 0.6s; +@loaderSpeedSlow: 0.9s; +@loaderLineWidth: 0.2em; +@loaderFillColor: rgba(0, 0, 0, 0.1); +@loaderLineColor: @grey; -@invertedLoaderFillColor : rgba(255, 255, 255, 0.15); -@invertedLoaderLineColor : @white; +@invertedLoaderFillColor: rgba(255, 255, 255, 0.15); +@invertedLoaderLineColor: @white; /* ------------------- Grid @@ -314,161 +314,161 @@ Transitions -------------------- */ -@defaultDuration : 0.1s; -@defaultEasing : ease; +@defaultDuration: 0.1s; +@defaultEasing: ease; /* ------------------- Breakpoints -------------------- */ -@mobileBreakpoint : 320px; -@tabletBreakpoint : 768px; -@computerBreakpoint : 992px; -@largeMonitorBreakpoint : 1200px; -@widescreenMonitorBreakpoint : 1920px; +@mobileBreakpoint: 320px; +@tabletBreakpoint: 768px; +@computerBreakpoint: 992px; +@largeMonitorBreakpoint: 1200px; +@widescreenMonitorBreakpoint: 1920px; /* ------------------- Site Colors -------------------- */ /* --- Colors --- */ -@red : #DB2828; -@orange : #F2711C; -@yellow : #FBBD08; -@olive : #B5CC18; -@green : #21BA45; -@teal : #00B5AD; -@blue : #2185D0; -@violet : #6435C9; -@purple : #A333C8; -@pink : #E03997; -@brown : #A5673F; -@grey : #767676; -@black : #1B1C1D; +@red: #DB2828; +@orange: #F2711C; +@yellow: #FBBD08; +@olive: #B5CC18; +@green: #21BA45; +@teal: #00B5AD; +@blue: #2185D0; +@violet: #6435C9; +@purple: #A333C8; +@pink: #E03997; +@brown: #A5673F; +@grey: #767676; +@black: #1B1C1D; /* --- Light Colors --- */ -@lightRed : #FF695E; -@lightOrange : #FF851B; -@lightYellow : #FFE21F; -@lightOlive : #D9E778; -@lightGreen : #2ECC40; -@lightTeal : #6DFFFF; -@lightBlue : #54C8FF; -@lightViolet : #A291FB; -@lightPurple : #DC73FF; -@lightPink : #FF8EDF; -@lightBrown : #D67C1C; -@lightGrey : #DCDDDE; -@lightBlack : #545454; +@lightRed: #FF695E; +@lightOrange: #FF851B; +@lightYellow: #FFE21F; +@lightOlive: #D9E778; +@lightGreen: #2ECC40; +@lightTeal: #6DFFFF; +@lightBlue: #54C8FF; +@lightViolet: #A291FB; +@lightPurple: #DC73FF; +@lightPink: #FF8EDF; +@lightBrown: #D67C1C; +@lightGrey: #DCDDDE; +@lightBlack: #545454; /* --- Neutrals --- */ -@fullBlack : #000000; -@offWhite : #F9FAFB; -@darkWhite : #F3F4F5; -@midWhite : #DCDDDE; -@white : #FFFFFF; +@fullBlack: #000000; +@offWhite: #F9FAFB; +@darkWhite: #F3F4F5; +@midWhite: #DCDDDE; +@white: #FFFFFF; /* --- Colored Backgrounds --- */ -@primaryBackground : #DFF0FF; -@secondaryBackground : #F4F4F4; -@redBackground : #FFE8E6; -@orangeBackground : #FFEDDE; -@yellowBackground : #FFF8DB; -@oliveBackground : #FBFDEF; -@greenBackground : #E5F9E7; -@tealBackground : #E1F7F7; -@blueBackground : #DFF0FF; -@violetBackground : #EAE7FF; -@purpleBackground : #F6E7FF; -@pinkBackground : #FFE3FB; -@brownBackground : #F1E2D3; -@greyBackground : #F4F4F4; -@blackBackground : #F4F4F4; +@primaryBackground: #DFF0FF; +@secondaryBackground: #F4F4F4; +@redBackground: #FFE8E6; +@orangeBackground: #FFEDDE; +@yellowBackground: #FFF8DB; +@oliveBackground: #FBFDEF; +@greenBackground: #E5F9E7; +@tealBackground: #E1F7F7; +@blueBackground: #DFF0FF; +@violetBackground: #EAE7FF; +@purpleBackground: #F6E7FF; +@pinkBackground: #FFE3FB; +@brownBackground: #F1E2D3; +@greyBackground: #F4F4F4; +@blackBackground: #F4F4F4; /* --- Colored Headers --- */ -@primaryHeaderColor : darken(@primaryTextColor, 5); -@secondaryHeaderColor : darken(@secondaryTextColor, 5); -@redHeaderColor : darken(@redTextColor, 5); -@oliveHeaderColor : darken(@oliveTextColor, 5); -@greenHeaderColor : darken(@greenTextColor, 5); -@yellowHeaderColor : darken(@yellowTextColor, 5); -@blueHeaderColor : darken(@blueTextColor, 5); -@tealHeaderColor : darken(@tealTextColor, 5); -@pinkHeaderColor : darken(@pinkTextColor, 5); -@violetHeaderColor : darken(@violetTextColor, 5); -@purpleHeaderColor : darken(@purpleTextColor, 5); -@orangeHeaderColor : darken(@orangeTextColor, 5); -@brownHeaderColor : darken(@brownTextColor, 5); -@greyHeaderColor : darken(@greyTextColor, 5); -@blackHeaderColor : darken(@blackTextColor, 5); +@primaryHeaderColor: darken(@primaryTextColor, 5); +@secondaryHeaderColor: darken(@secondaryTextColor, 5); +@redHeaderColor: darken(@redTextColor, 5); +@oliveHeaderColor: darken(@oliveTextColor, 5); +@greenHeaderColor: darken(@greenTextColor, 5); +@yellowHeaderColor: darken(@yellowTextColor, 5); +@blueHeaderColor: darken(@blueTextColor, 5); +@tealHeaderColor: darken(@tealTextColor, 5); +@pinkHeaderColor: darken(@pinkTextColor, 5); +@violetHeaderColor: darken(@violetTextColor, 5); +@purpleHeaderColor: darken(@purpleTextColor, 5); +@orangeHeaderColor: darken(@orangeTextColor, 5); +@brownHeaderColor: darken(@brownTextColor, 5); +@greyHeaderColor: darken(@greyTextColor, 5); +@blackHeaderColor: darken(@blackTextColor, 5); /* --- Colored Text --- */ -@primaryTextColor : @invertedTextColor; -@secondaryTextColor : @invertedTextColor; -@redTextColor : @red; -@orangeTextColor : @orange; -@yellowTextColor : #B58105; // Yellow text is difficult to read -@oliveTextColor : #8ABC1E; // Olive is difficult to read -@greenTextColor : #1EBC30; // Green is difficult to read -@tealTextColor : #10A3A3; // Teal text is difficult to read -@blueTextColor : @blue; -@violetTextColor : @violet; -@purpleTextColor : @purple; -@pinkTextColor : @pink; -@brownTextColor : @brown; -@greyTextColor : @grey; -@blackTextColor : @black; +@primaryTextColor: @invertedTextColor; +@secondaryTextColor: @invertedTextColor; +@redTextColor: @red; +@orangeTextColor: @orange; +@yellowTextColor: #B58105; // Yellow text is difficult to read +@oliveTextColor: #8ABC1E; // Olive is difficult to read +@greenTextColor: #1EBC30; // Green is difficult to read +@tealTextColor: #10A3A3; // Teal text is difficult to read +@blueTextColor: @blue; +@violetTextColor: @violet; +@purpleTextColor: @purple; +@pinkTextColor: @pink; +@brownTextColor: @brown; +@greyTextColor: @grey; +@blackTextColor: @black; /* --- Light Colored Text --- */ -@lightPrimaryTextColor : @invertedTextColor; -@lightSecondaryTextColor : @invertedTextColor; -@lightRedTextColor : @lightRed; -@lightOrangeTextColor : @lightOrange; -@lightYellowTextColor : #B58105; // Yellow text is difficult to read -@lightOliveTextColor : #8ABC1E; // Olive is difficult to read -@lightGreenTextColor : #1EBC30; // Green is difficult to read -@lightTealTextColor : #10A3A3; // Teal text is difficult to read -@lightBlueTextColor : @lightBlue; -@lightVioletTextColor : @lightViolet; -@lightPurpleTextColor : @lightPurple; -@lightPinkTextColor : @lightPink; -@lightBrownTextColor : @lightBrown; -@lightGreyTextColor : @lightGrey; -@lightBlackTextColor : @lightBlack; +@lightPrimaryTextColor: @invertedTextColor; +@lightSecondaryTextColor: @invertedTextColor; +@lightRedTextColor: @lightRed; +@lightOrangeTextColor: @lightOrange; +@lightYellowTextColor: #B58105; // Yellow text is difficult to read +@lightOliveTextColor: #8ABC1E; // Olive is difficult to read +@lightGreenTextColor: #1EBC30; // Green is difficult to read +@lightTealTextColor: #10A3A3; // Teal text is difficult to read +@lightBlueTextColor: @lightBlue; +@lightVioletTextColor: @lightViolet; +@lightPurpleTextColor: @lightPurple; +@lightPinkTextColor: @lightPink; +@lightBrownTextColor: @lightBrown; +@lightGreyTextColor: @lightGrey; +@lightBlackTextColor: @lightBlack; /* --- Hovered Colored Text --- */ -@primaryHoverTextColor : @primaryTextColor; -@secondaryHoverTextColor : @secondaryTextColor; -@redHoverTextColor : @redTextColor; -@orangeHoverTextColor : @orangeTextColor; -@yellowHoverTextColor : @yellowTextColor; -@oliveHoverTextColor : @oliveTextColor; -@greenHoverTextColor : @greenTextColor; -@tealHoverTextColor : @tealTextColor; -@blueHoverTextColor : @blueTextColor; -@violetHoverTextColor : @violetTextColor; -@purpleHoverTextColor : @purpleTextColor; -@pinkHoverTextColor : @pinkTextColor; -@brownHoverTextColor : @brownTextColor; -@greyHoverTextColor : @greyTextColor; -@blackHoverTextColor : @blackTextColor; +@primaryHoverTextColor: @primaryTextColor; +@secondaryHoverTextColor: @secondaryTextColor; +@redHoverTextColor: @redTextColor; +@orangeHoverTextColor: @orangeTextColor; +@yellowHoverTextColor: @yellowTextColor; +@oliveHoverTextColor: @oliveTextColor; +@greenHoverTextColor: @greenTextColor; +@tealHoverTextColor: @tealTextColor; +@blueHoverTextColor: @blueTextColor; +@violetHoverTextColor: @violetTextColor; +@purpleHoverTextColor: @purpleTextColor; +@pinkHoverTextColor: @pinkTextColor; +@brownHoverTextColor: @brownTextColor; +@greyHoverTextColor: @greyTextColor; +@blackHoverTextColor: @blackTextColor; /* --- Colored Border --- */ -@primaryBorderColor : @primaryColor; -@secondaryBorderColor : @secondaryColor; -@redBorderColor : @redTextColor; -@orangeBorderColor : @orangeTextColor; -@yellowBorderColor : @yellowTextColor; -@oliveBorderColor : @oliveTextColor; -@greenBorderColor : @greenTextColor; -@tealBorderColor : @tealTextColor; -@blueBorderColor : @blueTextColor; -@violetBorderColor : @violetTextColor; -@purpleBorderColor : @purpleTextColor; -@pinkBorderColor : @pinkTextColor; -@brownBorderColor : @brownTextColor; -@greyBorderColor : @greyTextColor; -@blackBorderColor : @blackTextColor; +@primaryBorderColor: @primaryColor; +@secondaryBorderColor: @secondaryColor; +@redBorderColor: @redTextColor; +@orangeBorderColor: @orangeTextColor; +@yellowBorderColor: @yellowTextColor; +@oliveBorderColor: @oliveTextColor; +@greenBorderColor: @greenTextColor; +@tealBorderColor: @tealTextColor; +@blueBorderColor: @blueTextColor; +@violetBorderColor: @violetTextColor; +@purpleBorderColor: @purpleTextColor; +@pinkBorderColor: @pinkTextColor; +@brownBorderColor: @brownTextColor; +@greyBorderColor: @greyTextColor; +@blackBorderColor: @blackTextColor; /* --- Shadows --- */ @primaryRibbonShadow: darken(@primaryColor, 10); @@ -669,14 +669,14 @@ Alpha Colors -------------------- */ -@subtleTransparentBlack : rgba(0, 0, 0, 0.03); -@transparentBlack : rgba(0, 0, 0, 0.05); -@strongTransparentBlack : rgba(0, 0, 0, 0.1); -@veryStrongTransparentBlack : rgba(0, 0, 0, 0.15); +@subtleTransparentBlack: rgba(0, 0, 0, 0.03); +@transparentBlack: rgba(0, 0, 0, 0.05); +@strongTransparentBlack: rgba(0, 0, 0, 0.1); +@veryStrongTransparentBlack: rgba(0, 0, 0, 0.15); -@subtleTransparentWhite : rgba(255, 255, 255, 0.02); -@transparentWhite : rgba(255, 255, 255, 0.08); -@strongTransparentWhite : rgba(255, 255, 255, 0.15); +@subtleTransparentWhite: rgba(255, 255, 255, 0.02); +@transparentWhite: rgba(255, 255, 255, 0.08); +@strongTransparentWhite: rgba(255, 255, 255, 0.15); /* ------------------- Accents @@ -703,40 +703,40 @@ -------------------- */ /* Positive */ -@positiveColor : @green; -@positiveBackgroundColor : #FCFFF5; -@positiveBorderColor : #A3C293; -@positiveHeaderColor : #1A531B; -@positiveTextColor : #2C662D; +@positiveColor: @green; +@positiveBackgroundColor: #FCFFF5; +@positiveBorderColor: #A3C293; +@positiveHeaderColor: #1A531B; +@positiveTextColor: #2C662D; /* Negative */ -@negativeColor : @red; -@negativeBackgroundColor : #FFF6F6; -@negativeBorderColor : #E0B4B4; -@negativeHeaderColor : #912D2B; -@negativeTextColor : #9F3A38; +@negativeColor: @red; +@negativeBackgroundColor: #FFF6F6; +@negativeBorderColor: #E0B4B4; +@negativeHeaderColor: #912D2B; +@negativeTextColor: #9F3A38; /* Info */ -@infoColor : #31CCEC; -@infoBackgroundColor : #F8FFFF; -@infoBorderColor : #A9D5DE; -@infoHeaderColor : #0E566C; -@infoTextColor : #276F86; +@infoColor: #31CCEC; +@infoBackgroundColor: #F8FFFF; +@infoBorderColor: #A9D5DE; +@infoHeaderColor: #0E566C; +@infoTextColor: #276F86; /* Warning */ -@warningColor : #F2C037; -@warningBorderColor : #C9BA9B; -@warningBackgroundColor : #FFFAF3; -@warningHeaderColor : #794B02; -@warningTextColor : #573A08; +@warningColor: #F2C037; +@warningBorderColor: #C9BA9B; +@warningBackgroundColor: #FFFAF3; +@warningHeaderColor: #794B02; +@warningTextColor: #573A08; /* ------------------- Paths -------------------- */ /* For source only. Modified in gulp for dist */ -@imagePath : '../../themes/default/assets/images'; -@fontPath : '../../themes/default/assets/fonts'; +@imagePath: '../../themes/default/assets/images'; +@fontPath: '../../themes/default/assets/fonts'; /* ------------------- Em Sizes @@ -746,117 +746,117 @@ This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ -@miniRaw : unit( (round(@miniSize * @emSize) / @emSize )); -@tinyRaw : unit( (round(@tinySize * @emSize) / @emSize )); -@smallRaw : unit( (round(@smallSize * @emSize) / @emSize )); -@mediumRaw : unit( (round(@mediumSize * @emSize) / @emSize )); -@largeRaw : unit( (round(@largeSize * @emSize) / @emSize )); -@bigRaw : unit( (round(@bigSize * @emSize) / @emSize )); -@hugeRaw : unit( (round(@hugeSize * @emSize) / @emSize )); -@massiveRaw : unit( (round(@massiveSize * @emSize) / @emSize )); - -@mini : unit( @miniRaw, rem); -@tiny : unit( @tinyRaw, rem); -@small : unit( @smallRaw, rem); -@medium : unit( @mediumRaw, rem); -@large : unit( @largeRaw, rem); -@big : unit( @bigRaw, rem); -@huge : unit( @hugeRaw, rem); -@massive : unit( @massiveRaw, rem); +@miniRaw: unit( (round(@miniSize * @emSize) / @emSize )); +@tinyRaw: unit( (round(@tinySize * @emSize) / @emSize )); +@smallRaw: unit( (round(@smallSize * @emSize) / @emSize )); +@mediumRaw: unit( (round(@mediumSize * @emSize) / @emSize )); +@largeRaw: unit( (round(@largeSize * @emSize) / @emSize )); +@bigRaw: unit( (round(@bigSize * @emSize) / @emSize )); +@hugeRaw: unit( (round(@hugeSize * @emSize) / @emSize )); +@massiveRaw: unit( (round(@massiveSize * @emSize) / @emSize )); + +@mini: unit( @miniRaw, rem); +@tiny: unit( @tinyRaw, rem); +@small: unit( @smallRaw, rem); +@medium: unit( @mediumRaw, rem); +@large: unit( @largeRaw, rem); +@big: unit( @bigRaw, rem); +@huge: unit( @hugeRaw, rem); +@massive: unit( @massiveRaw, rem); /* em */ -@relativeMini : unit( @miniRaw, em); -@relativeTiny : unit( @tinyRaw, em); -@relativeSmall : unit( @smallRaw, em); -@relativeMedium : unit( @mediumRaw, em); -@relativeLarge : unit( @largeRaw, em); -@relativeBig : unit( @bigRaw, em); -@relativeHuge : unit( @hugeRaw, em); -@relativeMassive : unit( @massiveRaw, em); +@relativeMini: unit( @miniRaw, em); +@relativeTiny: unit( @tinyRaw, em); +@relativeSmall: unit( @smallRaw, em); +@relativeMedium: unit( @mediumRaw, em); +@relativeLarge: unit( @largeRaw, em); +@relativeBig: unit( @bigRaw, em); +@relativeHuge: unit( @hugeRaw, em); +@relativeMassive: unit( @massiveRaw, em); /* rem */ -@absoluteMini : unit( @miniRaw, rem); -@absoluteTiny : unit( @tinyRaw, rem); -@absoluteSmall : unit( @smallRaw, rem); -@absoluteMedium : unit( @mediumRaw, rem); -@absoluteLarge : unit( @largeRaw, rem); -@absoluteBig : unit( @bigRaw, rem); -@absoluteHuge : unit( @hugeRaw, rem); -@absoluteMassive : unit( @massiveRaw, rem); +@absoluteMini: unit( @miniRaw, rem); +@absoluteTiny: unit( @tinyRaw, rem); +@absoluteSmall: unit( @smallRaw, rem); +@absoluteMedium: unit( @mediumRaw, rem); +@absoluteLarge: unit( @largeRaw, rem); +@absoluteBig: unit( @bigRaw, rem); +@absoluteHuge: unit( @hugeRaw, rem); +@absoluteMassive: unit( @massiveRaw, rem); /* ------------------- Icons -------------------- */ /* Maximum Glyph Width of Icon */ -@iconWidth : 1.18em; +@iconWidth: 1.18em; /* ------------------- Neutral Text -------------------- */ -@darkTextColor : rgba(0, 0, 0, 0.85); -@mutedTextColor : rgba(0, 0, 0, 0.6); -@lightTextColor : rgba(0, 0, 0, 0.4); +@darkTextColor: rgba(0, 0, 0, 0.85); +@mutedTextColor: rgba(0, 0, 0, 0.6); +@lightTextColor: rgba(0, 0, 0, 0.4); -@unselectedTextColor : rgba(0, 0, 0, 0.4); -@hoveredTextColor : rgba(0, 0, 0, 0.8); -@pressedTextColor : rgba(0, 0, 0, 0.9); -@selectedTextColor : rgba(0, 0, 0, 0.95); +@unselectedTextColor: rgba(0, 0, 0, 0.4); +@hoveredTextColor: rgba(0, 0, 0, 0.8); +@pressedTextColor: rgba(0, 0, 0, 0.9); +@selectedTextColor: rgba(0, 0, 0, 0.95); -@invertedTextColor : rgba(255, 255, 255, 0.9); -@invertedMutedTextColor : rgba(255, 255, 255, 0.8); -@invertedLightTextColor : rgba(255, 255, 255, 0.7); -@invertedUnselectedTextColor : rgba(255, 255, 255, 0.5); -@invertedHoveredTextColor : rgba(255, 255, 255, 1); -@invertedPressedTextColor : rgba(255, 255, 255, 1); -@invertedSelectedTextColor : rgba(255, 255, 255, 1); +@invertedTextColor: rgba(255, 255, 255, 0.9); +@invertedMutedTextColor: rgba(255, 255, 255, 0.8); +@invertedLightTextColor: rgba(255, 255, 255, 0.7); +@invertedUnselectedTextColor: rgba(255, 255, 255, 0.5); +@invertedHoveredTextColor: rgba(255, 255, 255, 1); +@invertedPressedTextColor: rgba(255, 255, 255, 1); +@invertedSelectedTextColor: rgba(255, 255, 255, 1); /* ------------------- Brand Colors -------------------- */ -@facebookColor : #3B5998; -@twitterColor : #1DA1F2; -@googlePlusColor : #DD4B39; -@linkedInColor : #0077B5; -@youtubeColor : #FF0000; -@pinterestColor : #BD081C; -@vkColor : #45668E; -@instagramColor : #49769C; -@telegramColor : #0088CC; -@whatsAppColor : #25D366; +@facebookColor: #3B5998; +@twitterColor: #1DA1F2; +@googlePlusColor: #DD4B39; +@linkedInColor: #0077B5; +@youtubeColor: #FF0000; +@pinterestColor: #BD081C; +@vkColor: #45668E; +@instagramColor: #49769C; +@telegramColor: #0088CC; +@whatsAppColor: #25D366; /* ------------------- Borders -------------------- */ -@circularRadius : 500rem; +@circularRadius: 500rem; -@borderColor : rgba(34, 36, 38, 0.15); -@strongBorderColor : rgba(34, 36, 38, 0.22); -@internalBorderColor : rgba(34, 36, 38, 0.1); -@selectedBorderColor : rgba(34, 36, 38, 0.35); -@strongSelectedBorderColor : rgba(34, 36, 38, 0.5); -@disabledBorderColor : rgba(34, 36, 38, 0.5); +@borderColor: rgba(34, 36, 38, 0.15); +@strongBorderColor: rgba(34, 36, 38, 0.22); +@internalBorderColor: rgba(34, 36, 38, 0.1); +@selectedBorderColor: rgba(34, 36, 38, 0.35); +@strongSelectedBorderColor: rgba(34, 36, 38, 0.5); +@disabledBorderColor: rgba(34, 36, 38, 0.5); -@solidInternalBorderColor : #FAFAFA; -@solidBorderColor : #D4D4D5; -@solidSelectedBorderColor : #BCBDBD; +@solidInternalBorderColor: #FAFAFA; +@solidBorderColor: #D4D4D5; +@solidSelectedBorderColor: #BCBDBD; -@whiteBorderColor : rgba(255, 255, 255, 0.1); -@selectedWhiteBorderColor : rgba(255, 255, 255, 0.8); +@whiteBorderColor: rgba(255, 255, 255, 0.1); +@selectedWhiteBorderColor: rgba(255, 255, 255, 0.8); -@solidWhiteBorderColor : #555555; -@selectedSolidWhiteBorderColor : #999999; +@solidWhiteBorderColor: #555555; +@selectedSolidWhiteBorderColor: #999999; /* ------------------- Derived Values -------------------- */ /* Loaders Position Offset */ -@loaderOffset : -(@loaderSize / 2); -@loaderMargin : @loaderOffset 0 0 @loaderOffset; +@loaderOffset: -(@loaderSize / 2); +@loaderMargin: @loaderOffset 0 0 @loaderOffset; /* Rendered Scrollbar Width */ @scrollbarWidth: 17px; @@ -865,35 +865,35 @@ @glyphWidth: 1.1em; /* Used to match floats with text */ -@lineHeightOffset : ((@lineHeight - 1em) / 2); -@headerLineHeightOffset : ((@headerLineHeight - 1em) / 2); +@lineHeightOffset: ((@lineHeight - 1em) / 2); +@headerLineHeightOffset: ((@headerLineHeight - 1em) / 2); /* Header Spacing */ -@headerTopMargin : e(%("calc(2rem - %d)", @headerLineHeightOffset)); -@headerBottomMargin : 1rem; -@headerMargin : @headerTopMargin 0 @headerBottomMargin; +@headerTopMargin: e(%("calc(2rem - %d)", @headerLineHeightOffset)); +@headerBottomMargin: 1rem; +@headerMargin: @headerTopMargin 0 @headerBottomMargin; /* Minimum Mobile Width */ -@pageMinWidth : 320px; +@pageMinWidth: 320px; /* Positive / Negative Dupes */ -@successBackgroundColor : @positiveBackgroundColor; -@successColor : @positiveColor; -@successBorderColor : @positiveBorderColor; -@successHeaderColor : @positiveHeaderColor; -@successTextColor : @positiveTextColor; - -@errorBackgroundColor : @negativeBackgroundColor; -@errorColor : @negativeColor; -@errorBorderColor : @negativeBorderColor; -@errorHeaderColor : @negativeHeaderColor; -@errorTextColor : @negativeTextColor; +@successBackgroundColor: @positiveBackgroundColor; +@successColor: @positiveColor; +@successBorderColor: @positiveBorderColor; +@successHeaderColor: @positiveHeaderColor; +@successTextColor: @positiveTextColor; + +@errorBackgroundColor: @negativeBackgroundColor; +@errorColor: @negativeColor; +@errorBorderColor: @negativeBorderColor; +@errorHeaderColor: @negativeHeaderColor; +@errorTextColor: @negativeTextColor; /* Responsive */ -@largestMobileScreen : (@tabletBreakpoint - 0.02px); -@largestTabletScreen : (@computerBreakpoint - 0.02px); -@largestSmallMonitor : (@largeMonitorBreakpoint - 0.02px); -@largestLargeMonitor : (@widescreenMonitorBreakpoint - 0.02px); +@largestMobileScreen: (@tabletBreakpoint - 0.02px); +@largestTabletScreen: (@computerBreakpoint - 0.02px); +@largestSmallMonitor: (@largeMonitorBreakpoint - 0.02px); +@largestLargeMonitor: (@widescreenMonitorBreakpoint - 0.02px); /* ------------------- Exact Pixel Values @@ -909,170 +909,170 @@ */ -@1px : unit( (1 / @emSize), rem); -@2px : unit( (2 / @emSize), rem); -@3px : unit( (3 / @emSize), rem); -@4px : unit( (4 / @emSize), rem); -@5px : unit( (5 / @emSize), rem); -@6px : unit( (6 / @emSize), rem); -@7px : unit( (7 / @emSize), rem); -@8px : unit( (8 / @emSize), rem); -@9px : unit( (9 / @emSize), rem); -@10px : unit( (10 / @emSize), rem); -@11px : unit( (11 / @emSize), rem); -@12px : unit( (12 / @emSize), rem); -@13px : unit( (13 / @emSize), rem); -@14px : unit( (14 / @emSize), rem); -@15px : unit( (15 / @emSize), rem); -@16px : unit( (16 / @emSize), rem); -@17px : unit( (17 / @emSize), rem); -@18px : unit( (18 / @emSize), rem); -@19px : unit( (19 / @emSize), rem); -@20px : unit( (20 / @emSize), rem); -@21px : unit( (21 / @emSize), rem); -@22px : unit( (22 / @emSize), rem); -@23px : unit( (23 / @emSize), rem); -@24px : unit( (24 / @emSize), rem); -@25px : unit( (25 / @emSize), rem); -@26px : unit( (26 / @emSize), rem); -@27px : unit( (27 / @emSize), rem); -@28px : unit( (28 / @emSize), rem); -@29px : unit( (29 / @emSize), rem); -@30px : unit( (30 / @emSize), rem); -@31px : unit( (31 / @emSize), rem); -@32px : unit( (32 / @emSize), rem); -@33px : unit( (33 / @emSize), rem); -@34px : unit( (34 / @emSize), rem); -@35px : unit( (35 / @emSize), rem); -@36px : unit( (36 / @emSize), rem); -@37px : unit( (37 / @emSize), rem); -@38px : unit( (38 / @emSize), rem); -@39px : unit( (39 / @emSize), rem); -@40px : unit( (40 / @emSize), rem); -@41px : unit( (41 / @emSize), rem); -@42px : unit( (42 / @emSize), rem); -@43px : unit( (43 / @emSize), rem); -@44px : unit( (44 / @emSize), rem); -@45px : unit( (45 / @emSize), rem); -@46px : unit( (46 / @emSize), rem); -@47px : unit( (47 / @emSize), rem); -@48px : unit( (48 / @emSize), rem); -@49px : unit( (49 / @emSize), rem); -@50px : unit( (50 / @emSize), rem); -@51px : unit( (51 / @emSize), rem); -@52px : unit( (52 / @emSize), rem); -@53px : unit( (53 / @emSize), rem); -@54px : unit( (54 / @emSize), rem); -@55px : unit( (55 / @emSize), rem); -@56px : unit( (56 / @emSize), rem); -@57px : unit( (57 / @emSize), rem); -@58px : unit( (58 / @emSize), rem); -@59px : unit( (59 / @emSize), rem); -@60px : unit( (60 / @emSize), rem); -@61px : unit( (61 / @emSize), rem); -@62px : unit( (62 / @emSize), rem); -@63px : unit( (63 / @emSize), rem); -@64px : unit( (64 / @emSize), rem); - -@relative1px : unit( (1 / @emSize), em); -@relative2px : unit( (2 / @emSize), em); -@relative3px : unit( (3 / @emSize), em); -@relative4px : unit( (4 / @emSize), em); -@relative5px : unit( (5 / @emSize), em); -@relative6px : unit( (6 / @emSize), em); -@relative7px : unit( (7 / @emSize), em); -@relative8px : unit( (8 / @emSize), em); -@relative9px : unit( (9 / @emSize), em); -@relative10px : unit( (10 / @emSize), em); -@relative11px : unit( (11 / @emSize), em); -@relative12px : unit( (12 / @emSize), em); -@relative13px : unit( (13 / @emSize), em); -@relative14px : unit( (14 / @emSize), em); -@relative15px : unit( (15 / @emSize), em); -@relative16px : unit( (16 / @emSize), em); -@relative17px : unit( (17 / @emSize), em); -@relative18px : unit( (18 / @emSize), em); -@relative19px : unit( (19 / @emSize), em); -@relative20px : unit( (20 / @emSize), em); -@relative21px : unit( (21 / @emSize), em); -@relative22px : unit( (22 / @emSize), em); -@relative23px : unit( (23 / @emSize), em); -@relative24px : unit( (24 / @emSize), em); -@relative25px : unit( (25 / @emSize), em); -@relative26px : unit( (26 / @emSize), em); -@relative27px : unit( (27 / @emSize), em); -@relative28px : unit( (28 / @emSize), em); -@relative29px : unit( (29 / @emSize), em); -@relative30px : unit( (30 / @emSize), em); -@relative31px : unit( (31 / @emSize), em); -@relative32px : unit( (32 / @emSize), em); -@relative33px : unit( (33 / @emSize), em); -@relative34px : unit( (34 / @emSize), em); -@relative35px : unit( (35 / @emSize), em); -@relative36px : unit( (36 / @emSize), em); -@relative37px : unit( (37 / @emSize), em); -@relative38px : unit( (38 / @emSize), em); -@relative39px : unit( (39 / @emSize), em); -@relative40px : unit( (40 / @emSize), em); -@relative41px : unit( (41 / @emSize), em); -@relative42px : unit( (42 / @emSize), em); -@relative43px : unit( (43 / @emSize), em); -@relative44px : unit( (44 / @emSize), em); -@relative45px : unit( (45 / @emSize), em); -@relative46px : unit( (46 / @emSize), em); -@relative47px : unit( (47 / @emSize), em); -@relative48px : unit( (48 / @emSize), em); -@relative49px : unit( (49 / @emSize), em); -@relative50px : unit( (50 / @emSize), em); -@relative51px : unit( (51 / @emSize), em); -@relative52px : unit( (52 / @emSize), em); -@relative53px : unit( (53 / @emSize), em); -@relative54px : unit( (54 / @emSize), em); -@relative55px : unit( (55 / @emSize), em); -@relative56px : unit( (56 / @emSize), em); -@relative57px : unit( (57 / @emSize), em); -@relative58px : unit( (58 / @emSize), em); -@relative59px : unit( (59 / @emSize), em); -@relative60px : unit( (60 / @emSize), em); -@relative61px : unit( (61 / @emSize), em); -@relative62px : unit( (62 / @emSize), em); -@relative63px : unit( (63 / @emSize), em); -@relative64px : unit( (64 / @emSize), em); +@1px: unit( (1 / @emSize), rem); +@2px: unit( (2 / @emSize), rem); +@3px: unit( (3 / @emSize), rem); +@4px: unit( (4 / @emSize), rem); +@5px: unit( (5 / @emSize), rem); +@6px: unit( (6 / @emSize), rem); +@7px: unit( (7 / @emSize), rem); +@8px: unit( (8 / @emSize), rem); +@9px: unit( (9 / @emSize), rem); +@10px: unit( (10 / @emSize), rem); +@11px: unit( (11 / @emSize), rem); +@12px: unit( (12 / @emSize), rem); +@13px: unit( (13 / @emSize), rem); +@14px: unit( (14 / @emSize), rem); +@15px: unit( (15 / @emSize), rem); +@16px: unit( (16 / @emSize), rem); +@17px: unit( (17 / @emSize), rem); +@18px: unit( (18 / @emSize), rem); +@19px: unit( (19 / @emSize), rem); +@20px: unit( (20 / @emSize), rem); +@21px: unit( (21 / @emSize), rem); +@22px: unit( (22 / @emSize), rem); +@23px: unit( (23 / @emSize), rem); +@24px: unit( (24 / @emSize), rem); +@25px: unit( (25 / @emSize), rem); +@26px: unit( (26 / @emSize), rem); +@27px: unit( (27 / @emSize), rem); +@28px: unit( (28 / @emSize), rem); +@29px: unit( (29 / @emSize), rem); +@30px: unit( (30 / @emSize), rem); +@31px: unit( (31 / @emSize), rem); +@32px: unit( (32 / @emSize), rem); +@33px: unit( (33 / @emSize), rem); +@34px: unit( (34 / @emSize), rem); +@35px: unit( (35 / @emSize), rem); +@36px: unit( (36 / @emSize), rem); +@37px: unit( (37 / @emSize), rem); +@38px: unit( (38 / @emSize), rem); +@39px: unit( (39 / @emSize), rem); +@40px: unit( (40 / @emSize), rem); +@41px: unit( (41 / @emSize), rem); +@42px: unit( (42 / @emSize), rem); +@43px: unit( (43 / @emSize), rem); +@44px: unit( (44 / @emSize), rem); +@45px: unit( (45 / @emSize), rem); +@46px: unit( (46 / @emSize), rem); +@47px: unit( (47 / @emSize), rem); +@48px: unit( (48 / @emSize), rem); +@49px: unit( (49 / @emSize), rem); +@50px: unit( (50 / @emSize), rem); +@51px: unit( (51 / @emSize), rem); +@52px: unit( (52 / @emSize), rem); +@53px: unit( (53 / @emSize), rem); +@54px: unit( (54 / @emSize), rem); +@55px: unit( (55 / @emSize), rem); +@56px: unit( (56 / @emSize), rem); +@57px: unit( (57 / @emSize), rem); +@58px: unit( (58 / @emSize), rem); +@59px: unit( (59 / @emSize), rem); +@60px: unit( (60 / @emSize), rem); +@61px: unit( (61 / @emSize), rem); +@62px: unit( (62 / @emSize), rem); +@63px: unit( (63 / @emSize), rem); +@64px: unit( (64 / @emSize), rem); + +@relative1px: unit( (1 / @emSize), em); +@relative2px: unit( (2 / @emSize), em); +@relative3px: unit( (3 / @emSize), em); +@relative4px: unit( (4 / @emSize), em); +@relative5px: unit( (5 / @emSize), em); +@relative6px: unit( (6 / @emSize), em); +@relative7px: unit( (7 / @emSize), em); +@relative8px: unit( (8 / @emSize), em); +@relative9px: unit( (9 / @emSize), em); +@relative10px: unit( (10 / @emSize), em); +@relative11px: unit( (11 / @emSize), em); +@relative12px: unit( (12 / @emSize), em); +@relative13px: unit( (13 / @emSize), em); +@relative14px: unit( (14 / @emSize), em); +@relative15px: unit( (15 / @emSize), em); +@relative16px: unit( (16 / @emSize), em); +@relative17px: unit( (17 / @emSize), em); +@relative18px: unit( (18 / @emSize), em); +@relative19px: unit( (19 / @emSize), em); +@relative20px: unit( (20 / @emSize), em); +@relative21px: unit( (21 / @emSize), em); +@relative22px: unit( (22 / @emSize), em); +@relative23px: unit( (23 / @emSize), em); +@relative24px: unit( (24 / @emSize), em); +@relative25px: unit( (25 / @emSize), em); +@relative26px: unit( (26 / @emSize), em); +@relative27px: unit( (27 / @emSize), em); +@relative28px: unit( (28 / @emSize), em); +@relative29px: unit( (29 / @emSize), em); +@relative30px: unit( (30 / @emSize), em); +@relative31px: unit( (31 / @emSize), em); +@relative32px: unit( (32 / @emSize), em); +@relative33px: unit( (33 / @emSize), em); +@relative34px: unit( (34 / @emSize), em); +@relative35px: unit( (35 / @emSize), em); +@relative36px: unit( (36 / @emSize), em); +@relative37px: unit( (37 / @emSize), em); +@relative38px: unit( (38 / @emSize), em); +@relative39px: unit( (39 / @emSize), em); +@relative40px: unit( (40 / @emSize), em); +@relative41px: unit( (41 / @emSize), em); +@relative42px: unit( (42 / @emSize), em); +@relative43px: unit( (43 / @emSize), em); +@relative44px: unit( (44 / @emSize), em); +@relative45px: unit( (45 / @emSize), em); +@relative46px: unit( (46 / @emSize), em); +@relative47px: unit( (47 / @emSize), em); +@relative48px: unit( (48 / @emSize), em); +@relative49px: unit( (49 / @emSize), em); +@relative50px: unit( (50 / @emSize), em); +@relative51px: unit( (51 / @emSize), em); +@relative52px: unit( (52 / @emSize), em); +@relative53px: unit( (53 / @emSize), em); +@relative54px: unit( (54 / @emSize), em); +@relative55px: unit( (55 / @emSize), em); +@relative56px: unit( (56 / @emSize), em); +@relative57px: unit( (57 / @emSize), em); +@relative58px: unit( (58 / @emSize), em); +@relative59px: unit( (59 / @emSize), em); +@relative60px: unit( (60 / @emSize), em); +@relative61px: unit( (61 / @emSize), em); +@relative62px: unit( (62 / @emSize), em); +@relative63px: unit( (63 / @emSize), em); +@relative64px: unit( (64 / @emSize), em); /* Columns */ -@oneWide : (1 / @columnCount * 100%); -@twoWide : (2 / @columnCount * 100%); -@threeWide : (3 / @columnCount * 100%); -@fourWide : (4 / @columnCount * 100%); -@fiveWide : (5 / @columnCount * 100%); -@sixWide : (6 / @columnCount * 100%); -@sevenWide : (7 / @columnCount * 100%); -@eightWide : (8 / @columnCount * 100%); -@nineWide : (9 / @columnCount * 100%); -@tenWide : (10 / @columnCount * 100%); -@elevenWide : (11 / @columnCount * 100%); -@twelveWide : (12 / @columnCount * 100%); -@thirteenWide : (13 / @columnCount * 100%); -@fourteenWide : (14 / @columnCount * 100%); -@fifteenWide : (15 / @columnCount * 100%); -@sixteenWide : (16 / @columnCount * 100%); - -@oneColumn : (1 / 1 * 100%); -@twoColumn : (1 / 2 * 100%); -@threeColumn : (1 / 3 * 100%); -@fourColumn : (1 / 4 * 100%); -@fiveColumn : (1 / 5 * 100%); -@sixColumn : (1 / 6 * 100%); -@sevenColumn : (1 / 7 * 100%); -@eightColumn : (1 / 8 * 100%); -@nineColumn : (1 / 9 * 100%); -@tenColumn : (1 / 10 * 100%); -@elevenColumn : (1 / 11 * 100%); -@twelveColumn : (1 / 12 * 100%); -@thirteenColumn : (1 / 13 * 100%); -@fourteenColumn : (1 / 14 * 100%); -@fifteenColumn : (1 / 15 * 100%); -@sixteenColumn : (1 / 16 * 100%); +@oneWide: (1 / @columnCount * 100%); +@twoWide: (2 / @columnCount * 100%); +@threeWide: (3 / @columnCount * 100%); +@fourWide: (4 / @columnCount * 100%); +@fiveWide: (5 / @columnCount * 100%); +@sixWide: (6 / @columnCount * 100%); +@sevenWide: (7 / @columnCount * 100%); +@eightWide: (8 / @columnCount * 100%); +@nineWide: (9 / @columnCount * 100%); +@tenWide: (10 / @columnCount * 100%); +@elevenWide: (11 / @columnCount * 100%); +@twelveWide: (12 / @columnCount * 100%); +@thirteenWide: (13 / @columnCount * 100%); +@fourteenWide: (14 / @columnCount * 100%); +@fifteenWide: (15 / @columnCount * 100%); +@sixteenWide: (16 / @columnCount * 100%); + +@oneColumn: (1 / 1 * 100%); +@twoColumn: (1 / 2 * 100%); +@threeColumn: (1 / 3 * 100%); +@fourColumn: (1 / 4 * 100%); +@fiveColumn: (1 / 5 * 100%); +@sixColumn: (1 / 6 * 100%); +@sevenColumn: (1 / 7 * 100%); +@eightColumn: (1 / 8 * 100%); +@nineColumn: (1 / 9 * 100%); +@tenColumn: (1 / 10 * 100%); +@elevenColumn: (1 / 11 * 100%); +@twelveColumn: (1 / 12 * 100%); +@thirteenColumn: (1 / 13 * 100%); +@fourteenColumn: (1 / 14 * 100%); +@fifteenColumn: (1 / 15 * 100%); +@sixteenColumn: (1 / 16 * 100%); /******************************* States @@ -1098,343 +1098,343 @@ ; /* --- Colors --- */ -@primaryColorHover : saturate(darken(@primaryColor, 5), 10, relative); -@secondaryColorHover : saturate(lighten(@secondaryColor, 5), 10, relative); -@lightPrimaryColorHover : saturate(darken(@lightPrimaryColor, 10), 10, relative); -@lightSecondaryColorHover : saturate(lighten(@lightSecondaryColor, 10), 10, relative); - -@redHover : saturate(darken(@red, 5), 10, relative); -@orangeHover : saturate(darken(@orange, 5), 10, relative); -@yellowHover : saturate(darken(@yellow, 5), 10, relative); -@oliveHover : saturate(darken(@olive, 5), 10, relative); -@greenHover : saturate(darken(@green, 5), 10, relative); -@tealHover : saturate(darken(@teal, 5), 10, relative); -@blueHover : saturate(darken(@blue, 5), 10, relative); -@violetHover : saturate(darken(@violet, 5), 10, relative); -@purpleHover : saturate(darken(@purple, 5), 10, relative); -@pinkHover : saturate(darken(@pink, 5), 10, relative); -@brownHover : saturate(darken(@brown, 5), 10, relative); - -@lightRedHover : saturate(darken(@lightRed, 10), 10, relative); -@lightOrangeHover : saturate(darken(@lightOrange, 10), 10, relative); -@lightYellowHover : saturate(darken(@lightYellow, 10), 10, relative); -@lightOliveHover : saturate(darken(@lightOlive, 10), 10, relative); -@lightGreenHover : saturate(darken(@lightGreen, 10), 10, relative); -@lightTealHover : saturate(darken(@lightTeal, 10), 10, relative); -@lightBlueHover : saturate(darken(@lightBlue, 10), 10, relative); -@lightVioletHover : saturate(darken(@lightViolet, 10), 10, relative); -@lightPurpleHover : saturate(darken(@lightPurple, 10), 10, relative); -@lightPinkHover : saturate(darken(@lightPink, 10), 10, relative); -@lightBrownHover : saturate(darken(@lightBrown, 10), 10, relative); -@lightGreyHover : saturate(darken(@lightGrey, 10), 10, relative); -@lightBlackHover : saturate(darken(@fullBlack, 10), 10, relative); +@primaryColorHover: saturate(darken(@primaryColor, 5), 10, relative); +@secondaryColorHover: saturate(lighten(@secondaryColor, 5), 10, relative); +@lightPrimaryColorHover: saturate(darken(@lightPrimaryColor, 10), 10, relative); +@lightSecondaryColorHover: saturate(lighten(@lightSecondaryColor, 10), 10, relative); + +@redHover: saturate(darken(@red, 5), 10, relative); +@orangeHover: saturate(darken(@orange, 5), 10, relative); +@yellowHover: saturate(darken(@yellow, 5), 10, relative); +@oliveHover: saturate(darken(@olive, 5), 10, relative); +@greenHover: saturate(darken(@green, 5), 10, relative); +@tealHover: saturate(darken(@teal, 5), 10, relative); +@blueHover: saturate(darken(@blue, 5), 10, relative); +@violetHover: saturate(darken(@violet, 5), 10, relative); +@purpleHover: saturate(darken(@purple, 5), 10, relative); +@pinkHover: saturate(darken(@pink, 5), 10, relative); +@brownHover: saturate(darken(@brown, 5), 10, relative); + +@lightRedHover: saturate(darken(@lightRed, 10), 10, relative); +@lightOrangeHover: saturate(darken(@lightOrange, 10), 10, relative); +@lightYellowHover: saturate(darken(@lightYellow, 10), 10, relative); +@lightOliveHover: saturate(darken(@lightOlive, 10), 10, relative); +@lightGreenHover: saturate(darken(@lightGreen, 10), 10, relative); +@lightTealHover: saturate(darken(@lightTeal, 10), 10, relative); +@lightBlueHover: saturate(darken(@lightBlue, 10), 10, relative); +@lightVioletHover: saturate(darken(@lightViolet, 10), 10, relative); +@lightPurpleHover: saturate(darken(@lightPurple, 10), 10, relative); +@lightPinkHover: saturate(darken(@lightPink, 10), 10, relative); +@lightBrownHover: saturate(darken(@lightBrown, 10), 10, relative); +@lightGreyHover: saturate(darken(@lightGrey, 10), 10, relative); +@lightBlackHover: saturate(darken(@fullBlack, 10), 10, relative); /* --- Emotive --- */ -@positiveColorHover : saturate(darken(@positiveColor, 5), 10, relative); -@negativeColorHover : saturate(darken(@negativeColor, 5), 10, relative); +@positiveColorHover: saturate(darken(@positiveColor, 5), 10, relative); +@negativeColorHover: saturate(darken(@negativeColor, 5), 10, relative); /* --- Brand --- */ -@facebookHoverColor : saturate(darken(@facebookColor, 5), 10, relative); -@twitterHoverColor : saturate(darken(@twitterColor, 5), 10, relative); -@googlePlusHoverColor : saturate(darken(@googlePlusColor, 5), 10, relative); -@linkedInHoverColor : saturate(darken(@linkedInColor, 5), 10, relative); -@youtubeHoverColor : saturate(darken(@youtubeColor, 5), 10, relative); -@instagramHoverColor : saturate(darken(@instagramColor, 5), 10, relative); -@pinterestHoverColor : saturate(darken(@pinterestColor, 5), 10, relative); -@vkHoverColor : saturate(darken(@vkColor, 5), 10, relative); -@telegramHoverColor : saturate(darken(@telegramColor, 5), 10, relative); -@whatsAppHoverColor : saturate(darken(@whatsAppColor, 5), 10, relative); +@facebookHoverColor: saturate(darken(@facebookColor, 5), 10, relative); +@twitterHoverColor: saturate(darken(@twitterColor, 5), 10, relative); +@googlePlusHoverColor: saturate(darken(@googlePlusColor, 5), 10, relative); +@linkedInHoverColor: saturate(darken(@linkedInColor, 5), 10, relative); +@youtubeHoverColor: saturate(darken(@youtubeColor, 5), 10, relative); +@instagramHoverColor: saturate(darken(@instagramColor, 5), 10, relative); +@pinterestHoverColor: saturate(darken(@pinterestColor, 5), 10, relative); +@vkHoverColor: saturate(darken(@vkColor, 5), 10, relative); +@telegramHoverColor: saturate(darken(@telegramColor, 5), 10, relative); +@whatsAppHoverColor: saturate(darken(@whatsAppColor, 5), 10, relative); /* --- Dark Tones --- */ -@fullBlackHover : lighten(@fullBlack, 5); -@blackHover : lighten(@black, 5); -@greyHover : lighten(@grey, 5); +@fullBlackHover: lighten(@fullBlack, 5); +@blackHover: lighten(@black, 5); +@greyHover: lighten(@grey, 5); /* --- Light Tones --- */ -@whiteHover : darken(@white, 5); -@offWhiteHover : darken(@offWhite, 5); -@darkWhiteHover : darken(@darkWhite, 5); +@whiteHover: darken(@white, 5); +@offWhiteHover: darken(@offWhite, 5); +@darkWhiteHover: darken(@darkWhite, 5); /* ------------------- Focus -------------------- */ /* --- Colors --- */ -@primaryColorFocus : saturate(darken(@primaryColor, 8), 20, relative); -@secondaryColorFocus : saturate(lighten(@secondaryColor, 8), 20, relative); -@lightPrimaryColorFocus : saturate(darken(@lightPrimaryColor, 8), 20, relative); -@lightSecondaryColorFocus : saturate(lighten(@lightSecondaryColor, 8), 20, relative); - -@redFocus : saturate(darken(@red, 8), 20, relative); -@orangeFocus : saturate(darken(@orange, 8), 20, relative); -@yellowFocus : saturate(darken(@yellow, 8), 20, relative); -@oliveFocus : saturate(darken(@olive, 8), 20, relative); -@greenFocus : saturate(darken(@green, 8), 20, relative); -@tealFocus : saturate(darken(@teal, 8), 20, relative); -@blueFocus : saturate(darken(@blue, 8), 20, relative); -@violetFocus : saturate(darken(@violet, 8), 20, relative); -@purpleFocus : saturate(darken(@purple, 8), 20, relative); -@pinkFocus : saturate(darken(@pink, 8), 20, relative); -@brownFocus : saturate(darken(@brown, 8), 20, relative); - -@lightRedFocus : saturate(darken(@lightRed, 8), 20, relative); -@lightOrangeFocus : saturate(darken(@lightOrange, 8), 20, relative); -@lightYellowFocus : saturate(darken(@lightYellow, 8), 20, relative); -@lightOliveFocus : saturate(darken(@lightOlive, 8), 20, relative); -@lightGreenFocus : saturate(darken(@lightGreen, 8), 20, relative); -@lightTealFocus : saturate(darken(@lightTeal, 8), 20, relative); -@lightBlueFocus : saturate(darken(@lightBlue, 8), 20, relative); -@lightVioletFocus : saturate(darken(@lightViolet, 8), 20, relative); -@lightPurpleFocus : saturate(darken(@lightPurple, 8), 20, relative); -@lightPinkFocus : saturate(darken(@lightPink, 8), 20, relative); -@lightBrownFocus : saturate(darken(@lightBrown, 8), 20, relative); -@lightGreyFocus : saturate(darken(@lightGrey, 8), 20, relative); -@lightBlackFocus : saturate(darken(@fullBlack, 8), 20, relative); +@primaryColorFocus: saturate(darken(@primaryColor, 8), 20, relative); +@secondaryColorFocus: saturate(lighten(@secondaryColor, 8), 20, relative); +@lightPrimaryColorFocus: saturate(darken(@lightPrimaryColor, 8), 20, relative); +@lightSecondaryColorFocus: saturate(lighten(@lightSecondaryColor, 8), 20, relative); + +@redFocus: saturate(darken(@red, 8), 20, relative); +@orangeFocus: saturate(darken(@orange, 8), 20, relative); +@yellowFocus: saturate(darken(@yellow, 8), 20, relative); +@oliveFocus: saturate(darken(@olive, 8), 20, relative); +@greenFocus: saturate(darken(@green, 8), 20, relative); +@tealFocus: saturate(darken(@teal, 8), 20, relative); +@blueFocus: saturate(darken(@blue, 8), 20, relative); +@violetFocus: saturate(darken(@violet, 8), 20, relative); +@purpleFocus: saturate(darken(@purple, 8), 20, relative); +@pinkFocus: saturate(darken(@pink, 8), 20, relative); +@brownFocus: saturate(darken(@brown, 8), 20, relative); + +@lightRedFocus: saturate(darken(@lightRed, 8), 20, relative); +@lightOrangeFocus: saturate(darken(@lightOrange, 8), 20, relative); +@lightYellowFocus: saturate(darken(@lightYellow, 8), 20, relative); +@lightOliveFocus: saturate(darken(@lightOlive, 8), 20, relative); +@lightGreenFocus: saturate(darken(@lightGreen, 8), 20, relative); +@lightTealFocus: saturate(darken(@lightTeal, 8), 20, relative); +@lightBlueFocus: saturate(darken(@lightBlue, 8), 20, relative); +@lightVioletFocus: saturate(darken(@lightViolet, 8), 20, relative); +@lightPurpleFocus: saturate(darken(@lightPurple, 8), 20, relative); +@lightPinkFocus: saturate(darken(@lightPink, 8), 20, relative); +@lightBrownFocus: saturate(darken(@lightBrown, 8), 20, relative); +@lightGreyFocus: saturate(darken(@lightGrey, 8), 20, relative); +@lightBlackFocus: saturate(darken(@fullBlack, 8), 20, relative); /* --- Emotive --- */ -@positiveColorFocus : saturate(darken(@positiveColor, 8), 20, relative); -@negativeColorFocus : saturate(darken(@negativeColor, 8), 20, relative); +@positiveColorFocus: saturate(darken(@positiveColor, 8), 20, relative); +@negativeColorFocus: saturate(darken(@negativeColor, 8), 20, relative); /* --- Brand --- */ -@facebookFocusColor : saturate(darken(@facebookColor, 8), 20, relative); -@twitterFocusColor : saturate(darken(@twitterColor, 8), 20, relative); -@googlePlusFocusColor : saturate(darken(@googlePlusColor, 8), 20, relative); -@linkedInFocusColor : saturate(darken(@linkedInColor, 8), 20, relative); -@youtubeFocusColor : saturate(darken(@youtubeColor, 8), 20, relative); -@instagramFocusColor : saturate(darken(@instagramColor, 8), 20, relative); -@pinterestFocusColor : saturate(darken(@pinterestColor, 8), 20, relative); -@vkFocusColor : saturate(darken(@vkColor, 8), 20, relative); -@telegramFocusColor : saturate(darken(@telegramColor, 8), 20, relative); -@whatsAppFocusColor : saturate(darken(@whatsAppColor, 8), 20, relative); +@facebookFocusColor: saturate(darken(@facebookColor, 8), 20, relative); +@twitterFocusColor: saturate(darken(@twitterColor, 8), 20, relative); +@googlePlusFocusColor: saturate(darken(@googlePlusColor, 8), 20, relative); +@linkedInFocusColor: saturate(darken(@linkedInColor, 8), 20, relative); +@youtubeFocusColor: saturate(darken(@youtubeColor, 8), 20, relative); +@instagramFocusColor: saturate(darken(@instagramColor, 8), 20, relative); +@pinterestFocusColor: saturate(darken(@pinterestColor, 8), 20, relative); +@vkFocusColor: saturate(darken(@vkColor, 8), 20, relative); +@telegramFocusColor: saturate(darken(@telegramColor, 8), 20, relative); +@whatsAppFocusColor: saturate(darken(@whatsAppColor, 8), 20, relative); /* --- Dark Tones --- */ -@fullBlackFocus : lighten(@fullBlack, 8); -@blackFocus : lighten(@black, 8); -@greyFocus : lighten(@grey, 8); +@fullBlackFocus: lighten(@fullBlack, 8); +@blackFocus: lighten(@black, 8); +@greyFocus: lighten(@grey, 8); /* --- Light Tones --- */ -@whiteFocus : darken(@white, 8); -@offWhiteFocus : darken(@offWhite, 8); -@darkWhiteFocus : darken(@darkWhite, 8); +@whiteFocus: darken(@white, 8); +@offWhiteFocus: darken(@offWhite, 8); +@darkWhiteFocus: darken(@darkWhite, 8); /* ------------------- Down (:active) -------------------- */ /* --- Colors --- */ -@primaryColorDown : darken(@primaryColor, 10); -@secondaryColorDown : lighten(@secondaryColor, 10); -@lightPrimaryColorDown : darken(@lightPrimaryColor, 10); -@lightSecondaryColorDown : lighten(@lightSecondaryColor, 10); - -@redDown : darken(@red, 10); -@orangeDown : darken(@orange, 10); -@yellowDown : darken(@yellow, 10); -@oliveDown : darken(@olive, 10); -@greenDown : darken(@green, 10); -@tealDown : darken(@teal, 10); -@blueDown : darken(@blue, 10); -@violetDown : darken(@violet, 10); -@purpleDown : darken(@purple, 10); -@pinkDown : darken(@pink, 10); -@brownDown : darken(@brown, 10); - -@lightRedDown : darken(@lightRed, 10); -@lightOrangeDown : darken(@lightOrange, 10); -@lightYellowDown : darken(@lightYellow, 10); -@lightOliveDown : darken(@lightOlive, 10); -@lightGreenDown : darken(@lightGreen, 10); -@lightTealDown : darken(@lightTeal, 10); -@lightBlueDown : darken(@lightBlue, 10); -@lightVioletDown : darken(@lightViolet, 10); -@lightPurpleDown : darken(@lightPurple, 10); -@lightPinkDown : darken(@lightPink, 10); -@lightBrownDown : darken(@lightBrown, 10); -@lightGreyDown : darken(@lightGrey, 10); -@lightBlackDown : darken(@fullBlack, 10); +@primaryColorDown: darken(@primaryColor, 10); +@secondaryColorDown: lighten(@secondaryColor, 10); +@lightPrimaryColorDown: darken(@lightPrimaryColor, 10); +@lightSecondaryColorDown: lighten(@lightSecondaryColor, 10); + +@redDown: darken(@red, 10); +@orangeDown: darken(@orange, 10); +@yellowDown: darken(@yellow, 10); +@oliveDown: darken(@olive, 10); +@greenDown: darken(@green, 10); +@tealDown: darken(@teal, 10); +@blueDown: darken(@blue, 10); +@violetDown: darken(@violet, 10); +@purpleDown: darken(@purple, 10); +@pinkDown: darken(@pink, 10); +@brownDown: darken(@brown, 10); + +@lightRedDown: darken(@lightRed, 10); +@lightOrangeDown: darken(@lightOrange, 10); +@lightYellowDown: darken(@lightYellow, 10); +@lightOliveDown: darken(@lightOlive, 10); +@lightGreenDown: darken(@lightGreen, 10); +@lightTealDown: darken(@lightTeal, 10); +@lightBlueDown: darken(@lightBlue, 10); +@lightVioletDown: darken(@lightViolet, 10); +@lightPurpleDown: darken(@lightPurple, 10); +@lightPinkDown: darken(@lightPink, 10); +@lightBrownDown: darken(@lightBrown, 10); +@lightGreyDown: darken(@lightGrey, 10); +@lightBlackDown: darken(@fullBlack, 10); /* --- Emotive --- */ -@positiveColorDown : darken(@positiveColor, 10); -@negativeColorDown : darken(@negativeColor, 10); +@positiveColorDown: darken(@positiveColor, 10); +@negativeColorDown: darken(@negativeColor, 10); /* --- Brand --- */ -@facebookDownColor : darken(@facebookColor, 10); -@twitterDownColor : darken(@twitterColor, 10); -@googlePlusDownColor : darken(@googlePlusColor, 10); -@linkedInDownColor : darken(@linkedInColor, 10); -@youtubeDownColor : darken(@youtubeColor, 10); -@instagramDownColor : darken(@instagramColor, 10); -@pinterestDownColor : darken(@pinterestColor, 10); -@vkDownColor : darken(@vkColor, 10); -@telegramDownColor : darken(@telegramColor, 10); -@whatsAppDownColor : darken(@whatsAppColor, 10); +@facebookDownColor: darken(@facebookColor, 10); +@twitterDownColor: darken(@twitterColor, 10); +@googlePlusDownColor: darken(@googlePlusColor, 10); +@linkedInDownColor: darken(@linkedInColor, 10); +@youtubeDownColor: darken(@youtubeColor, 10); +@instagramDownColor: darken(@instagramColor, 10); +@pinterestDownColor: darken(@pinterestColor, 10); +@vkDownColor: darken(@vkColor, 10); +@telegramDownColor: darken(@telegramColor, 10); +@whatsAppDownColor: darken(@whatsAppColor, 10); /* --- Dark Tones --- */ -@fullBlackDown : lighten(@fullBlack, 10); -@blackDown : lighten(@black, 10); -@greyDown : lighten(@grey, 10); +@fullBlackDown: lighten(@fullBlack, 10); +@blackDown: lighten(@black, 10); +@greyDown: lighten(@grey, 10); /* --- Light Tones --- */ -@whiteDown : darken(@white, 10); -@offWhiteDown : darken(@offWhite, 10); -@darkWhiteDown : darken(@darkWhite, 10); +@whiteDown: darken(@white, 10); +@offWhiteDown: darken(@offWhite, 10); +@darkWhiteDown: darken(@darkWhite, 10); /* ------------------- Active -------------------- */ /* --- Colors --- */ -@primaryColorActive : saturate(darken(@primaryColor, 5), 15, relative); -@secondaryColorActive : saturate(lighten(@secondaryColor, 5), 15, relative); -@lightPrimaryColorActive : saturate(darken(@lightPrimaryColor, 5), 15, relative); -@lightSecondaryColorActive : saturate(lighten(@lightSecondaryColor, 5), 15, relative); - -@redActive : saturate(darken(@red, 5), 15, relative); -@orangeActive : saturate(darken(@orange, 5), 15, relative); -@yellowActive : saturate(darken(@yellow, 5), 15, relative); -@oliveActive : saturate(darken(@olive, 5), 15, relative); -@greenActive : saturate(darken(@green, 5), 15, relative); -@tealActive : saturate(darken(@teal, 5), 15, relative); -@blueActive : saturate(darken(@blue, 5), 15, relative); -@violetActive : saturate(darken(@violet, 5), 15, relative); -@purpleActive : saturate(darken(@purple, 5), 15, relative); -@pinkActive : saturate(darken(@pink, 5), 15, relative); -@brownActive : saturate(darken(@brown, 5), 15, relative); - -@lightRedActive : saturate(darken(@lightRed, 5), 15, relative); -@lightOrangeActive : saturate(darken(@lightOrange, 5), 15, relative); -@lightYellowActive : saturate(darken(@lightYellow, 5), 15, relative); -@lightOliveActive : saturate(darken(@lightOlive, 5), 15, relative); -@lightGreenActive : saturate(darken(@lightGreen, 5), 15, relative); -@lightTealActive : saturate(darken(@lightTeal, 5), 15, relative); -@lightBlueActive : saturate(darken(@lightBlue, 5), 15, relative); -@lightVioletActive : saturate(darken(@lightViolet, 5), 15, relative); -@lightPurpleActive : saturate(darken(@lightPurple, 5), 15, relative); -@lightPinkActive : saturate(darken(@lightPink, 5), 15, relative); -@lightBrownActive : saturate(darken(@lightBrown, 5), 15, relative); -@lightGreyActive : saturate(darken(@lightGrey, 5), 15, relative); -@lightBlackActive : saturate(darken(@fullBlack, 5), 15, relative); +@primaryColorActive: saturate(darken(@primaryColor, 5), 15, relative); +@secondaryColorActive: saturate(lighten(@secondaryColor, 5), 15, relative); +@lightPrimaryColorActive: saturate(darken(@lightPrimaryColor, 5), 15, relative); +@lightSecondaryColorActive: saturate(lighten(@lightSecondaryColor, 5), 15, relative); + +@redActive: saturate(darken(@red, 5), 15, relative); +@orangeActive: saturate(darken(@orange, 5), 15, relative); +@yellowActive: saturate(darken(@yellow, 5), 15, relative); +@oliveActive: saturate(darken(@olive, 5), 15, relative); +@greenActive: saturate(darken(@green, 5), 15, relative); +@tealActive: saturate(darken(@teal, 5), 15, relative); +@blueActive: saturate(darken(@blue, 5), 15, relative); +@violetActive: saturate(darken(@violet, 5), 15, relative); +@purpleActive: saturate(darken(@purple, 5), 15, relative); +@pinkActive: saturate(darken(@pink, 5), 15, relative); +@brownActive: saturate(darken(@brown, 5), 15, relative); + +@lightRedActive: saturate(darken(@lightRed, 5), 15, relative); +@lightOrangeActive: saturate(darken(@lightOrange, 5), 15, relative); +@lightYellowActive: saturate(darken(@lightYellow, 5), 15, relative); +@lightOliveActive: saturate(darken(@lightOlive, 5), 15, relative); +@lightGreenActive: saturate(darken(@lightGreen, 5), 15, relative); +@lightTealActive: saturate(darken(@lightTeal, 5), 15, relative); +@lightBlueActive: saturate(darken(@lightBlue, 5), 15, relative); +@lightVioletActive: saturate(darken(@lightViolet, 5), 15, relative); +@lightPurpleActive: saturate(darken(@lightPurple, 5), 15, relative); +@lightPinkActive: saturate(darken(@lightPink, 5), 15, relative); +@lightBrownActive: saturate(darken(@lightBrown, 5), 15, relative); +@lightGreyActive: saturate(darken(@lightGrey, 5), 15, relative); +@lightBlackActive: saturate(darken(@fullBlack, 5), 15, relative); /* --- Emotive --- */ -@positiveColorActive : saturate(darken(@positiveColor, 5), 15, relative); -@negativeColorActive : saturate(darken(@negativeColor, 5), 15, relative); +@positiveColorActive: saturate(darken(@positiveColor, 5), 15, relative); +@negativeColorActive: saturate(darken(@negativeColor, 5), 15, relative); /* --- Brand --- */ -@facebookActiveColor : saturate(darken(@facebookColor, 5), 15, relative); -@twitterActiveColor : saturate(darken(@twitterColor, 5), 15, relative); -@googlePlusActiveColor : saturate(darken(@googlePlusColor, 5), 15, relative); -@linkedInActiveColor : saturate(darken(@linkedInColor, 5), 15, relative); -@youtubeActiveColor : saturate(darken(@youtubeColor, 5), 15, relative); -@instagramActiveColor : saturate(darken(@instagramColor, 5), 15, relative); -@pinterestActiveColor : saturate(darken(@pinterestColor, 5), 15, relative); -@vkActiveColor : saturate(darken(@vkColor, 5), 15, relative); -@telegramActiveColor : saturate(darken(@telegramColor, 5), 15, relative); -@whatsAppActiveColor : saturate(darken(@whatsAppColor, 5), 15, relative); +@facebookActiveColor: saturate(darken(@facebookColor, 5), 15, relative); +@twitterActiveColor: saturate(darken(@twitterColor, 5), 15, relative); +@googlePlusActiveColor: saturate(darken(@googlePlusColor, 5), 15, relative); +@linkedInActiveColor: saturate(darken(@linkedInColor, 5), 15, relative); +@youtubeActiveColor: saturate(darken(@youtubeColor, 5), 15, relative); +@instagramActiveColor: saturate(darken(@instagramColor, 5), 15, relative); +@pinterestActiveColor: saturate(darken(@pinterestColor, 5), 15, relative); +@vkActiveColor: saturate(darken(@vkColor, 5), 15, relative); +@telegramActiveColor: saturate(darken(@telegramColor, 5), 15, relative); +@whatsAppActiveColor: saturate(darken(@whatsAppColor, 5), 15, relative); /* --- Dark Tones --- */ -@fullBlackActive : darken(@fullBlack, 5); -@blackActive : darken(@black, 5); -@greyActive : darken(@grey, 5); +@fullBlackActive: darken(@fullBlack, 5); +@blackActive: darken(@black, 5); +@greyActive: darken(@grey, 5); /* --- Light Tones --- */ -@whiteActive : darken(@white, 5); -@offWhiteActive : darken(@offWhite, 5); -@darkWhiteActive : darken(@darkWhite, 5); +@whiteActive: darken(@white, 5); +@offWhiteActive: darken(@offWhite, 5); +@darkWhiteActive: darken(@darkWhite, 5); /* --- Tertiary --- */ -@primaryTertiaryColor : saturate(@primaryColor, 20%); -@primaryTertiaryColorHover : desaturate(@primaryColorHover, 20%); -@primaryTertiaryColorFocus : desaturate(@primaryColorFocus, 20%); -@primaryTertiaryColorActive : saturate(@primaryColorActive, 20%); -@secondaryTertiaryColor : saturate(@secondaryColor, 20%); -@secondaryTertiaryColorHover : desaturate(@secondaryColorHover, 20%); -@secondaryTertiaryColorFocus : desaturate(@secondaryColorFocus, 20%); +@primaryTertiaryColor: saturate(@primaryColor, 20%); +@primaryTertiaryColorHover: desaturate(@primaryColorHover, 20%); +@primaryTertiaryColorFocus: desaturate(@primaryColorFocus, 20%); +@primaryTertiaryColorActive: saturate(@primaryColorActive, 20%); +@secondaryTertiaryColor: saturate(@secondaryColor, 20%); +@secondaryTertiaryColorHover: desaturate(@secondaryColorHover, 20%); +@secondaryTertiaryColorFocus: desaturate(@secondaryColorFocus, 20%); @secondaryTertiaryColorActive: saturate(@secondaryColorActive, 20%); -@redTertiaryColor : saturate(@red, 20%); -@redTertiaryColorHover : desaturate(@redHover, 20%); -@redTertiaryColorFocus : desaturate(@redFocus, 20%); -@redTertiaryColorActive : saturate(@redActive, 20%); -@orangeTertiaryColor : saturate(@orange, 20%); -@orangeTertiaryColorHover : desaturate(@orangeHover, 20%); -@orangeTertiaryColorFocus : desaturate(@orangeFocus, 20%); -@orangeTertiaryColorActive : saturate(@orangeActive, 20%); -@yellowTertiaryColor : saturate(@yellow, 20%); -@yellowTertiaryColorHover : desaturate(@yellowHover, 20%); -@yellowTertiaryColorFocus : desaturate(@yellowFocus, 20%); -@yellowTertiaryColorActive : saturate(@yellowActive, 20%); -@oliveTertiaryColor : saturate(@olive, 20%); -@oliveTertiaryColorHover : desaturate(@oliveHover, 20%); -@oliveTertiaryColorFocus : desaturate(@oliveFocus, 20%); -@oliveTertiaryColorActive : saturate(@oliveActive, 20%); -@greenTertiaryColor : saturate(@green, 20%); -@greenTertiaryColorHover : desaturate(@greenHover, 20%); -@greenTertiaryColorFocus : desaturate(@greenFocus, 20%); -@greenTertiaryColorActive : saturate(@greenActive, 20%); -@tealTertiaryColor : saturate(@teal, 20%); -@tealTertiaryColorHover : desaturate(@tealHover, 20%); -@tealTertiaryColorFocus : desaturate(@tealFocus, 20%); -@tealTertiaryColorActive : saturate(@tealActive, 20%); -@blueTertiaryColor : saturate(@blue, 20%); -@blueTertiaryColorHover : desaturate(@blueHover, 20%); -@blueTertiaryColorFocus : desaturate(@blueFocus, 20%); -@blueTertiaryColorActive : saturate(@blueActive, 20%); -@violetTertiaryColor : saturate(@violet, 20%); -@violetTertiaryColorHover : desaturate(@violetHover, 20%); -@violetTertiaryColorFocus : desaturate(@violetFocus, 20%); -@violetTertiaryColorActive : saturate(@violetActive, 20%); -@purpleTertiaryColor : saturate(@purple, 20%); -@purpleTertiaryColorHover : desaturate(@purpleHover, 20%); -@purpleTertiaryColorFocus : desaturate(@purpleFocus, 20%); -@purpleTertiaryColorActive : saturate(@purpleActive, 20%); -@pinkTertiaryColor : saturate(@pink, 20%); -@pinkTertiaryColorHover : desaturate(@pinkHover, 20%); -@pinkTertiaryColorFocus : desaturate(@pinkFocus, 20%); -@pinkTertiaryColorActive : saturate(@pinkActive, 20%); -@brownTertiaryColor : saturate(@brown, 20%); -@brownTertiaryColorHover : desaturate(@brownHover, 20%); -@brownTertiaryColorFocus : desaturate(@brownFocus, 20%); -@brownTertiaryColorActive : saturate(@brownActive, 20%); -@greyTertiaryColor : darken(@grey, 5%); -@greyTertiaryColorHover : lighten(@greyHover, 5%); -@greyTertiaryColorFocus : lighten(@greyFocus, 8%); -@greyTertiaryColorActive : darken(@greyActive, 5%); -@blackTertiaryColor : lighten(@black, 20%); -@blackTertiaryColorHover : lighten(@blackHover, 40%); -@blackTertiaryColorFocus : lighten(@blackFocus, 40%); -@blackTertiaryColorActive : lighten(@blackActive, 20%); +@redTertiaryColor: saturate(@red, 20%); +@redTertiaryColorHover: desaturate(@redHover, 20%); +@redTertiaryColorFocus: desaturate(@redFocus, 20%); +@redTertiaryColorActive: saturate(@redActive, 20%); +@orangeTertiaryColor: saturate(@orange, 20%); +@orangeTertiaryColorHover: desaturate(@orangeHover, 20%); +@orangeTertiaryColorFocus: desaturate(@orangeFocus, 20%); +@orangeTertiaryColorActive: saturate(@orangeActive, 20%); +@yellowTertiaryColor: saturate(@yellow, 20%); +@yellowTertiaryColorHover: desaturate(@yellowHover, 20%); +@yellowTertiaryColorFocus: desaturate(@yellowFocus, 20%); +@yellowTertiaryColorActive: saturate(@yellowActive, 20%); +@oliveTertiaryColor: saturate(@olive, 20%); +@oliveTertiaryColorHover: desaturate(@oliveHover, 20%); +@oliveTertiaryColorFocus: desaturate(@oliveFocus, 20%); +@oliveTertiaryColorActive: saturate(@oliveActive, 20%); +@greenTertiaryColor: saturate(@green, 20%); +@greenTertiaryColorHover: desaturate(@greenHover, 20%); +@greenTertiaryColorFocus: desaturate(@greenFocus, 20%); +@greenTertiaryColorActive: saturate(@greenActive, 20%); +@tealTertiaryColor: saturate(@teal, 20%); +@tealTertiaryColorHover: desaturate(@tealHover, 20%); +@tealTertiaryColorFocus: desaturate(@tealFocus, 20%); +@tealTertiaryColorActive: saturate(@tealActive, 20%); +@blueTertiaryColor: saturate(@blue, 20%); +@blueTertiaryColorHover: desaturate(@blueHover, 20%); +@blueTertiaryColorFocus: desaturate(@blueFocus, 20%); +@blueTertiaryColorActive: saturate(@blueActive, 20%); +@violetTertiaryColor: saturate(@violet, 20%); +@violetTertiaryColorHover: desaturate(@violetHover, 20%); +@violetTertiaryColorFocus: desaturate(@violetFocus, 20%); +@violetTertiaryColorActive: saturate(@violetActive, 20%); +@purpleTertiaryColor: saturate(@purple, 20%); +@purpleTertiaryColorHover: desaturate(@purpleHover, 20%); +@purpleTertiaryColorFocus: desaturate(@purpleFocus, 20%); +@purpleTertiaryColorActive: saturate(@purpleActive, 20%); +@pinkTertiaryColor: saturate(@pink, 20%); +@pinkTertiaryColorHover: desaturate(@pinkHover, 20%); +@pinkTertiaryColorFocus: desaturate(@pinkFocus, 20%); +@pinkTertiaryColorActive: saturate(@pinkActive, 20%); +@brownTertiaryColor: saturate(@brown, 20%); +@brownTertiaryColorHover: desaturate(@brownHover, 20%); +@brownTertiaryColorFocus: desaturate(@brownFocus, 20%); +@brownTertiaryColorActive: saturate(@brownActive, 20%); +@greyTertiaryColor: darken(@grey, 5%); +@greyTertiaryColorHover: lighten(@greyHover, 5%); +@greyTertiaryColorFocus: lighten(@greyFocus, 8%); +@greyTertiaryColorActive: darken(@greyActive, 5%); +@blackTertiaryColor: lighten(@black, 20%); +@blackTertiaryColorHover: lighten(@blackHover, 40%); +@blackTertiaryColorFocus: lighten(@blackFocus, 40%); +@blackTertiaryColorActive: lighten(@blackActive, 20%); /* --- Bright --- */ -@primaryBright : screen(@lightPrimaryColor,@blendingBaseColor); -@secondaryBright : screen(@lightSecondaryColor,@blendingBaseColor); -@redBright : screen(@lightRed,@blendingBaseColor); -@orangeBright : screen(@lightOrange,@blendingBaseColor); -@yellowBright : screen(@lightYellow,@blendingBaseColor); -@oliveBright : screen(@lightOlive,@blendingBaseColor); -@greenBright : screen(@lightGreen,@blendingBaseColor); -@tealBright : screen(@lightTeal,@blendingBaseColor); -@blueBright : screen(@lightBlue,@blendingBaseColor); -@violetBright : screen(@lightViolet,@blendingBaseColor); -@purpleBright : screen(@lightPurple,@blendingBaseColor); -@pinkBright : screen(@lightPink,@blendingBaseColor); -@brownBright : screen(@lightBrown,@blendingBaseColor); -@greyBright : @lightGrey; -@blackBright : @lightBlack; - -@primaryBrightHover : screen(@lightPrimaryColorHover,@blendingBaseColor); -@secondaryBrightHover : screen(@lightSecondaryColorHover,@blendingBaseColor); -@redBrightHover : screen(@lightRedHover,@blendingBaseColor); -@orangeBrightHover : screen(@lightOrangeHover,@blendingBaseColor); -@yellowBrightHover : screen(@lightYellowHover,@blendingBaseColor); -@oliveBrightHover : screen(@lightOliveHover,@blendingBaseColor); -@greenBrightHover : screen(@lightGreenHover,@blendingBaseColor); -@tealBrightHover : screen(@lightTealHover,@blendingBaseColor); -@blueBrightHover : screen(@lightBlueHover,@blendingBaseColor); -@violetBrightHover : screen(@lightVioletHover,@blendingBaseColor); -@purpleBrightHover : screen(@lightPurpleHover,@blendingBaseColor); -@pinkBrightHover : screen(@lightPinkHover,@blendingBaseColor); -@brownBrightHover : screen(@lightBrownHover,@blendingBaseColor); -@greyBrightHover : @lightGreyHover; -@blackBrightHover : @lightBlackHover; +@primaryBright: screen(@lightPrimaryColor,@blendingBaseColor); +@secondaryBright: screen(@lightSecondaryColor,@blendingBaseColor); +@redBright: screen(@lightRed,@blendingBaseColor); +@orangeBright: screen(@lightOrange,@blendingBaseColor); +@yellowBright: screen(@lightYellow,@blendingBaseColor); +@oliveBright: screen(@lightOlive,@blendingBaseColor); +@greenBright: screen(@lightGreen,@blendingBaseColor); +@tealBright: screen(@lightTeal,@blendingBaseColor); +@blueBright: screen(@lightBlue,@blendingBaseColor); +@violetBright: screen(@lightViolet,@blendingBaseColor); +@purpleBright: screen(@lightPurple,@blendingBaseColor); +@pinkBright: screen(@lightPink,@blendingBaseColor); +@brownBright: screen(@lightBrown,@blendingBaseColor); +@greyBright: @lightGrey; +@blackBright: @lightBlack; + +@primaryBrightHover: screen(@lightPrimaryColorHover,@blendingBaseColor); +@secondaryBrightHover: screen(@lightSecondaryColorHover,@blendingBaseColor); +@redBrightHover: screen(@lightRedHover,@blendingBaseColor); +@orangeBrightHover: screen(@lightOrangeHover,@blendingBaseColor); +@yellowBrightHover: screen(@lightYellowHover,@blendingBaseColor); +@oliveBrightHover: screen(@lightOliveHover,@blendingBaseColor); +@greenBrightHover: screen(@lightGreenHover,@blendingBaseColor); +@tealBrightHover: screen(@lightTealHover,@blendingBaseColor); +@blueBrightHover: screen(@lightBlueHover,@blendingBaseColor); +@violetBrightHover: screen(@lightVioletHover,@blendingBaseColor); +@purpleBrightHover: screen(@lightPurpleHover,@blendingBaseColor); +@pinkBrightHover: screen(@lightPinkHover,@blendingBaseColor); +@brownBrightHover: screen(@lightBrownHover,@blendingBaseColor); +@greyBrightHover: @lightGreyHover; +@blackBrightHover: @lightBlackHover; /******************************* States shared in Form-related components diff --git a/src/themes/default/modules/slider.variables b/src/themes/default/modules/slider.variables index ec208f3c4c..6d48e4aca6 100644 --- a/src/themes/default/modules/slider.variables +++ b/src/themes/default/modules/slider.variables @@ -6,77 +6,77 @@ Element -------------------- */ -@height : 1.5em; -@hoverPointer : auto; -@padding : 1em 0.5em; +@height: 1.5em; +@hoverPointer: auto; +@padding: 1em 0.5em; /* Track */ -@trackHeight : 0.4em; -@trackPositionTop : (@height / 2) - (@trackHeight / 2); -@background : #ccc; -@trackBorderRadius : 4px; -@trackColor : @transparentBlack; +@trackHeight: 0.4em; +@trackPositionTop: (@height / 2) - (@trackHeight / 2); +@background: #ccc; +@trackBorderRadius: 4px; +@trackColor: @transparentBlack; /* Track Fill */ -@trackFillHeight : @trackHeight; -@trackFillColor : @black; -@trackFillColorFocus : @blackHover; -@invertedTrackFillColor : @lightBlack; -@invertedTrackFillColorFocus : @lightBlackHover; -@trackFillBorderRadius : @trackBorderRadius; +@trackFillHeight: @trackHeight; +@trackFillColor: @black; +@trackFillColorFocus: @blackHover; +@invertedTrackFillColor: @lightBlack; +@invertedTrackFillColorFocus: @lightBlackHover; +@trackFillBorderRadius: @trackBorderRadius; /* Thumb */ -@thumbHeight : @height; -@thumbBorderRadius : 100%; -@thumbBackground : @white @subtleGradient; -@thumbShadow : @subtleShadow, 0 0 0 1px @borderColor inset; -@thumbTransitionDuration : 0.3s; -@thumbTransition : background @thumbTransitionDuration @defaultEasing; +@thumbHeight: @height; +@thumbBorderRadius: 100%; +@thumbBackground: @white @subtleGradient; +@thumbShadow: @subtleShadow, 0 0 0 1px @borderColor inset; +@thumbTransitionDuration: 0.3s; +@thumbTransition: background @thumbTransitionDuration @defaultEasing; @thumbVerticalSliderOffset: 0.03em; /* Thumb Hover */ -@thumbHoverPointer : pointer; -@thumbHoverBackground : @whiteHover @subtleGradient; +@thumbHoverPointer: pointer; +@thumbHoverBackground: @whiteHover @subtleGradient; /* ------------------- States -------------------- */ /* Disabled */ -@disabledOpactiy : 0.5; -@disabledTrackFillColor : @background; +@disabledOpactiy: 0.5; +@disabledTrackFillColor: @background; /* ------------------- Variations -------------------- */ /* Vertical */ -@verticalPadding : 0.5em 1em; +@verticalPadding: 0.5em 1em; /* Labeled */ -@labelHeight : @height; -@labelWidth : 1px; -@labelColor : @background; -@labelPadding : 0.2em 0; +@labelHeight: @height; +@labelWidth: 1px; +@labelColor: @background; +@labelPadding: 0.2em 0; /* Hover */ -@hoverVarOpacity : 0; -@hoverVarHoverOpacity : 1; -@hoverOpacityTransitionDuration : 0.2s; -@hoverOpacityTransition : opacity @hoverOpacityTransitionDuration linear; +@hoverVarOpacity: 0; +@hoverVarHoverOpacity: 1; +@hoverOpacityTransitionDuration: 0.2s; +@hoverOpacityTransition: opacity @hoverOpacityTransitionDuration linear; /* Sizing */ -@smallHeight : 1em; -@smallLabelHeight : @smallHeight; -@smallTrackHeight : 0.3em; -@smallTrackPositionTop : (@smallHeight / 2) - (@smallTrackHeight / 2); +@smallHeight: 1em; +@smallLabelHeight: @smallHeight; +@smallTrackHeight: 0.3em; +@smallTrackPositionTop: (@smallHeight / 2) - (@smallTrackHeight / 2); -@largeHeight : 2em; -@largeLabelHeight : @largeHeight; -@largeTrackHeight : 0.5em; -@largeTrackPositionTop : (@largeHeight / 2) - (@largeTrackHeight / 2); +@largeHeight: 2em; +@largeLabelHeight: @largeHeight; +@largeTrackHeight: 0.5em; +@largeTrackPositionTop: (@largeHeight / 2) - (@largeTrackHeight / 2); -@bigHeight : 2.5em; -@bigLabelHeight : @bigHeight; -@bigTrackHeight : 0.6em; -@bigTrackPositionTop : (@bigHeight / 2) - (@bigTrackHeight / 2); +@bigHeight: 2.5em; +@bigLabelHeight: @bigHeight; +@bigTrackHeight: 0.6em; +@bigTrackPositionTop: (@bigHeight / 2) - (@bigTrackHeight / 2); diff --git a/src/themes/famfamfam/elements/flag.variables b/src/themes/famfamfam/elements/flag.variables index d385db3d4b..46b312f3c7 100644 --- a/src/themes/famfamfam/elements/flag.variables +++ b/src/themes/famfamfam/elements/flag.variables @@ -2,7 +2,7 @@ Flag *******************************/ -@imagePath : '../../themes/famfamfam/assets/images'; +@imagePath: '../../themes/famfamfam/assets/images'; /* ------------------- Element diff --git a/src/themes/flat/globals/site.variables b/src/themes/flat/globals/site.variables index 73ee495103..976afdec57 100644 --- a/src/themes/flat/globals/site.variables +++ b/src/themes/flat/globals/site.variables @@ -6,77 +6,77 @@ Paths -------------------- */ -@imagePath : "../../themes/default/assets/images"; -@fontPath : "../../themes/default/assets/fonts"; +@imagePath: "../../themes/default/assets/images"; +@fontPath: "../../themes/default/assets/fonts"; /* ------------------- Fonts -------------------- */ -@headerFont : "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif; -@pageFont : "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif; +@headerFont: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif; +@pageFont: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif; /* ------------------- Site Colors -------------------- */ /* --- Colors --- */ -@blue : #0074D9; -@green : #2ECC40; -@orange : #FF851B; -@pink : #D9499A; -@purple : #A24096; -@red : #FF4136; -@teal : #39CCCC; -@yellow : #FFCB08; - -@black : #191919; -@grey : #CCCCCC; -@white : #FFFFFF; +@blue: #0074D9; +@green: #2ECC40; +@orange: #FF851B; +@pink: #D9499A; +@purple: #A24096; +@red: #FF4136; +@teal: #39CCCC; +@yellow: #FFCB08; + +@black: #191919; +@grey: #CCCCCC; +@white: #FFFFFF; /* --- Light Colors --- */ -@lightBlue : #54C8FF; -@lightGreen : #2ECC40; -@lightOrange : #FF851B; -@lightPink : #FF8EDF; -@lightPurple : #CDC6FF; -@lightRed : #FF695E; -@lightTeal : #6DFFFF; -@lightYellow : #FFE21F; - -@primaryColor : @blue; -@secondaryColor : @black; +@lightBlue: #54C8FF; +@lightGreen: #2ECC40; +@lightOrange: #FF851B; +@lightPink: #FF8EDF; +@lightPurple: #CDC6FF; +@lightRed: #FF695E; +@lightTeal: #6DFFFF; +@lightYellow: #FFE21F; + +@primaryColor: @blue; +@secondaryColor: @black; /* ------------------- Page -------------------- */ -@bodyBackground : #FCFCFC; -@fontSize : 14px; -@textColor : rgba(0, 0, 0, 0.8); +@bodyBackground: #FCFCFC; +@fontSize: 14px; +@textColor: rgba(0, 0, 0, 0.8); -@headerMargin : 1em 0em 1rem; -@paragraphMargin : 0em 0em 1em; +@headerMargin: 1em 0em 1rem; +@paragraphMargin: 0em 0em 1em; -@linkColor : #009FDA; -@linkUnderline : none; -@linkHoverColor : lighten( @linkColor, 5); -@linkHoverUnderline : @linkUnderline; +@linkColor: #009FDA; +@linkUnderline: none; +@linkHoverColor: lighten( @linkColor, 5); +@linkHoverUnderline: @linkUnderline; -@highlightBackground : #FFFFCC; -@highlightColor : @textColor; +@highlightBackground: #FFFFCC; +@highlightColor: @textColor; /* ------------------- Background Colors -------------------- */ -@subtleTransparentBlack : rgba(0, 0, 0, 0.03); -@transparentBlack : rgba(0, 0, 0, 0.05); -@strongTransparentBlack : rgba(0, 0, 0, 0.1); +@subtleTransparentBlack: rgba(0, 0, 0, 0.03); +@transparentBlack: rgba(0, 0, 0, 0.05); +@strongTransparentBlack: rgba(0, 0, 0, 0.1); -@subtleTransparentWhite : rgba(255, 255, 255, 0.01); -@transparentWhite : rgba(255, 255, 255, 0.05); -@strongTransparentWhite : rgba(255, 255, 255, 0.01); +@subtleTransparentWhite: rgba(255, 255, 255, 0.01); +@transparentWhite: rgba(255, 255, 255, 0.05); +@strongTransparentWhite: rgba(255, 255, 255, 0.01); /* Used for differentiating neutrals */ @subtleGradient: linear-gradient(transparent, rgba(0, 0, 0, 0.05)); @@ -94,8 +94,8 @@ Breakpoints -------------------- */ -@mobileBreakpoint : 320px; -@tabletBreakpoint : 768px; -@computerBreakpoint : 992px; -@largeMonitorBreakpoint : 1400px; -@widescreenMonitorBreakpoint : 1900px; +@mobileBreakpoint: 320px; +@tabletBreakpoint: 768px; +@computerBreakpoint: 992px; +@largeMonitorBreakpoint: 1400px; +@widescreenMonitorBreakpoint: 1900px; diff --git a/src/themes/github/elements/icon.variables b/src/themes/github/elements/icon.variables index dc88c33c86..87329a24ee 100644 --- a/src/themes/github/elements/icon.variables +++ b/src/themes/github/elements/icon.variables @@ -23,6 +23,6 @@ @small: 13px; @medium: 16px; @large: 18px; -@big : 20px; +@big: 20px; @huge: 28px; @massive: 32px; diff --git a/src/themes/github/globals/site.variables b/src/themes/github/globals/site.variables index c40b51a8ff..348ee9b841 100644 --- a/src/themes/github/globals/site.variables +++ b/src/themes/github/globals/site.variables @@ -2,13 +2,13 @@ User Global Variables *******************************/ -@pageMinWidth : 1049px; -@pageOverflowX : visible; +@pageMinWidth: 1049px; +@pageOverflowX: visible; @emSize: 13px; -@fontSize : 13px; -@fontName : 'Arial'; -@importGoogleFonts : false; +@fontSize: 13px; +@fontName: 'Arial'; +@importGoogleFonts: false; @importFonts: false; @h1: 2.25em; diff --git a/src/themes/material/elements/button.variables b/src/themes/material/elements/button.variables index 0c42f5773e..50c8330d22 100644 --- a/src/themes/material/elements/button.variables +++ b/src/themes/material/elements/button.variables @@ -6,20 +6,20 @@ Element -------------------- */ -@googleFontName : 'Roboto'; -@pageFont : 'Roboto', Arial, sans-serif; +@googleFontName: 'Roboto'; +@pageFont: 'Roboto', Arial, sans-serif; @medium: 13px; -@verticalPadding : 0.8em; -@horizontalPadding : 0.8em; -@borderRadius : @relative3px; -@color : #222222; -@fontWeight : normal; -@textTransform : none; +@verticalPadding: 0.8em; +@horizontalPadding: 0.8em; +@borderRadius: @relative3px; +@color: #222222; +@fontWeight: normal; +@textTransform: none; -@backgroundColor : @white; -@backgroundImage : linear-gradient(transparent, rgba(0, 0, 0, 0.02)); +@backgroundColor: @white; +@backgroundImage: linear-gradient(transparent, rgba(0, 0, 0, 0.02)); @solidBorderColor: #DDDDDD; @@ -76,18 +76,18 @@ @labeledLabelBorderOffset: 0px; /* Colored */ -@coloredBackgroundImage : @subtleGradient; -@coloredBoxShadow : 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset; +@coloredBackgroundImage: @subtleGradient; +@coloredBoxShadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset; /* Primary */ -@primaryColor : #4184F3; -@primaryBoxShadow : 0px 0px 0px 1px #0157E4 inset; +@primaryColor: #4184F3; +@primaryBoxShadow: 0px 0px 0px 1px #0157E4 inset; /* Secondary */ -@secondaryColor : #EEEEEE; -@secondaryBackgroundImage : @backgroundImage; -@secondaryTextColor : @textColor; -@secondaryBoxShadow : @borderBoxShadow; +@secondaryColor: #EEEEEE; +@secondaryBackgroundImage: @backgroundImage; +@secondaryTextColor: @textColor; +@secondaryBoxShadow: @borderBoxShadow; /* Emotive */ @positiveColor: #3D9400; diff --git a/src/themes/material/elements/header.variables b/src/themes/material/elements/header.variables index 18228276b0..98c95b8e80 100644 --- a/src/themes/material/elements/header.variables +++ b/src/themes/material/elements/header.variables @@ -2,7 +2,7 @@ Header -------------------- */ -@headerFont : 'Roboto', Arial, sans-serif; +@headerFont: 'Roboto', Arial, sans-serif; @fontWeight: normal; @iconSize: 2em; @@ -12,8 +12,8 @@ @subHeaderFontSize: 1rem; /* HTML Headings */ -@h1 : 2.25rem; -@h2 : 2rem; -@h3 : 1.75rem; -@h4 : 1.5rem; -@h5 : 1.25rem; +@h1: 2.25rem; +@h2: 2rem; +@h3: 1.75rem; +@h4: 1.5rem; +@h5: 1.25rem; diff --git a/src/themes/material/elements/icon.variables b/src/themes/material/elements/icon.variables index a3180712a1..fd8a625f2f 100644 --- a/src/themes/material/elements/icon.variables +++ b/src/themes/material/elements/icon.variables @@ -1,4 +1,4 @@ -@fontPath : '../../themes/material/assets/fonts'; +@fontPath: '../../themes/material/assets/fonts'; @fonts: { @solid: { font-family: @fontName; @@ -23,6 +23,6 @@ @small: 13px; @medium: 16px; @large: 18px; -@big : 20px; +@big: 20px; @huge: 28px; @massive: 32px; diff --git a/src/themes/material/globals/site.variables b/src/themes/material/globals/site.variables index 826a2007ff..a00456a4de 100644 --- a/src/themes/material/globals/site.variables +++ b/src/themes/material/globals/site.variables @@ -6,43 +6,43 @@ Fonts -------------------- */ -@headerFont : 'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif; -@pageFont : 'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif; -@googleFontName : 'Roboto'; +@headerFont: 'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif; +@pageFont: 'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif; +@googleFontName: 'Roboto'; /* ------------------- Base Sizes -------------------- */ -@emSize : 14px; -@fontSize : 13px; +@emSize: 14px; +@fontSize: 13px; /* -------------- Page --------------- */ -@pageBackground : #F9F9F9; -@lineHeight : 1.33; -@textColor : #212121; +@pageBackground: #F9F9F9; +@lineHeight: 1.33; +@textColor: #212121; /* -------------- Page Heading --------------- */ -@headerLineHeight : 1.33em; -@headerFontWeight : 400; +@headerLineHeight: 1.33em; +@headerFontWeight: 400; -@h1 : 2.25rem; -@h2 : 2rem; -@h3 : 1.75rem; -@h4 : 1.5rem; -@h5 : 1.25rem; +@h1: 2.25rem; +@h2: 2rem; +@h3: 1.75rem; +@h4: 1.5rem; +@h5: 1.25rem; /* ------------------- Paths -------------------- */ -@imagePath : '../../themes/material/assets/images'; +@imagePath: '../../themes/material/assets/images'; /* -------------- Paragraphs @@ -55,67 +55,67 @@ -------------------- */ /* --- Colors --- */ -@black : #1B1C1D; -@blue : #2196F3; -@green : #4CAF50; -@grey : #9E9E9E; -@orange : #FF9800; -@pink : #E91E63; -@purple : #9C27B0; -@red : #F44336; -@teal : #1de9b6; -@yellow : #FFEB3B; +@black: #1B1C1D; +@blue: #2196F3; +@green: #4CAF50; +@grey: #9E9E9E; +@orange: #FF9800; +@pink: #E91E63; +@purple: #9C27B0; +@red: #F44336; +@teal: #1de9b6; +@yellow: #FFEB3B; /* --- Light Colors --- */ -@lightBlack : #333333; -@lightBlue : #2979FF; -@lightGreen : #00E676; -@lightOrange : #FF9100; -@lightPink : #F50057; -@lightPurple : #D500F9; -@lightRed : #FF1744; -@lightTeal : #1DE9B6; -@lightYellow : #FFEA00; +@lightBlack: #333333; +@lightBlue: #2979FF; +@lightGreen: #00E676; +@lightOrange: #FF9100; +@lightPink: #F50057; +@lightPurple: #D500F9; +@lightRed: #FF1744; +@lightTeal: #1DE9B6; +@lightYellow: #FFEA00; /* --- Neutrals --- */ -@fullBlack : #000000; -@darkGrey : #AAAAAA; -@lightGrey : #DCDDDE; -@offWhite : #FAFAFA; -@darkWhite : #F0F0F0; -@white : #FFFFFF; +@fullBlack: #000000; +@darkGrey: #AAAAAA; +@lightGrey: #DCDDDE; +@offWhite: #FAFAFA; +@darkWhite: #F0F0F0; +@white: #FFFFFF; /* ------------------- Brand Colors -------------------- */ -@primaryColor : @blue; -@secondaryColor : @grey; +@primaryColor: @blue; +@secondaryColor: @grey; -@lightPrimaryColor : @lightBlue; -@lightSecondaryColor : @lightGrey; +@lightPrimaryColor: @lightBlue; +@lightSecondaryColor: @lightGrey; /* ------------------- Paragraph -------------------- */ -@paragraphMargin : 0em 0em 1.53em; +@paragraphMargin: 0em 0em 1.53em; /* ------------------- Links -------------------- */ -@linkColor : #009FDA; -@linkUnderline : none; -@linkHoverColor : lighten(@linkColor, 5); -@linkHoverUnderline : @linkUnderline; +@linkColor: #009FDA; +@linkUnderline: none; +@linkHoverColor: lighten(@linkColor, 5); +@linkHoverUnderline: @linkUnderline; /* ------------------- Highlighted Text -------------------- */ -@highlightBackground : #009FDA; -@highlightColor : @white; +@highlightBackground: #009FDA; +@highlightColor: @white; /* ------------------- Accents diff --git a/src/themes/rtl/globals/site.variables b/src/themes/rtl/globals/site.variables index 1e932c3784..db2523d30c 100644 --- a/src/themes/rtl/globals/site.variables +++ b/src/themes/rtl/globals/site.variables @@ -6,8 +6,8 @@ Fonts -------------------- */ -@googleFontName : 'Droid Sans'; +@googleFontName: 'Droid Sans'; /* Kufi imported in site.overrides */ -@headerFont : 'Droid Arabic Kufi', 'Droid Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; -@pageFont : 'Droid Arabic Kufi', 'Droid Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; +@headerFont: 'Droid Arabic Kufi', 'Droid Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; +@pageFont: 'Droid Arabic Kufi', 'Droid Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; diff --git a/src/themes/systemfont/globals/site.variables b/src/themes/systemfont/globals/site.variables index 9dceba1d60..46ce0b2314 100644 --- a/src/themes/systemfont/globals/site.variables +++ b/src/themes/systemfont/globals/site.variables @@ -2,9 +2,9 @@ User Global Variables *******************************/ -@fontName : ''; -@headerFont : @fallbackFonts; -@pageFont : @fallbackFonts; -@importGoogleFonts : false; -@importFonts : false; -@bold : 600; +@fontName: ''; +@headerFont: @fallbackFonts; +@pageFont: @fallbackFonts; +@importGoogleFonts: false; +@importFonts: false; +@bold: 600; From f58ae7cfd74d799a0ff83c3e79479dfecdde4b6e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Michael=20Vo=C5=99=C3=AD=C5=A1ek?= Date: Wed, 14 Dec 2022 22:30:00 +0100 Subject: [PATCH 03/16] fix gen --- tasks/install.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/tasks/install.js b/tasks/install.js index dbfd7ed675..6db3f10b61 100644 --- a/tasks/install.js +++ b/tasks/install.js @@ -338,7 +338,7 @@ module.exports = function (callback) { // determine path to site theme folder from theme config // force CSS path variable to use forward slashes for paths pathToSite = path.relative(path.resolve(installPaths.themeConfigFolder), path.resolve(installPaths.site)).replace(/\\/g, '/'), - siteVariable = "@siteFolder : '" + pathToSite + "/';" + siteVariable = "@siteFolder: '" + pathToSite + "/';" ; // rewrite site variable in theme.less From 238f23d0d25992e4224a1ed75f67ce9ebf9013e1 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Michael=20Vo=C5=99=C3=AD=C5=A1ek?= Date: Wed, 14 Dec 2022 22:49:18 +0100 Subject: [PATCH 04/16] fix remaining with regex and review ((\w|-)+) +(:) --- src/definitions/collections/message.less | 72 +- src/definitions/collections/table.less | 2 +- src/definitions/globals/site.less | 4 +- src/definitions/modules/dimmer.less | 2 +- src/definitions/modules/dropdown.less | 2 +- src/definitions/modules/modal.less | 10 +- src/themes/default/elements/icon.variables | 32 +- src/themes/default/globals/colors.less | 900 +++++++++---------- src/themes/default/globals/site.variables | 80 +- src/themes/github/collections/menu.variables | 2 +- 10 files changed, 553 insertions(+), 553 deletions(-) diff --git a/src/definitions/collections/message.less b/src/definitions/collections/message.less index 2645f615fb..490e31d2e0 100755 --- a/src/definitions/collections/message.less +++ b/src/definitions/collections/message.less @@ -289,52 +289,52 @@ @consequences: { @positive: { - background : @positiveBackgroundColor; - header : @positiveHeaderColor; - boxShadow : @positiveBoxShadow; - boxFloatShadow : @positiveBoxFloatingShadow; - text : @positiveTextColor; - invertedText : @positiveBorderColor; + background: @positiveBackgroundColor; + header: @positiveHeaderColor; + boxShadow: @positiveBoxShadow; + boxFloatShadow: @positiveBoxFloatingShadow; + text: @positiveTextColor; + invertedText: @positiveBorderColor; }; @negative: { - background : @negativeBackgroundColor; - header : @negativeHeaderColor; - boxShadow : @negativeBoxShadow; - boxFloatShadow : @negativeBoxFloatingShadow; - text : @negativeTextColor; - invertedText : @negativeBorderColor; + background: @negativeBackgroundColor; + header: @negativeHeaderColor; + boxShadow: @negativeBoxShadow; + boxFloatShadow: @negativeBoxFloatingShadow; + text: @negativeTextColor; + invertedText: @negativeBorderColor; }; @info: { - background : @infoBackgroundColor; - header : @infoHeaderColor; - boxShadow : @infoBoxShadow; - boxFloatShadow : @infoBoxFloatingShadow; - text : @infoTextColor; - invertedText : @formInfoLabelBackground; + background: @infoBackgroundColor; + header: @infoHeaderColor; + boxShadow: @infoBoxShadow; + boxFloatShadow: @infoBoxFloatingShadow; + text: @infoTextColor; + invertedText: @formInfoLabelBackground; }; @warning: { - background : @warningBackgroundColor; - header : @warningHeaderColor; - boxShadow : @warningBoxShadow; - boxFloatShadow : @warningBoxFloatingShadow; - text : @warningTextColor; - invertedText : @formWarningLabelBackground; + background: @warningBackgroundColor; + header: @warningHeaderColor; + boxShadow: @warningBoxShadow; + boxFloatShadow: @warningBoxFloatingShadow; + text: @warningTextColor; + invertedText: @formWarningLabelBackground; }; @error: { - background : @errorBackgroundColor; - header : @errorHeaderColor; - boxShadow : @errorBoxShadow; - boxFloatShadow : @errorBoxFloatingShadow; - text : @errorTextColor; - invertedText : @formErrorLabelBackground; + background: @errorBackgroundColor; + header: @errorHeaderColor; + boxShadow: @errorBoxShadow; + boxFloatShadow: @errorBoxFloatingShadow; + text: @errorTextColor; + invertedText: @formErrorLabelBackground; }; @success: { - background : @successBackgroundColor; - header : @successHeaderColor; - boxShadow : @successBoxShadow; - boxFloatShadow : @successBoxFloatingShadow; - text : @successTextColor; - invertedText : @formSuccessLabelBackground; + background: @successBackgroundColor; + header: @successHeaderColor; + boxShadow: @successBoxShadow; + boxFloatShadow: @successBoxFloatingShadow; + text: @successTextColor; + invertedText: @formSuccessLabelBackground; }; } diff --git a/src/definitions/collections/table.less b/src/definitions/collections/table.less index 047b8276f1..6a96940a62 100755 --- a/src/definitions/collections/table.less +++ b/src/definitions/collections/table.less @@ -485,7 +485,7 @@ scrollbar-arrow-color: @trackInvertedBackgroundHex; } - /* firefox : first color thumb, second track */ + /* firefox: first color thumb, second track */ scrollbar-color: @thumbInvertedBackground @trackInvertedBackground; } } diff --git a/src/definitions/globals/site.less b/src/definitions/globals/site.less index 3d5ea9ca09..2a2724249b 100755 --- a/src/definitions/globals/site.less +++ b/src/definitions/globals/site.less @@ -157,7 +157,7 @@ a:hover { scrollbar-arrow-color: @trackBackgroundHex; } - /* firefox : first color thumb, second track */ + /* firefox: first color thumb, second track */ scrollbar-color: @thumbBackground @trackBackground; scrollbar-width: thin; } @@ -185,7 +185,7 @@ a:hover { scrollbar-arrow-color: @trackInvertedBackgroundHex; } - /* firefox : first color thumb, second track */ + /* firefox: first color thumb, second track */ scrollbar-color: @thumbInvertedBackground @trackInvertedBackground; } } diff --git a/src/definitions/modules/dimmer.less b/src/definitions/modules/dimmer.less index e86208966f..3688b57a3a 100755 --- a/src/definitions/modules/dimmer.less +++ b/src/definitions/modules/dimmer.less @@ -83,7 +83,7 @@ scrollbar-arrow-color: @trackInvertedBackgroundHex; } - /* firefox : first color thumb, second track */ + /* firefox: first color thumb, second track */ scrollbar-color: @thumbInvertedBackground @trackInvertedBackground; } } diff --git a/src/definitions/modules/dropdown.less b/src/definitions/modules/dropdown.less index b4dd12ab75..3a38f15596 100755 --- a/src/definitions/modules/dropdown.less +++ b/src/definitions/modules/dropdown.less @@ -1946,7 +1946,7 @@ select.ui.dropdown { scrollbar-arrow-color: @trackInvertedBackgroundHex; } - /* firefox : first color thumb, second track */ + /* firefox: first color thumb, second track */ scrollbar-color: @thumbInvertedBackground @trackInvertedBackground; } } diff --git a/src/definitions/modules/modal.less b/src/definitions/modules/modal.less index b249929e55..9279ced22c 100755 --- a/src/definitions/modules/modal.less +++ b/src/definitions/modules/modal.less @@ -550,31 +550,31 @@ .ui.@{value}.modal > .header:not(.ui) { font-size: @@hs; } - @media only screen and (max-width : @largestMobileScreen) { + @media only screen and (max-width: @largestMobileScreen) { .ui.@{value}.modal { width: @@mw; margin: @@mm; } } - @media only screen and (min-width : @tabletBreakpoint) { + @media only screen and (min-width: @tabletBreakpoint) { .ui.@{value}.modal { width: @@tw; margin: @@tm; } } - @media only screen and (min-width : @computerBreakpoint) { + @media only screen and (min-width: @computerBreakpoint) { .ui.@{value}.modal { width: @@cw; margin: @@cm; } } - @media only screen and (min-width : @largeMonitorBreakpoint) { + @media only screen and (min-width: @largeMonitorBreakpoint) { .ui.@{value}.modal { width: @@lw; margin: @@lm; } } - @media only screen and (min-width : @widescreenMonitorBreakpoint) { + @media only screen and (min-width: @widescreenMonitorBreakpoint) { .ui.@{value}.modal { width: @@ww; margin: @@wm; diff --git a/src/themes/default/elements/icon.variables b/src/themes/default/elements/icon.variables index 4ee2199548..957145dd57 100644 --- a/src/themes/default/elements/icon.variables +++ b/src/themes/default/elements/icon.variables @@ -5,7 +5,7 @@ /******************************* -Fomantic-UI integration of FontAwesome : +Fomantic-UI integration of FontAwesome: // class names are separated i.icon.angle-left => i.icon.angle.left @@ -47,34 +47,34 @@ Icons are order A-Z in their group, Solid, Outline, Thin (Pro only) and Brand font-family: @fontName; src: url("@{fontPath}/@{fontName}.woff2") format('woff2') if(@supportIE, e(',') url("@{fontPath}/@{fontName}.woff") format('woff')); - font-style : normal; - font-weight : @normal; - font-display : block; - font-variant : normal; + font-style: normal; + font-weight: @normal; + font-display: block; + font-variant: normal; text-decoration: inherit; - text-transform : none; + text-transform: none; }; @outline: { font-family: @outlineFontName; src: url("@{fontPath}/@{outlineFontName}.woff2") format('woff2') if(@supportIE, e(',') url("@{fontPath}/@{outlineFontName}.woff") format('woff')); - font-style : normal; - font-weight : @normal; - font-display : block; - font-variant : normal; + font-style: normal; + font-weight: @normal; + font-display: block; + font-variant: normal; text-decoration: inherit; - text-transform : none; + text-transform: none; }; @brand: { font-family: @brandFontName; src: url("@{fontPath}/@{brandFontName}.woff2") format('woff2') if(@supportIE, e(',') url("@{fontPath}/@{brandFontName}.woff") format('woff')); - font-style : normal; - font-weight : @normal; - font-display : block; - font-variant : normal; + font-style: normal; + font-weight: @normal; + font-display: block; + font-variant: normal; text-decoration: inherit; - text-transform : none; + text-transform: none; }; }; diff --git a/src/themes/default/globals/colors.less b/src/themes/default/globals/colors.less index 79b6b0b3fe..e08385aa6a 100644 --- a/src/themes/default/globals/colors.less +++ b/src/themes/default/globals/colors.less @@ -4,484 +4,484 @@ @colors: { @primary: { - color : @primaryColor; - light : @lightPrimaryColor; - border : @primaryBorderColor; - background : @primaryBackground; - header : @primaryHeaderColor; - boxShadow : @primaryBoxShadow; - boxFloatShadow : @primaryBoxFloatingShadow; - text : @primaryTextColor; - lightText : @lightPrimaryTextColor; - hoverText : @primaryHoverTextColor; - focus : @primaryColorFocus; - lightFocus : @lightPrimaryColorFocus; - down : @primaryColorDown; - lightDown : @lightPrimaryColorDown; - active : @primaryColorActive; - lightActive : @lightPrimaryColorActive; - shadow : @primaryTextShadow; - lightShadow : @lightPrimaryTextShadow; - hover : @primaryColorHover; - lightHover : @lightPrimaryColorHover; - ribbon : @primaryRibbonShadow; - invertedRibbon : @primaryInvertedRibbonShadow; - tertiary : @primaryTertiaryColor; - tertiaryHover : @primaryTertiaryColorHover; - tertiaryFocus : @primaryTertiaryColorFocus; - tertiaryActive : @primaryTertiaryColorActive; - bright : @primaryBright; - brightHover : @primaryBrightHover; - isDark : false; - isVeryDark : false; + color: @primaryColor; + light: @lightPrimaryColor; + border: @primaryBorderColor; + background: @primaryBackground; + header: @primaryHeaderColor; + boxShadow: @primaryBoxShadow; + boxFloatShadow: @primaryBoxFloatingShadow; + text: @primaryTextColor; + lightText: @lightPrimaryTextColor; + hoverText: @primaryHoverTextColor; + focus: @primaryColorFocus; + lightFocus: @lightPrimaryColorFocus; + down: @primaryColorDown; + lightDown: @lightPrimaryColorDown; + active: @primaryColorActive; + lightActive: @lightPrimaryColorActive; + shadow: @primaryTextShadow; + lightShadow: @lightPrimaryTextShadow; + hover: @primaryColorHover; + lightHover: @lightPrimaryColorHover; + ribbon: @primaryRibbonShadow; + invertedRibbon: @primaryInvertedRibbonShadow; + tertiary: @primaryTertiaryColor; + tertiaryHover: @primaryTertiaryColorHover; + tertiaryFocus: @primaryTertiaryColorFocus; + tertiaryActive: @primaryTertiaryColorActive; + bright: @primaryBright; + brightHover: @primaryBrightHover; + isDark: false; + isVeryDark: false; }; @secondary: { - color : @secondaryColor; - light : @lightSecondaryColor; - border : @secondaryBorderColor; - background : @secondaryBackground; - header : @secondaryHeaderColor; - boxShadow : @secondaryBoxShadow; - boxFloatShadow : @secondaryBoxFloatingShadow; - text : @secondaryTextColor; - lightText : @lightSecondaryTextColor; - hoverText : @secondaryHoverTextColor; - focus : @secondaryColorFocus; - lightFocus : @lightSecondaryColorFocus; - down : @secondaryColorDown; - lightDown : @lightSecondaryColorDown; - active : @secondaryColorActive; - lightActive : @lightSecondaryColorActive; - shadow : @secondaryTextShadow; - lightShadow : @lightSecondaryTextShadow; - hover : @secondaryColorHover; - lightHover : @lightSecondaryColorHover; - ribbon : @secondaryRibbonShadow; - invertedRibbon : @secondaryInvertedRibbonShadow; - tertiary : @secondaryTertiaryColor; - tertiaryHover : @secondaryTertiaryColorHover; - tertiaryFocus : @secondaryTertiaryColorFocus; - tertiaryActive : @secondaryTertiaryColorActive; - bright : @secondaryBright; - brightHover : @secondaryBrightHover; - isDark : false; - isVeryDark : false; + color: @secondaryColor; + light: @lightSecondaryColor; + border: @secondaryBorderColor; + background: @secondaryBackground; + header: @secondaryHeaderColor; + boxShadow: @secondaryBoxShadow; + boxFloatShadow: @secondaryBoxFloatingShadow; + text: @secondaryTextColor; + lightText: @lightSecondaryTextColor; + hoverText: @secondaryHoverTextColor; + focus: @secondaryColorFocus; + lightFocus: @lightSecondaryColorFocus; + down: @secondaryColorDown; + lightDown: @lightSecondaryColorDown; + active: @secondaryColorActive; + lightActive: @lightSecondaryColorActive; + shadow: @secondaryTextShadow; + lightShadow: @lightSecondaryTextShadow; + hover: @secondaryColorHover; + lightHover: @lightSecondaryColorHover; + ribbon: @secondaryRibbonShadow; + invertedRibbon: @secondaryInvertedRibbonShadow; + tertiary: @secondaryTertiaryColor; + tertiaryHover: @secondaryTertiaryColorHover; + tertiaryFocus: @secondaryTertiaryColorFocus; + tertiaryActive: @secondaryTertiaryColorActive; + bright: @secondaryBright; + brightHover: @secondaryBrightHover; + isDark: false; + isVeryDark: false; }; @red: { - color : @red; - light : @lightRed; - border : @redBorderColor; - background : @redBackground; - header : @redHeaderColor; - boxShadow : @redBoxShadow; - boxFloatShadow : @redBoxFloatingShadow; - text : @redTextColor; - lightText : @lightRedTextColor; - hoverText : @redHoverTextColor; - focus : @redFocus; - lightFocus : @lightRedFocus; - down : @redDown; - lightDown : @lightRedDown; - active : @redActive; - lightActive : @lightRedActive; - shadow : @redTextShadow; - lightShadow : @lightRedTextShadow; - hover : @redHover; - lightHover : @lightRedHover; - ribbon : @redRibbonShadow; - invertedRibbon : @redInvertedRibbonShadow; - tertiary : @redTertiaryColor; - tertiaryHover : @redTertiaryColorHover; - tertiaryFocus : @redTertiaryColorFocus; - tertiaryActive : @redTertiaryColorActive; - bright : @redBright; - brightHover : @redBrightHover; - isDark : false; - isVeryDark : false; + color: @red; + light: @lightRed; + border: @redBorderColor; + background: @redBackground; + header: @redHeaderColor; + boxShadow: @redBoxShadow; + boxFloatShadow: @redBoxFloatingShadow; + text: @redTextColor; + lightText: @lightRedTextColor; + hoverText: @redHoverTextColor; + focus: @redFocus; + lightFocus: @lightRedFocus; + down: @redDown; + lightDown: @lightRedDown; + active: @redActive; + lightActive: @lightRedActive; + shadow: @redTextShadow; + lightShadow: @lightRedTextShadow; + hover: @redHover; + lightHover: @lightRedHover; + ribbon: @redRibbonShadow; + invertedRibbon: @redInvertedRibbonShadow; + tertiary: @redTertiaryColor; + tertiaryHover: @redTertiaryColorHover; + tertiaryFocus: @redTertiaryColorFocus; + tertiaryActive: @redTertiaryColorActive; + bright: @redBright; + brightHover: @redBrightHover; + isDark: false; + isVeryDark: false; }; @orange: { - color : @orange; - light : @lightOrange; - border : @orangeBorderColor; - background : @orangeBackground; - header : @orangeHeaderColor; - boxShadow : @orangeBoxShadow; - boxFloatShadow : @orangeBoxFloatingShadow; - text : @orangeTextColor; - lightText : @lightOrangeTextColor; - hoverText : @orangeHoverTextColor; - focus : @orangeFocus; - lightFocus : @lightOrangeFocus; - down : @orangeDown; - lightDown : @lightOrangeDown; - active : @orangeActive; - lightActive : @lightOrangeActive; - shadow : @orangeTextShadow; - lightShadow : @lightOrangeTextShadow; - hover : @orangeHover; - lightHover : @lightOrangeHover; - ribbon : @orangeRibbonShadow; - invertedRibbon : @orangeInvertedRibbonShadow; - tertiary : @orangeTertiaryColor; - tertiaryHover : @orangeTertiaryColorHover; - tertiaryFocus : @orangeTertiaryColorFocus; - tertiaryActive : @orangeTertiaryColorActive; - bright : @orangeBright; - brightHover : @orangeBrightHover; - isDark : false; - isVeryDark : false; + color: @orange; + light: @lightOrange; + border: @orangeBorderColor; + background: @orangeBackground; + header: @orangeHeaderColor; + boxShadow: @orangeBoxShadow; + boxFloatShadow: @orangeBoxFloatingShadow; + text: @orangeTextColor; + lightText: @lightOrangeTextColor; + hoverText: @orangeHoverTextColor; + focus: @orangeFocus; + lightFocus: @lightOrangeFocus; + down: @orangeDown; + lightDown: @lightOrangeDown; + active: @orangeActive; + lightActive: @lightOrangeActive; + shadow: @orangeTextShadow; + lightShadow: @lightOrangeTextShadow; + hover: @orangeHover; + lightHover: @lightOrangeHover; + ribbon: @orangeRibbonShadow; + invertedRibbon: @orangeInvertedRibbonShadow; + tertiary: @orangeTertiaryColor; + tertiaryHover: @orangeTertiaryColorHover; + tertiaryFocus: @orangeTertiaryColorFocus; + tertiaryActive: @orangeTertiaryColorActive; + bright: @orangeBright; + brightHover: @orangeBrightHover; + isDark: false; + isVeryDark: false; }; @yellow: { - color : @yellow; - light : @lightYellow; - border : @yellowBorderColor; - background : @yellowBackground; - header : @yellowHeaderColor; - boxShadow : @yellowBoxShadow; - boxFloatShadow : @yellowBoxFloatingShadow; - text : @yellowTextColor; - lightText : @lightYellowTextColor; - hoverText : @yellowHoverTextColor; - focus : @yellowFocus; - lightFocus : @lightYellowFocus; - down : @yellowDown; - lightDown : @lightYellowDown; - active : @yellowActive; - lightActive : @lightYellowActive; - shadow : @yellowTextShadow; - lightShadow : @lightYellowTextShadow; - hover : @yellowHover; - lightHover : @lightYellowHover; - ribbon : @yellowRibbonShadow; - invertedRibbon : @yellowInvertedRibbonShadow; - tertiary : @yellowTertiaryColor; - tertiaryHover : @yellowTertiaryColorHover; - tertiaryFocus : @yellowTertiaryColorFocus; - tertiaryActive : @yellowTertiaryColorActive; - bright : @yellowBright; - brightHover : @yellowBrightHover; - isDark : false; - isVeryDark : false; + color: @yellow; + light: @lightYellow; + border: @yellowBorderColor; + background: @yellowBackground; + header: @yellowHeaderColor; + boxShadow: @yellowBoxShadow; + boxFloatShadow: @yellowBoxFloatingShadow; + text: @yellowTextColor; + lightText: @lightYellowTextColor; + hoverText: @yellowHoverTextColor; + focus: @yellowFocus; + lightFocus: @lightYellowFocus; + down: @yellowDown; + lightDown: @lightYellowDown; + active: @yellowActive; + lightActive: @lightYellowActive; + shadow: @yellowTextShadow; + lightShadow: @lightYellowTextShadow; + hover: @yellowHover; + lightHover: @lightYellowHover; + ribbon: @yellowRibbonShadow; + invertedRibbon: @yellowInvertedRibbonShadow; + tertiary: @yellowTertiaryColor; + tertiaryHover: @yellowTertiaryColorHover; + tertiaryFocus: @yellowTertiaryColorFocus; + tertiaryActive: @yellowTertiaryColorActive; + bright: @yellowBright; + brightHover: @yellowBrightHover; + isDark: false; + isVeryDark: false; }; @olive: { - color : @olive; - light : @lightOlive; - border : @oliveBorderColor; - background : @oliveBackground; - header : @oliveHeaderColor; - boxShadow : @oliveBoxShadow; - boxFloatShadow : @oliveBoxFloatingShadow; - text : @oliveTextColor; - lightText : @lightOliveTextColor; - hoverText : @oliveHoverTextColor; - focus : @oliveFocus; - lightFocus : @lightOliveFocus; - down : @oliveDown; - lightDown : @lightOliveDown; - active : @oliveActive; - lightActive : @lightOliveActive; - shadow : @oliveTextShadow; - lightShadow : @lightOliveTextShadow; - hover : @oliveHover; - lightHover : @lightOliveHover; - ribbon : @oliveRibbonShadow; - invertedRibbon : @oliveInvertedRibbonShadow; - tertiary : @oliveTertiaryColor; - tertiaryHover : @oliveTertiaryColorHover; - tertiaryFocus : @oliveTertiaryColorFocus; - tertiaryActive : @oliveTertiaryColorActive; - bright : @oliveBright; - brightHover : @oliveBrightHover; - isDark : false; - isVeryDark : false; + color: @olive; + light: @lightOlive; + border: @oliveBorderColor; + background: @oliveBackground; + header: @oliveHeaderColor; + boxShadow: @oliveBoxShadow; + boxFloatShadow: @oliveBoxFloatingShadow; + text: @oliveTextColor; + lightText: @lightOliveTextColor; + hoverText: @oliveHoverTextColor; + focus: @oliveFocus; + lightFocus: @lightOliveFocus; + down: @oliveDown; + lightDown: @lightOliveDown; + active: @oliveActive; + lightActive: @lightOliveActive; + shadow: @oliveTextShadow; + lightShadow: @lightOliveTextShadow; + hover: @oliveHover; + lightHover: @lightOliveHover; + ribbon: @oliveRibbonShadow; + invertedRibbon: @oliveInvertedRibbonShadow; + tertiary: @oliveTertiaryColor; + tertiaryHover: @oliveTertiaryColorHover; + tertiaryFocus: @oliveTertiaryColorFocus; + tertiaryActive: @oliveTertiaryColorActive; + bright: @oliveBright; + brightHover: @oliveBrightHover; + isDark: false; + isVeryDark: false; }; @green: { - color : @green; - light : @lightGreen; - border : @greenBorderColor; - background : @greenBackground; - header : @greenHeaderColor; - boxShadow : @greenBoxShadow; - boxFloatShadow : @greenBoxFloatingShadow; - text : @greenTextColor; - lightText : @lightGreenTextColor; - hoverText : @greenHoverTextColor; - focus : @greenFocus; - lightFocus : @lightGreenFocus; - down : @greenDown; - lightDown : @lightGreenDown; - active : @greenActive; - lightActive : @lightGreenActive; - shadow : @greenTextShadow; - lightShadow : @lightGreenTextShadow; - hover : @greenHover; - lightHover : @lightGreenHover; - ribbon : @greenRibbonShadow; - invertedRibbon : @greenInvertedRibbonShadow; - tertiary : @greenTertiaryColor; - tertiaryHover : @greenTertiaryColorHover; - tertiaryFocus : @greenTertiaryColorFocus; - tertiaryActive : @greenTertiaryColorActive; - bright : @greenBright; - brightHover : @greenBrightHover; - isDark : false; - isVeryDark : false; + color: @green; + light: @lightGreen; + border: @greenBorderColor; + background: @greenBackground; + header: @greenHeaderColor; + boxShadow: @greenBoxShadow; + boxFloatShadow: @greenBoxFloatingShadow; + text: @greenTextColor; + lightText: @lightGreenTextColor; + hoverText: @greenHoverTextColor; + focus: @greenFocus; + lightFocus: @lightGreenFocus; + down: @greenDown; + lightDown: @lightGreenDown; + active: @greenActive; + lightActive: @lightGreenActive; + shadow: @greenTextShadow; + lightShadow: @lightGreenTextShadow; + hover: @greenHover; + lightHover: @lightGreenHover; + ribbon: @greenRibbonShadow; + invertedRibbon: @greenInvertedRibbonShadow; + tertiary: @greenTertiaryColor; + tertiaryHover: @greenTertiaryColorHover; + tertiaryFocus: @greenTertiaryColorFocus; + tertiaryActive: @greenTertiaryColorActive; + bright: @greenBright; + brightHover: @greenBrightHover; + isDark: false; + isVeryDark: false; }; @teal: { - color : @teal; - light : @lightTeal; - border : @tealBorderColor; - background : @tealBackground; - header : @tealHeaderColor; - boxShadow : @tealBoxShadow; - boxFloatShadow : @tealBoxFloatingShadow; - text : @tealTextColor; - lightText : @lightTealTextColor; - hoverText : @tealHoverTextColor; - focus : @tealFocus; - lightFocus : @lightTealFocus; - down : @tealDown; - lightDown : @lightTealDown; - active : @tealActive; - lightActive : @lightTealActive; - shadow : @tealTextShadow; - lightShadow : @lightTealTextShadow; - hover : @tealHover; - lightHover : @lightTealHover; - ribbon : @tealRibbonShadow; - invertedRibbon : @tealInvertedRibbonShadow; - tertiary : @tealTertiaryColor; - tertiaryHover : @tealTertiaryColorHover; - tertiaryFocus : @tealTertiaryColorFocus; - tertiaryActive : @tealTertiaryColorActive; - bright : @tealBright; - brightHover : @tealBrightHover; - isDark : false; - isVeryDark : false; + color: @teal; + light: @lightTeal; + border: @tealBorderColor; + background: @tealBackground; + header: @tealHeaderColor; + boxShadow: @tealBoxShadow; + boxFloatShadow: @tealBoxFloatingShadow; + text: @tealTextColor; + lightText: @lightTealTextColor; + hoverText: @tealHoverTextColor; + focus: @tealFocus; + lightFocus: @lightTealFocus; + down: @tealDown; + lightDown: @lightTealDown; + active: @tealActive; + lightActive: @lightTealActive; + shadow: @tealTextShadow; + lightShadow: @lightTealTextShadow; + hover: @tealHover; + lightHover: @lightTealHover; + ribbon: @tealRibbonShadow; + invertedRibbon: @tealInvertedRibbonShadow; + tertiary: @tealTertiaryColor; + tertiaryHover: @tealTertiaryColorHover; + tertiaryFocus: @tealTertiaryColorFocus; + tertiaryActive: @tealTertiaryColorActive; + bright: @tealBright; + brightHover: @tealBrightHover; + isDark: false; + isVeryDark: false; }; @blue: { - color : @blue; - light : @lightBlue; - border : @blueBorderColor; - background : @blueBackground; - header : @blueHeaderColor; - boxShadow : @blueBoxShadow; - boxFloatShadow : @blueBoxFloatingShadow; - text : @blueTextColor; - lightText : @lightBlueTextColor; - hoverText : @blueHoverTextColor; - focus : @blueFocus; - lightFocus : @lightBlueFocus; - down : @blueDown; - lightDown : @lightBlueDown; - active : @blueActive; - lightActive : @lightBlueActive; - shadow : @blueTextShadow; - lightShadow : @lightBlueTextShadow; - hover : @blueHover; - lightHover : @lightBlueHover; - ribbon : @blueRibbonShadow; - invertedRibbon : @blueInvertedRibbonShadow; - tertiary : @blueTertiaryColor; - tertiaryHover : @blueTertiaryColorHover; - tertiaryFocus : @blueTertiaryColorFocus; - tertiaryActive : @blueTertiaryColorActive; - bright : @blueBright; - brightHover : @blueBrightHover; - isDark : false; - isVeryDark : false; + color: @blue; + light: @lightBlue; + border: @blueBorderColor; + background: @blueBackground; + header: @blueHeaderColor; + boxShadow: @blueBoxShadow; + boxFloatShadow: @blueBoxFloatingShadow; + text: @blueTextColor; + lightText: @lightBlueTextColor; + hoverText: @blueHoverTextColor; + focus: @blueFocus; + lightFocus: @lightBlueFocus; + down: @blueDown; + lightDown: @lightBlueDown; + active: @blueActive; + lightActive: @lightBlueActive; + shadow: @blueTextShadow; + lightShadow: @lightBlueTextShadow; + hover: @blueHover; + lightHover: @lightBlueHover; + ribbon: @blueRibbonShadow; + invertedRibbon: @blueInvertedRibbonShadow; + tertiary: @blueTertiaryColor; + tertiaryHover: @blueTertiaryColorHover; + tertiaryFocus: @blueTertiaryColorFocus; + tertiaryActive: @blueTertiaryColorActive; + bright: @blueBright; + brightHover: @blueBrightHover; + isDark: false; + isVeryDark: false; }; @violet: { - color : @violet; - light : @lightViolet; - border : @violetBorderColor; - background : @violetBackground; - header : @violetHeaderColor; - boxShadow : @violetBoxShadow; - boxFloatShadow : @violetBoxFloatingShadow; - text : @violetTextColor; - lightText : @lightVioletTextColor; - hoverText : @violetHoverTextColor; - focus : @violetFocus; - lightFocus : @lightVioletFocus; - down : @violetDown; - lightDown : @lightVioletDown; - active : @violetActive; - lightActive : @lightVioletActive; - shadow : @violetTextShadow; - lightShadow : @lightVioletTextShadow; - hover : @violetHover; - lightHover : @lightVioletHover; - ribbon : @violetRibbonShadow; - invertedRibbon : @violetInvertedRibbonShadow; - tertiary : @violetTertiaryColor; - tertiaryHover : @violetTertiaryColorHover; - tertiaryFocus : @violetTertiaryColorFocus; - tertiaryActive : @violetTertiaryColorActive; - bright : @violetBright; - brightHover : @violetBrightHover; - isDark : false; - isVeryDark : false; + color: @violet; + light: @lightViolet; + border: @violetBorderColor; + background: @violetBackground; + header: @violetHeaderColor; + boxShadow: @violetBoxShadow; + boxFloatShadow: @violetBoxFloatingShadow; + text: @violetTextColor; + lightText: @lightVioletTextColor; + hoverText: @violetHoverTextColor; + focus: @violetFocus; + lightFocus: @lightVioletFocus; + down: @violetDown; + lightDown: @lightVioletDown; + active: @violetActive; + lightActive: @lightVioletActive; + shadow: @violetTextShadow; + lightShadow: @lightVioletTextShadow; + hover: @violetHover; + lightHover: @lightVioletHover; + ribbon: @violetRibbonShadow; + invertedRibbon: @violetInvertedRibbonShadow; + tertiary: @violetTertiaryColor; + tertiaryHover: @violetTertiaryColorHover; + tertiaryFocus: @violetTertiaryColorFocus; + tertiaryActive: @violetTertiaryColorActive; + bright: @violetBright; + brightHover: @violetBrightHover; + isDark: false; + isVeryDark: false; }; @purple: { - color : @purple; - light : @lightPurple; - border : @purpleBorderColor; - background : @purpleBackground; - header : @purpleHeaderColor; - boxShadow : @purpleBoxShadow; - boxFloatShadow : @purpleBoxFloatingShadow; - text : @purpleTextColor; - lightText : @lightPurpleTextColor; - hoverText : @purpleHoverTextColor; - focus : @purpleFocus; - lightFocus : @lightPurpleFocus; - down : @purpleDown; - lightDown : @lightPurpleDown; - active : @purpleActive; - lightActive : @lightPurpleActive; - shadow : @purpleTextShadow; - lightShadow : @lightPurpleTextShadow; - hover : @purpleHover; - lightHover : @lightPurpleHover; - ribbon : @purpleRibbonShadow; - invertedRibbon : @purpleInvertedRibbonShadow; - tertiary : @purpleTertiaryColor; - tertiaryHover : @purpleTertiaryColorHover; - tertiaryFocus : @purpleTertiaryColorFocus; - tertiaryActive : @purpleTertiaryColorActive; - bright : @purpleBright; - brightHover : @purpleBrightHover; - isDark : false; - isVeryDark : false; + color: @purple; + light: @lightPurple; + border: @purpleBorderColor; + background: @purpleBackground; + header: @purpleHeaderColor; + boxShadow: @purpleBoxShadow; + boxFloatShadow: @purpleBoxFloatingShadow; + text: @purpleTextColor; + lightText: @lightPurpleTextColor; + hoverText: @purpleHoverTextColor; + focus: @purpleFocus; + lightFocus: @lightPurpleFocus; + down: @purpleDown; + lightDown: @lightPurpleDown; + active: @purpleActive; + lightActive: @lightPurpleActive; + shadow: @purpleTextShadow; + lightShadow: @lightPurpleTextShadow; + hover: @purpleHover; + lightHover: @lightPurpleHover; + ribbon: @purpleRibbonShadow; + invertedRibbon: @purpleInvertedRibbonShadow; + tertiary: @purpleTertiaryColor; + tertiaryHover: @purpleTertiaryColorHover; + tertiaryFocus: @purpleTertiaryColorFocus; + tertiaryActive: @purpleTertiaryColorActive; + bright: @purpleBright; + brightHover: @purpleBrightHover; + isDark: false; + isVeryDark: false; }; @pink: { - color : @pink; - light : @lightPink; - border : @pinkBorderColor; - background : @pinkBackground; - header : @pinkHeaderColor; - boxShadow : @pinkBoxShadow; - boxFloatShadow : @pinkBoxFloatingShadow; - text : @pinkTextColor; - lightText : @lightPinkTextColor; - hoverText : @pinkHoverTextColor; - focus : @pinkFocus; - lightFocus : @lightPinkFocus; - down : @pinkDown; - lightDown : @lightPinkDown; - active : @pinkActive; - lightActive : @lightPinkActive; - shadow : @pinkTextShadow; - lightShadow : @lightPinkTextShadow; - hover : @pinkHover; - lightHover : @lightPinkHover; - ribbon : @pinkRibbonShadow; - invertedRibbon : @pinkInvertedRibbonShadow; - tertiary : @pinkTertiaryColor; - tertiaryHover : @pinkTertiaryColorHover; - tertiaryFocus : @pinkTertiaryColorFocus; - tertiaryActive : @pinkTertiaryColorActive; - bright : @pinkBright; - brightHover : @pinkBrightHover; - isDark : false; - isVeryDark : false; + color: @pink; + light: @lightPink; + border: @pinkBorderColor; + background: @pinkBackground; + header: @pinkHeaderColor; + boxShadow: @pinkBoxShadow; + boxFloatShadow: @pinkBoxFloatingShadow; + text: @pinkTextColor; + lightText: @lightPinkTextColor; + hoverText: @pinkHoverTextColor; + focus: @pinkFocus; + lightFocus: @lightPinkFocus; + down: @pinkDown; + lightDown: @lightPinkDown; + active: @pinkActive; + lightActive: @lightPinkActive; + shadow: @pinkTextShadow; + lightShadow: @lightPinkTextShadow; + hover: @pinkHover; + lightHover: @lightPinkHover; + ribbon: @pinkRibbonShadow; + invertedRibbon: @pinkInvertedRibbonShadow; + tertiary: @pinkTertiaryColor; + tertiaryHover: @pinkTertiaryColorHover; + tertiaryFocus: @pinkTertiaryColorFocus; + tertiaryActive: @pinkTertiaryColorActive; + bright: @pinkBright; + brightHover: @pinkBrightHover; + isDark: false; + isVeryDark: false; }; @brown: { - color : @brown; - light : @lightBrown; - border : @brownBorderColor; - background : @brownBackground; - header : @brownHeaderColor; - boxShadow : @brownBoxShadow; - boxFloatShadow : @brownBoxFloatingShadow; - text : @brownTextColor; - lightText : @lightBrownTextColor; - hoverText : @brownHoverTextColor; - focus : @brownFocus; - lightFocus : @lightBrownFocus; - down : @brownDown; - lightDown : @lightBrownDown; - active : @brownActive; - lightActive : @lightBrownActive; - shadow : @brownTextShadow; - lightShadow : @lightBrownTextShadow; - hover : @brownHover; - lightHover : @lightBrownHover; - ribbon : @brownRibbonShadow; - invertedRibbon : @brownInvertedRibbonShadow; - tertiary : @brownTertiaryColor; - tertiaryHover : @brownTertiaryColorHover; - tertiaryFocus : @brownTertiaryColorFocus; - tertiaryActive : @brownTertiaryColorActive; - bright : @brownBright; - brightHover : @brownBrightHover; - isDark : false; - isVeryDark : false; + color: @brown; + light: @lightBrown; + border: @brownBorderColor; + background: @brownBackground; + header: @brownHeaderColor; + boxShadow: @brownBoxShadow; + boxFloatShadow: @brownBoxFloatingShadow; + text: @brownTextColor; + lightText: @lightBrownTextColor; + hoverText: @brownHoverTextColor; + focus: @brownFocus; + lightFocus: @lightBrownFocus; + down: @brownDown; + lightDown: @lightBrownDown; + active: @brownActive; + lightActive: @lightBrownActive; + shadow: @brownTextShadow; + lightShadow: @lightBrownTextShadow; + hover: @brownHover; + lightHover: @lightBrownHover; + ribbon: @brownRibbonShadow; + invertedRibbon: @brownInvertedRibbonShadow; + tertiary: @brownTertiaryColor; + tertiaryHover: @brownTertiaryColorHover; + tertiaryFocus: @brownTertiaryColorFocus; + tertiaryActive: @brownTertiaryColorActive; + bright: @brownBright; + brightHover: @brownBrightHover; + isDark: false; + isVeryDark: false; }; @grey: { - color : @grey; - light : @lightGrey; - border : @greyBorderColor; - background : @greyBackground; - header : @greyHeaderColor; - boxShadow : @greyBoxShadow; - boxFloatShadow : @greyBoxFloatingShadow; - text : @greyTextColor; - lightText : @lightGreyTextColor; - hoverText : @greyHoverTextColor; - focus : @greyFocus; - lightFocus : @lightGreyFocus; - down : @greyDown; - lightDown : @lightGreyDown; - active : @greyActive; - lightActive : @lightGreyActive; - shadow : @greyTextShadow; - lightShadow : @lightGreyTextShadow; - hover : @greyHover; - lightHover : @lightGreyHover; - ribbon : @greyRibbonShadow; - invertedRibbon : @greyInvertedRibbonShadow; - tertiary : @greyTertiaryColor; - tertiaryHover : @greyTertiaryColorHover; - tertiaryFocus : @greyTertiaryColorFocus; - tertiaryActive : @greyTertiaryColorActive; - bright : @greyBright; - brightHover : @greyBrightHover; - isDark : true; - isVeryDark : false; + color: @grey; + light: @lightGrey; + border: @greyBorderColor; + background: @greyBackground; + header: @greyHeaderColor; + boxShadow: @greyBoxShadow; + boxFloatShadow: @greyBoxFloatingShadow; + text: @greyTextColor; + lightText: @lightGreyTextColor; + hoverText: @greyHoverTextColor; + focus: @greyFocus; + lightFocus: @lightGreyFocus; + down: @greyDown; + lightDown: @lightGreyDown; + active: @greyActive; + lightActive: @lightGreyActive; + shadow: @greyTextShadow; + lightShadow: @lightGreyTextShadow; + hover: @greyHover; + lightHover: @lightGreyHover; + ribbon: @greyRibbonShadow; + invertedRibbon: @greyInvertedRibbonShadow; + tertiary: @greyTertiaryColor; + tertiaryHover: @greyTertiaryColorHover; + tertiaryFocus: @greyTertiaryColorFocus; + tertiaryActive: @greyTertiaryColorActive; + bright: @greyBright; + brightHover: @greyBrightHover; + isDark: true; + isVeryDark: false; }; @black: { - color : @black; - light : @lightBlack; - border : @blackBorderColor; - background : @blackBackground; - header : @blackHeaderColor; - boxShadow : @blackBoxShadow; - boxFloatShadow : @blackBoxFloatingShadow; - text : @blackTextColor; - lightText : @lightBlackTextColor; - hoverText : @blackHoverTextColor; - focus : @blackFocus; - lightFocus : @lightBlackFocus; - down : @blackDown; - lightDown : @lightBlackDown; - active : @blackActive; - lightActive : @lightBlackActive; - shadow : @blackTextShadow; - lightShadow : @lightBlackTextShadow; - hover : @blackHover; - lightHover : @lightBlackHover; - ribbon : @blackRibbonShadow; - invertedRibbon : @blackInvertedRibbonShadow; - tertiary : @blackTertiaryColor; - tertiaryHover : @blackTertiaryColorHover; - tertiaryFocus : @blackTertiaryColorFocus; - tertiaryActive : @blackTertiaryColorActive; - bright : @blackBright; - brightHover : @blackBrightHover; - isDark : true; - isVeryDark : true; + color: @black; + light: @lightBlack; + border: @blackBorderColor; + background: @blackBackground; + header: @blackHeaderColor; + boxShadow: @blackBoxShadow; + boxFloatShadow: @blackBoxFloatingShadow; + text: @blackTextColor; + lightText: @lightBlackTextColor; + hoverText: @blackHoverTextColor; + focus: @blackFocus; + lightFocus: @lightBlackFocus; + down: @blackDown; + lightDown: @lightBlackDown; + active: @blackActive; + lightActive: @lightBlackActive; + shadow: @blackTextShadow; + lightShadow: @lightBlackTextShadow; + hover: @blackHover; + lightHover: @lightBlackHover; + ribbon: @blackRibbonShadow; + invertedRibbon: @blackInvertedRibbonShadow; + tertiary: @blackTertiaryColor; + tertiaryHover: @blackTertiaryColorHover; + tertiaryFocus: @blackTertiaryColorFocus; + tertiaryActive: @blackTertiaryColorActive; + bright: @blackBright; + brightHover: @blackBrightHover; + isDark: true; + isVeryDark: true; }; }; diff --git a/src/themes/default/globals/site.variables b/src/themes/default/globals/site.variables index e384707537..a183cd639a 100755 --- a/src/themes/default/globals/site.variables +++ b/src/themes/default/globals/site.variables @@ -30,81 +30,81 @@ font-family: @fontName; src: url("@{fontPath}/@{fontFileNameLatin}-Regular.woff2") format('woff2') if(@supportIE, e(',') url("@{fontPath}/@{fontFileNameLatin}-Regular.woff") format('woff')); - font-style : normal; - font-weight : @normal; - font-display : @fontDisplay; - text-rendering : @textRendering; - unicode-range : @unicodeRangeLatin; + font-style: normal; + font-weight: @normal; + font-display: @fontDisplay; + text-rendering: @textRendering; + unicode-range: @unicodeRangeLatin; }; @boldLatin: { font-family: @fontName; src: url("@{fontPath}/@{fontFileNameLatin}-Bold.woff2") format('woff2') if(@supportIE, e(',') url("@{fontPath}/@{fontFileNameLatin}-Bold.woff") format('woff')); - font-style : normal; - font-weight : @bold; - font-display : @fontDisplay; - text-rendering : @textRendering; - unicode-range : @unicodeRangeLatin; + font-style: normal; + font-weight: @bold; + font-display: @fontDisplay; + text-rendering: @textRendering; + unicode-range: @unicodeRangeLatin; }; @italicLatin: { font-family: @fontName; src: url("@{fontPath}/@{fontFileNameLatin}-Italic.woff2") format('woff2') if(@supportIE, e(',') url("@{fontPath}/@{fontFileNameLatin}-Italic.woff") format('woff')); - font-style : italic; - font-weight : @normal; - font-display : @fontDisplay; - text-rendering : @textRendering; - unicode-range : @unicodeRangeLatin; + font-style: italic; + font-weight: @normal; + font-display: @fontDisplay; + text-rendering: @textRendering; + unicode-range: @unicodeRangeLatin; }; @boldItalicLatin: { font-family: @fontName; src: url("@{fontPath}/@{fontFileNameLatin}-BoldItalic.woff2") format('woff2') if(@supportIE, e(',') url("@{fontPath}/@{fontFileNameLatin}-BoldItalic.woff") format('woff')); - font-style : italic; - font-weight : @bold; - font-display : @fontDisplay; - text-rendering : @textRendering; - unicode-range : @unicodeRangeLatin; + font-style: italic; + font-weight: @bold; + font-display: @fontDisplay; + text-rendering: @textRendering; + unicode-range: @unicodeRangeLatin; }; @regularSupplement: { font-family: @fontName; src: url("@{fontPath}/@{fontFileNameSupplement}-Regular.woff2") format('woff2') if(@supportIE, e(',') url("@{fontPath}/@{fontFileNameSupplement}-Regular.woff") format('woff')); - font-style : normal; - font-weight : @normal; - font-display : @fontDisplay; - text-rendering : @textRendering; - unicode-range : @unicodeRangeSupplement; + font-style: normal; + font-weight: @normal; + font-display: @fontDisplay; + text-rendering: @textRendering; + unicode-range: @unicodeRangeSupplement; }; @boldSupplement: { font-family: @fontName; src: url("@{fontPath}/@{fontFileNameSupplement}-Bold.woff2") format('woff2') if(@supportIE, e(',') url("@{fontPath}/@{fontFileNameSupplement}-Bold.woff") format('woff')); - font-style : normal; - font-weight : @bold; - font-display : @fontDisplay; - text-rendering : @textRendering; - unicode-range : @unicodeRangeSupplement; + font-style: normal; + font-weight: @bold; + font-display: @fontDisplay; + text-rendering: @textRendering; + unicode-range: @unicodeRangeSupplement; }; @italicSupplement: { font-family: @fontName; src: url("@{fontPath}/@{fontFileNameSupplement}-Italic.woff2") format('woff2') if(@supportIE, e(',') url("@{fontPath}/@{fontFileNameSupplement}-Italic.woff") format('woff')); - font-style : italic; - font-weight : @normal; - font-display : @fontDisplay; - text-rendering : @textRendering; - unicode-range : @unicodeRangeSupplement; + font-style: italic; + font-weight: @normal; + font-display: @fontDisplay; + text-rendering: @textRendering; + unicode-range: @unicodeRangeSupplement; }; @boldItalicSupplement: { font-family: @fontName; src: url("@{fontPath}/@{fontFileNameSupplement}-BoldItalic.woff2") format('woff2') if(@supportIE, e(',') url("@{fontPath}/@{fontFileNameSupplement}-BoldItalic.woff") format('woff')); - font-style : italic; - font-weight : @bold; - font-display : @fontDisplay; - text-rendering : @textRendering; - unicode-range : @unicodeRangeSupplement; + font-style: italic; + font-weight: @bold; + font-display: @fontDisplay; + text-rendering: @textRendering; + unicode-range: @unicodeRangeSupplement; }; }; diff --git a/src/themes/github/collections/menu.variables b/src/themes/github/collections/menu.variables index 0ac306ec97..88236fe589 100644 --- a/src/themes/github/collections/menu.variables +++ b/src/themes/github/collections/menu.variables @@ -53,7 +53,7 @@ @verticalItemBackground: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); @invertedBackground: @black linear-gradient(rgba(255, 255, 255, 0.05), rgba(0, 0, 0, 0)); -@invertedBoxShadow : +@invertedBoxShadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15), 0px 0px 0px 1px rgba(255, 255, 255, 0.15) ; From 5a85292f1aa6754429b7212df4f780a767517312 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Michael=20Vo=C5=99=C3=AD=C5=A1ek?= Date: Wed, 14 Dec 2022 22:46:17 +0100 Subject: [PATCH 05/16] fix selectors with pseudo classes too --- src/definitions/collections/form.less | 20 ++++++++++---------- src/definitions/globals/site.less | 10 +++++----- src/definitions/views/card.less | 4 ++-- src/definitions/views/item.less | 2 +- 4 files changed, 18 insertions(+), 18 deletions(-) diff --git a/src/definitions/collections/form.less b/src/definitions/collections/form.less index 885dacc34d..02a37b227c 100755 --- a/src/definitions/collections/form.less +++ b/src/definitions/collections/form.less @@ -98,8 +98,8 @@ } /* Set max height on unusual input */ -.ui.form ::-webkit-datetime-edit, -.ui.form ::-webkit-inner-spin-button { +.ui.form::-webkit-datetime-edit, +.ui.form::-webkit-inner-spin-button { height: @inputLineHeight; } @@ -383,24 +383,24 @@ --------------------- */ /* browsers require these rules separate */ -.ui.form ::-webkit-input-placeholder { +.ui.form::-webkit-input-placeholder { color: @inputPlaceholderColor; } -.ui.form :-ms-input-placeholder when (@supportIE) { +.ui.form:-ms-input-placeholder when (@supportIE) { color: @inputPlaceholderColor !important; } -.ui.form ::-moz-placeholder { +.ui.form::-moz-placeholder { color: @inputPlaceholderColor; opacity: 1; } -.ui.form :focus::-webkit-input-placeholder { +.ui.form:focus::-webkit-input-placeholder { color: @inputPlaceholderFocusColor; } -.ui.form :focus:-ms-input-placeholder when (@supportIE) { +.ui.form:focus:-ms-input-placeholder when (@supportIE) { color: @inputPlaceholderFocusColor !important; } -.ui.form :focus::-moz-placeholder { +.ui.form:focus::-moz-placeholder { color: @inputPlaceholderFocusColor; } @@ -750,7 +750,7 @@ .ui.form .disabled.fields .field, .ui.form .disabled.field, - .ui.form .field :disabled { + .ui.form .field:disabled { pointer-events: @disabledPointerEvents; opacity: @disabledOpacity; } @@ -758,7 +758,7 @@ .ui.form .fields.disabled > label { opacity: @disabledLabelOpacity; } - .ui.form .field.disabled :disabled { + .ui.form .field.disabled:disabled { opacity: 1; } } diff --git a/src/definitions/globals/site.less b/src/definitions/globals/site.less index 2a2724249b..833c77e76b 100755 --- a/src/definitions/globals/site.less +++ b/src/definitions/globals/site.less @@ -127,25 +127,25 @@ a:hover { & when (@useCustomScrollbars) { /* Force Simple Scrollbars */ - body ::-webkit-scrollbar { + body::-webkit-scrollbar { -webkit-appearance: none; width: @customScrollbarWidth; height: @customScrollbarHeight; } - body ::-webkit-scrollbar-track { + body::-webkit-scrollbar-track { background: @trackBackground; border-radius: @trackBorderRadius; } - body ::-webkit-scrollbar-thumb { + body::-webkit-scrollbar-thumb { cursor: pointer; border-radius: @thumbBorderRadius; background: @thumbBackground; transition: @thumbTransition; } - body ::-webkit-scrollbar-thumb:window-inactive { + body::-webkit-scrollbar-thumb:window-inactive { background: @thumbInactiveBackground; } - body ::-webkit-scrollbar-thumb:hover { + body::-webkit-scrollbar-thumb:hover { background: @thumbHoverBackground; } body .ui { diff --git a/src/definitions/views/card.less b/src/definitions/views/card.less index da80a8672f..7f35f3e4a5 100755 --- a/src/definitions/views/card.less +++ b/src/definitions/views/card.less @@ -284,8 +284,8 @@ .ui.card .meta * { margin-right: @metaSpacing; } - .ui.cards > .card .meta :last-child, - .ui.card .meta :last-child { + .ui.cards > .card .meta:last-child, + .ui.card .meta:last-child { margin-right: 0; } diff --git a/src/definitions/views/item.less b/src/definitions/views/item.less index bd9b9821d0..2d91741e89 100755 --- a/src/definitions/views/item.less +++ b/src/definitions/views/item.less @@ -222,7 +222,7 @@ .ui.items > .item .meta * { margin-right: @metaSpacing; } - .ui.items > .item .meta :last-child { + .ui.items > .item .meta:last-child { margin-right: 0; } From aff2653a50768b565bc5db5fa74ae90cd13079e1 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Michael=20Vo=C5=99=C3=AD=C5=A1ek?= Date: Wed, 14 Dec 2022 22:54:27 +0100 Subject: [PATCH 06/16] fix double quotes --- src/definitions/modules/dropdown.less | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/definitions/modules/dropdown.less b/src/definitions/modules/dropdown.less index 3a38f15596..a36f12a7fa 100755 --- a/src/definitions/modules/dropdown.less +++ b/src/definitions/modules/dropdown.less @@ -805,7 +805,7 @@ select.ui.dropdown { } .ui.dropdown select.noselection ~ .remove.icon, - .ui.dropdown input[value=''] ~ .remove.icon, + .ui.dropdown input[value=""] ~ .remove.icon, .ui.dropdown input:not([value]) ~ .remove.icon, .ui.dropdown.loading > .remove.icon { display: none; From 9315d6b6d334d55973cdc0a843a759d675c798bd Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Michael=20Vo=C5=99=C3=AD=C5=A1ek?= Date: Wed, 14 Dec 2022 23:11:03 +0100 Subject: [PATCH 07/16] fix single quotes --- .stylelintrc.js | 2 +- src/definitions/collections/grid.less | 10 +- src/definitions/collections/menu.less | 4 +- src/definitions/elements/button.less | 18 +-- src/definitions/elements/emoji.less | 4 +- src/definitions/elements/flag.less | 8 +- src/definitions/elements/icon.less | 4 +- src/definitions/elements/label.less | 4 +- src/definitions/elements/list.less | 2 +- src/definitions/elements/segment.less | 2 +- src/definitions/modules/dropdown.less | 2 +- src/definitions/modules/nag.less | 2 +- src/definitions/modules/toast.less | 6 +- src/semantic.less | 104 +++++++++--------- src/theme.less | 24 ++-- src/themes/basic/elements/icon.variables | 4 +- src/themes/default/collections/grid.variables | 2 +- src/themes/default/collections/menu.variables | 4 +- .../default/collections/table.variables | 2 +- .../default/elements/container.variables | 18 +-- src/themes/default/elements/divider.variables | 4 +- src/themes/default/elements/emoji.variables | 4 +- src/themes/default/elements/flag.variables | 4 +- src/themes/default/elements/icon.variables | 12 +- src/themes/default/elements/label.variables | 30 ++--- src/themes/default/elements/list.variables | 6 +- src/themes/default/elements/rail.variables | 4 +- src/themes/default/elements/segment.variables | 2 +- src/themes/default/elements/step.variables | 2 +- src/themes/default/globals/site.variables | 38 +++---- src/themes/default/modules/dimmer.variables | 2 +- src/themes/default/modules/dropdown.overrides | 12 +- src/themes/default/modules/dropdown.variables | 4 +- src/themes/default/modules/flyout.variables | 2 +- src/themes/default/modules/popup.variables | 2 +- src/themes/default/modules/search.variables | 2 +- src/themes/default/modules/sidebar.variables | 2 +- src/themes/default/modules/toast.variables | 2 +- src/themes/default/views/card.variables | 22 ++-- src/themes/famfamfam/elements/flag.variables | 2 +- src/themes/flat/collections/form.variables | 2 +- src/themes/flat/globals/site.variables | 8 +- src/themes/github/elements/icon.variables | 2 +- src/themes/github/modules/dropdown.overrides | 4 +- src/themes/joypixels/elements/emoji.variables | 4 +- src/themes/material/elements/icon.variables | 4 +- src/themes/material/modules/modal.overrides | 2 +- src/themes/material/modules/modal.variables | 2 +- src/themes/twitter/elements/emoji.variables | 4 +- 49 files changed, 208 insertions(+), 208 deletions(-) diff --git a/.stylelintrc.js b/.stylelintrc.js index dc7664a316..7bb16f4212 100644 --- a/.stylelintrc.js +++ b/.stylelintrc.js @@ -18,13 +18,13 @@ module.exports = { 'no-extra-semicolons': null, // fix GH-1832 - workaround for wikimedia/less.php parser 'number-max-precision': 5, 'rule-empty-line-before': null, + 'string-quotes': null, // TODO rules to be removed/fixed in v2.10.0 as fixes are not compatible with IE11 'alpha-value-notation': 'number', // https://caniuse.com/mdn-css_properties_opacity_percentages 'color-function-notation': 'legacy', // https://caniuse.com/mdn-css_types_color_rgba_space_separated_parameters // TODO - 'string-quotes': null, // 1676 errors 'at-rule-no-unknown': null, // 1081 errors 'property-case': null, // 866 errors 'at-rule-name-case': null, // 764 errors diff --git a/src/definitions/collections/grid.less b/src/definitions/collections/grid.less index b9489c16b9..29fa604e70 100755 --- a/src/definitions/collections/grid.less +++ b/src/definitions/collections/grid.less @@ -141,7 +141,7 @@ margin: (@rowSpacing / 2) (@gutterWidth / 2); } .ui.grid .column + .ui.vertical.divider { - height: e(%("calc(50%% - %d)", (@rowSpacing / 2))); + height: e(%('calc(50%% - %d)', (@rowSpacing / 2))); } /* Remove Border on Last Horizontal Segment */ @@ -1092,10 +1092,10 @@ } .ui[class*="vertically divided"].grid > .row::before { position: absolute; - content: ""; + content: ''; top: 0; left: 0; - width: e(%("calc(100%% - %d)", @gutterWidth)); + width: e(%('calc(100%% - %d)', @gutterWidth)); height: 1px; margin: 0 (@gutterWidth / 2); box-shadow: @verticallyDividedBorder; @@ -1136,13 +1136,13 @@ .ui.relaxed[class*="vertically divided"].grid > .row::before { margin-left: (@relaxedGutterWidth / 2); margin-right: (@relaxedGutterWidth / 2); - width: e(%("calc(100%% - %d)", @relaxedGutterWidth)); + width: e(%('calc(100%% - %d)', @relaxedGutterWidth)); } & when (@variationGridVeryRelaxed) { .ui[class*="very relaxed"][class*="vertically divided"].grid > .row::before { margin-left: (@veryRelaxedGutterWidth / 2); margin-right: (@veryRelaxedGutterWidth / 2); - width: e(%("calc(100%% - %d)", @veryRelaxedGutterWidth)); + width: e(%('calc(100%% - %d)', @veryRelaxedGutterWidth)); } } } diff --git a/src/definitions/collections/menu.less b/src/definitions/collections/menu.less index 43a739953b..4e83db488c 100755 --- a/src/definitions/collections/menu.less +++ b/src/definitions/collections/menu.less @@ -207,7 +207,7 @@ /* Menu */ .ui.menu .dropdown.item .menu { - min-width: e("calc(100% - 1px)"); + min-width: e('calc(100% - 1px)'); border-radius: 0 0 @dropdownMenuBorderRadius @dropdownMenuBorderRadius; background: @dropdownBackground; margin: @dropdownMenuDistance 0 0; @@ -281,7 +281,7 @@ /* Vertical */ .ui.vertical.menu .dropdown.item > i.icon { float: right; - content: "\f0da"; + content: '\f0da'; margin-left: 1em; } .ui.vertical.menu .dropdown.item .menu { diff --git a/src/definitions/elements/button.less b/src/definitions/elements/button.less index 4603f6e34f..771cc0f22d 100755 --- a/src/definitions/elements/button.less +++ b/src/definitions/elements/button.less @@ -1725,13 +1725,13 @@ each(@variationButtonConsequences, { @consequence: @value; - @_backgroundColor: "@{consequence}Color"; - @_backgroundColorHover: "@{consequence}ColorHover"; - @_backgroundColorFocus: "@{consequence}ColorFocus"; - @_backgroundColorDown: "@{consequence}ColorDown"; - @_backgroundColorActive: "@{consequence}ColorActive"; - @_textColor: "@{consequence}TextColor"; - @_textShadow: "@{consequence}TextShadow"; + @_backgroundColor: '@{consequence}Color'; + @_backgroundColorHover: '@{consequence}ColorHover'; + @_backgroundColorFocus: '@{consequence}ColorFocus'; + @_backgroundColorDown: '@{consequence}ColorDown'; + @_backgroundColorActive: '@{consequence}ColorActive'; + @_textColor: '@{consequence}TextColor'; + @_textShadow: '@{consequence}TextShadow'; /* Standard */ .ui.@{consequence}.buttons .button, @@ -1827,7 +1827,7 @@ /* Clearfix */ .ui.buttons::after { - content: "."; + content: '.'; display: block; height: 0; clear: both; @@ -1975,7 +1975,7 @@ } & when (@variationButtonInverted) { .ui.spaced.basic.inverted.buttons .basic.button { - margin-bottom: e(%("calc(%d + %d)", @spacedMargin, @basicColoredBorderSize)); + margin-bottom: e(%('calc(%d + %d)', @spacedMargin, @basicColoredBorderSize)); margin-top: @basicColoredBorderSize; } } diff --git a/src/definitions/elements/emoji.less b/src/definitions/elements/emoji.less index dc6cd0ed18..d5ca2a49d3 100644 --- a/src/definitions/elements/emoji.less +++ b/src/definitions/elements/emoji.less @@ -80,12 +80,12 @@ each(@size-map, { each(@emoji-map,{ & when (@variationEmojiColons) { em[data-emoji=":@{value}:"]::before { - background-image: url("@{emojiPath}@{key}.@{emojiFileType}"); + background-image: url('@{emojiPath}@{key}.@{emojiFileType}'); } em[data-emoji="@{value}"]::before:extend(em[data-emoji=":@{value}:"]::before) when (@variationEmojiNoColons) {} } em[data-emoji="@{value}"]::before when (@variationEmojiNoColons) and not (@variationEmojiColons) { - background-image: url("@{emojiPath}@{key}.@{emojiFileType}"); + background-image: url('@{emojiPath}@{key}.@{emojiFileType}'); } }); diff --git a/src/definitions/elements/flag.less b/src/definitions/elements/flag.less index e0ba1fe551..64d4f46c82 100755 --- a/src/definitions/elements/flag.less +++ b/src/definitions/elements/flag.less @@ -55,20 +55,20 @@ each(@flags, { @alias2: replace(@flags[@@unicode][aliasClass2],'_','.','g'); & when (@cls = false){ i.flag.@{cc}::before { - background-image: url("@{flagPath}@{unicode}.@{flagFileType}"); + background-image: url('@{flagPath}@{unicode}.@{flagFileType}'); } } & when not (@cls = false) and (@alias = false) { i.flag.@{cc}::before, i.flag.@{cls}::before { - background-image: url("@{flagPath}@{unicode}.@{flagFileType}"); + background-image: url('@{flagPath}@{unicode}.@{flagFileType}'); } } & when not (@cls = false) and not (@alias = false) and (@alias2 = false) { i.flag.@{cc}::before, i.flag.@{cls}::before, i.flag.@{alias}::before { - background-image: url("@{flagPath}@{unicode}.@{flagFileType}"); + background-image: url('@{flagPath}@{unicode}.@{flagFileType}'); } } & when not (@alias2 = false) { @@ -76,7 +76,7 @@ each(@flags, { i.flag.@{cls}::before, i.flag.@{alias}::before, i.flag.@{alias2}::before { - background-image: url("@{flagPath}@{unicode}.@{flagFileType}"); + background-image: url('@{flagPath}@{unicode}.@{flagFileType}'); } } }); diff --git a/src/definitions/elements/icon.less b/src/definitions/elements/icon.less index 75016bf33e..edf7b2c3e4 100755 --- a/src/definitions/elements/icon.less +++ b/src/definitions/elements/icon.less @@ -518,7 +518,7 @@ and ((@variationIconBordered) or (@variationIconCircular)) { @escapedKey: replace(@key,'^([0-9])','\3$1 '); @normalizedKey: replace(@escapedKey,'_','.','g'); i.icon.@{normalizedKey}::before { - content: "@{value}"; + content: '@{value}'; & when not (@fontFamily = false) { font-family: @fontFamily; } @@ -531,7 +531,7 @@ and ((@variationIconBordered) or (@variationIconCircular)) { @escapedKey: replace(@key,'^([0-9])','\3$1 '); @normalizedKey: replace(@escapedKey,'_','.','g'); i.icon.@{normalizedKey}::after { - content: "@{value}"; + content: '@{value}'; } }); }; diff --git a/src/definitions/elements/label.less b/src/definitions/elements/label.less index 22cb991a3a..9af07276e3 100755 --- a/src/definitions/elements/label.less +++ b/src/definitions/elements/label.less @@ -308,7 +308,7 @@ a.ui.label { } .ui.corner.label::after { position: absolute; - content: ""; + content: ''; right: 0; top: 0; z-index: -1; @@ -799,7 +799,7 @@ a.ui.active.label:hover::before { border-width: @invertedBorderSize 0 0 @invertedBorderSize; border-style: inherit; background-color: @invertedBackground; - right: e(%("calc(100%% + %d)", @invertedBorderSize)); + right: e(%('calc(100%% + %d)', @invertedBorderSize)); } } } diff --git a/src/definitions/elements/list.less b/src/definitions/elements/list.less index c21156373d..e2e1e73124 100755 --- a/src/definitions/elements/list.less +++ b/src/definitions/elements/list.less @@ -169,7 +169,7 @@ ol.ui.list ol li, & when (@variationListIcon) { .ui.list .list > .item > i.loading.icon + .content, .ui.list > .item > i.loading.icon + .content { - padding-left: e(%("calc(%d + %d)", @iconDistance, @contentDistance)); + padding-left: e(%('calc(%d + %d)', @iconDistance, @contentDistance)); } } & when (@variationListImage) { diff --git a/src/definitions/elements/segment.less b/src/definitions/elements/segment.less index c5e54662cc..d3e3e302e1 100755 --- a/src/definitions/elements/segment.less +++ b/src/definitions/elements/segment.less @@ -574,7 +574,7 @@ -------------------- */ .ui.clearing.segment::after { - content: ""; + content: ''; display: block; clear: both; } diff --git a/src/definitions/modules/dropdown.less b/src/definitions/modules/dropdown.less index a36f12a7fa..86322caa30 100755 --- a/src/definitions/modules/dropdown.less +++ b/src/definitions/modules/dropdown.less @@ -1325,7 +1325,7 @@ select.ui.dropdown { @media all and (-ms-high-contrast: none) { .ui.scrolling.dropdown .menu, .ui.dropdown .scrolling.menu { - min-width: e(%("calc(100%% - %d)", @scrollbarWidth)); + min-width: e(%('calc(100%% - %d)', @scrollbarWidth)); } } } diff --git a/src/definitions/modules/nag.less b/src/definitions/modules/nag.less index 022728ae25..2cd59b63d2 100755 --- a/src/definitions/modules/nag.less +++ b/src/definitions/modules/nag.less @@ -142,7 +142,7 @@ a.ui.nag { -------------------- */ each(@variationNagSizes, { @s: @@value; - @sr: "@{value}Raw"; + @sr: '@{value}Raw'; .ui.@{value}.nag, .ui.@{value}.nags .nag { font-size: @s; diff --git a/src/definitions/modules/toast.less b/src/definitions/modules/toast.less index d787bcc724..938a8bd3f4 100644 --- a/src/definitions/modules/toast.less +++ b/src/definitions/modules/toast.less @@ -200,7 +200,7 @@ } &:not(.vertical) { &.actions > i.icon:not(.close) when (@variationToastActions) and (@variationToastIcon) { - top: e(%("calc(50%% - %d)", @toastIconCenteredAdjustment)); + top: e(%('calc(50%% - %d)', @toastIconCenteredAdjustment)); transform: none; } &.icon.icon.icon when (@variationToastIcon) { @@ -519,10 +519,10 @@ } } &.actions > .centered.image when (@variationToastActions) and (@variationToastImage) { - top: e(%("calc(50%% - %d)", @toastImageCenteredAdjustment)); + top: e(%('calc(50%% - %d)', @toastImageCenteredAdjustment)); } &.actions > .centered.icon when (@variationToastActions) and (@variationToastIcon) { - top: e(%("calc(50%% - %d)", @toastIconCenteredAdjustment)); + top: e(%('calc(50%% - %d)', @toastIconCenteredAdjustment)); } } &.vertical when (@variationToastVertical) { diff --git a/src/semantic.less b/src/semantic.less index 00310582ab..3279d81d1b 100644 --- a/src/semantic.less +++ b/src/semantic.less @@ -11,63 +11,63 @@ */ /* Global */ -& { @import "definitions/globals/reset"; } -& { @import "definitions/globals/site"; } +& { @import 'definitions/globals/reset'; } +& { @import 'definitions/globals/site'; } /* Elements */ -& { @import "definitions/elements/button"; } -& { @import "definitions/elements/container"; } -& { @import "definitions/elements/divider"; } -& { @import "definitions/elements/emoji"; } -& { @import "definitions/elements/flag"; } -& { @import "definitions/elements/header"; } -& { @import "definitions/elements/icon"; } -& { @import "definitions/elements/image"; } -& { @import "definitions/elements/input"; } -& { @import "definitions/elements/label"; } -& { @import "definitions/elements/list"; } -& { @import "definitions/elements/loader"; } -& { @import "definitions/elements/placeholder"; } -& { @import "definitions/elements/rail"; } -& { @import "definitions/elements/reveal"; } -& { @import "definitions/elements/segment"; } -& { @import "definitions/elements/step"; } -& { @import "definitions/elements/text"; } +& { @import 'definitions/elements/button'; } +& { @import 'definitions/elements/container'; } +& { @import 'definitions/elements/divider'; } +& { @import 'definitions/elements/emoji'; } +& { @import 'definitions/elements/flag'; } +& { @import 'definitions/elements/header'; } +& { @import 'definitions/elements/icon'; } +& { @import 'definitions/elements/image'; } +& { @import 'definitions/elements/input'; } +& { @import 'definitions/elements/label'; } +& { @import 'definitions/elements/list'; } +& { @import 'definitions/elements/loader'; } +& { @import 'definitions/elements/placeholder'; } +& { @import 'definitions/elements/rail'; } +& { @import 'definitions/elements/reveal'; } +& { @import 'definitions/elements/segment'; } +& { @import 'definitions/elements/step'; } +& { @import 'definitions/elements/text'; } /* Collections */ -& { @import "definitions/collections/breadcrumb"; } -& { @import "definitions/collections/form"; } -& { @import "definitions/collections/grid"; } -& { @import "definitions/collections/menu"; } -& { @import "definitions/collections/message"; } -& { @import "definitions/collections/table"; } +& { @import 'definitions/collections/breadcrumb'; } +& { @import 'definitions/collections/form'; } +& { @import 'definitions/collections/grid'; } +& { @import 'definitions/collections/menu'; } +& { @import 'definitions/collections/message'; } +& { @import 'definitions/collections/table'; } /* Views */ -& { @import "definitions/views/ad"; } -& { @import "definitions/views/card"; } -& { @import "definitions/views/comment"; } -& { @import "definitions/views/feed"; } -& { @import "definitions/views/item"; } -& { @import "definitions/views/statistic"; } +& { @import 'definitions/views/ad'; } +& { @import 'definitions/views/card'; } +& { @import 'definitions/views/comment'; } +& { @import 'definitions/views/feed'; } +& { @import 'definitions/views/item'; } +& { @import 'definitions/views/statistic'; } /* Modules */ -& { @import "definitions/modules/accordion"; } -& { @import "definitions/modules/calendar"; } -& { @import "definitions/modules/checkbox"; } -& { @import "definitions/modules/dimmer"; } -& { @import "definitions/modules/dropdown"; } -& { @import "definitions/modules/embed"; } -& { @import "definitions/modules/flyout"; } -& { @import "definitions/modules/modal"; } -& { @import "definitions/modules/nag"; } -& { @import "definitions/modules/popup"; } -& { @import "definitions/modules/progress"; } -& { @import "definitions/modules/slider"; } -& { @import "definitions/modules/rating"; } -& { @import "definitions/modules/search"; } -& { @import "definitions/modules/shape"; } -& { @import "definitions/modules/sidebar"; } -& { @import "definitions/modules/sticky"; } -& { @import "definitions/modules/tab"; } -& { @import "definitions/modules/toast"; } -& { @import "definitions/modules/transition"; } +& { @import 'definitions/modules/accordion'; } +& { @import 'definitions/modules/calendar'; } +& { @import 'definitions/modules/checkbox'; } +& { @import 'definitions/modules/dimmer'; } +& { @import 'definitions/modules/dropdown'; } +& { @import 'definitions/modules/embed'; } +& { @import 'definitions/modules/flyout'; } +& { @import 'definitions/modules/modal'; } +& { @import 'definitions/modules/nag'; } +& { @import 'definitions/modules/popup'; } +& { @import 'definitions/modules/progress'; } +& { @import 'definitions/modules/slider'; } +& { @import 'definitions/modules/rating'; } +& { @import 'definitions/modules/search'; } +& { @import 'definitions/modules/shape'; } +& { @import 'definitions/modules/sidebar'; } +& { @import 'definitions/modules/sticky'; } +& { @import 'definitions/modules/tab'; } +& { @import 'definitions/modules/toast'; } +& { @import 'definitions/modules/transition'; } diff --git a/src/theme.less b/src/theme.less index 1f82df63a7..8412525a4b 100644 --- a/src/theme.less +++ b/src/theme.less @@ -13,41 +13,41 @@ --------------------- */ /* Default site.variables */ -@import "@{themesFolder}/default/globals/site.variables"; +@import '@{themesFolder}/default/globals/site.variables'; /* Packaged site.variables */ -@import (optional) "@{themesFolder}/@{site}/globals/site.variables"; +@import (optional) '@{themesFolder}/@{site}/globals/site.variables'; /* Component's site.variables */ & when not (@theme = 'default') { - @import (optional) "@{themesFolder}/@{theme}/globals/site.variables"; + @import (optional) '@{themesFolder}/@{theme}/globals/site.variables'; } /* Site theme site.variables */ -@import (optional) "@{siteFolder}/globals/site.variables"; +@import (optional) '@{siteFolder}/globals/site.variables'; /* ------------------- Component Variables --------------------- */ /* Default */ -@import "@{themesFolder}/default/@{type}s/@{element}.variables"; +@import '@{themesFolder}/default/@{type}s/@{element}.variables'; /* Packaged Theme */ -@import (optional) "@{themesFolder}/@{theme}/@{type}s/@{element}.variables"; +@import (optional) '@{themesFolder}/@{theme}/@{type}s/@{element}.variables'; /* Site Theme */ -@import (optional) "@{siteFolder}/@{type}s/@{element}.variables"; +@import (optional) '@{siteFolder}/@{type}s/@{element}.variables'; /* ------------------------- Central Color Map ------------------------- */ /* Default */ -@import "@{themesFolder}/default/globals/colors.less"; +@import '@{themesFolder}/default/globals/colors.less'; /* Site Theme */ -@import (optional) "@{themesFolder}/@{site}/globals/colors.less"; +@import (optional) '@{themesFolder}/@{site}/globals/colors.less'; /******************************* Mix-ins @@ -78,8 +78,8 @@ .loadUIOverrides() { & when not (@theme = 'default') { - @import (optional) "@{themesFolder}/default/@{type}s/@{element}.overrides"; + @import (optional) '@{themesFolder}/default/@{type}s/@{element}.overrides'; } - @import (optional) "@{themesFolder}/@{theme}/@{type}s/@{element}.overrides"; - @import (optional) "@{siteFolder}/@{type}s/@{element}.overrides"; + @import (optional) '@{themesFolder}/@{theme}/@{type}s/@{element}.overrides'; + @import (optional) '@{siteFolder}/@{type}s/@{element}.overrides'; } diff --git a/src/themes/basic/elements/icon.variables b/src/themes/basic/elements/icon.variables index 69d2868736..f4c985befb 100644 --- a/src/themes/basic/elements/icon.variables +++ b/src/themes/basic/elements/icon.variables @@ -2,12 +2,12 @@ Icon Variables -------------------- */ -@fontPath: "../../themes/basic/assets/fonts"; +@fontPath: '../../themes/basic/assets/fonts'; @fonts: { @solid: { font-family: @fontName; - src: url("@{fontPath}/@{fontName}.woff") format('woff'); + src: url('@{fontPath}/@{fontName}.woff') format('woff'); font-style: normal; font-weight: @normal; font-variant: normal; diff --git a/src/themes/default/collections/grid.variables b/src/themes/default/collections/grid.variables index ec379b3398..b28eca35ed 100644 --- a/src/themes/default/collections/grid.variables +++ b/src/themes/default/collections/grid.variables @@ -19,7 +19,7 @@ @gutterWidth: 2rem; @rowSpacing: 2rem; -@tableWidth: e(%("calc(100%% + %d)", @gutterWidth)); +@tableWidth: e(%('calc(100%% + %d)', @gutterWidth)); @columnMaxImageWidth: 100%; @consecutiveGridDistance: (@rowSpacing / 2); diff --git a/src/themes/default/collections/menu.variables b/src/themes/default/collections/menu.variables index 4f778d53ab..71a4172b1a 100644 --- a/src/themes/default/collections/menu.variables +++ b/src/themes/default/collections/menu.variables @@ -321,7 +321,7 @@ @tabularVerticalBackground: none @tabularBackgroundColor; @tabularFluidOffset: 1px; -@tabularFluidWidth: e(%("calc(100%% + %d)", @tabularFluidOffset * 2)); +@tabularFluidWidth: e(%('calc(100%% + %d)', @tabularFluidOffset * 2)); @tabularActiveBackground: none @white; @tabularActiveColor: @selectedTextColor; @@ -426,7 +426,7 @@ @attachedTopOffset: 0; @attachedBottomOffset: 0; @attachedHorizontalOffset: -@borderWidth; -@attachedWidth: e(%("calc(100%% + %d)", -@attachedHorizontalOffset * 2)); +@attachedWidth: e(%('calc(100%% + %d)', -@attachedHorizontalOffset * 2)); @attachedBoxShadow: none; @attachedBorder: @borderWidth solid @solidBorderColor; @attachedBottomBoxShadow: diff --git a/src/themes/default/collections/table.variables b/src/themes/default/collections/table.variables index 5d5f7e6e22..6d0e1d7040 100644 --- a/src/themes/default/collections/table.variables +++ b/src/themes/default/collections/table.variables @@ -164,7 +164,7 @@ @attachedTopOffset: 0; @attachedBottomOffset: 0; @attachedHorizontalOffset: -@borderWidth; -@attachedWidth: e(%("calc(100%% + %d)", -@attachedHorizontalOffset * 2)); +@attachedWidth: e(%('calc(100%% + %d)', -@attachedHorizontalOffset * 2)); @attachedBoxShadow: none; @attachedBorder: @borderWidth solid @solidBorderColor; @attachedBottomBoxShadow: diff --git a/src/themes/default/elements/container.variables b/src/themes/default/elements/container.variables index c7a5af3720..59ac54bc5e 100644 --- a/src/themes/default/elements/container.variables +++ b/src/themes/default/elements/container.variables @@ -37,19 +37,19 @@ @veryRelaxedGridGutterWidth: 5rem; @mobileGridWidth: @mobileWidth; -@tabletGridWidth: e(%("calc(%d + %d)", @tabletWidth, @gridGutterWidth)); -@computerGridWidth: e(%("calc(%d + %d)", @computerWidth, @gridGutterWidth)); -@largeMonitorGridWidth: e(%("calc(%d + %d)", @largeMonitorWidth, @gridGutterWidth)); +@tabletGridWidth: e(%('calc(%d + %d)', @tabletWidth, @gridGutterWidth)); +@computerGridWidth: e(%('calc(%d + %d)', @computerWidth, @gridGutterWidth)); +@largeMonitorGridWidth: e(%('calc(%d + %d)', @largeMonitorWidth, @gridGutterWidth)); @mobileRelaxedGridWidth: @mobileWidth; -@tabletRelaxedGridWidth: e(%("calc(%d + %d)", @tabletWidth, @relaxedGridGutterWidth)); -@computerRelaxedGridWidth: e(%("calc(%d + %d)", @computerWidth, @relaxedGridGutterWidth)); -@largeMonitorRelaxedGridWidth: e(%("calc(%d + %d)", @largeMonitorWidth, @relaxedGridGutterWidth)); +@tabletRelaxedGridWidth: e(%('calc(%d + %d)', @tabletWidth, @relaxedGridGutterWidth)); +@computerRelaxedGridWidth: e(%('calc(%d + %d)', @computerWidth, @relaxedGridGutterWidth)); +@largeMonitorRelaxedGridWidth: e(%('calc(%d + %d)', @largeMonitorWidth, @relaxedGridGutterWidth)); @mobileVeryRelaxedGridWidth: @mobileWidth; -@tabletVeryRelaxedGridWidth: e(%("calc(%d + %d)", @tabletWidth, @veryRelaxedGridGutterWidth)); -@computerVeryRelaxedGridWidth: e(%("calc(%d + %d)", @computerWidth, @veryRelaxedGridGutterWidth)); -@largeMonitorVeryRelaxedGridWidth: e(%("calc(%d + %d)", @largeMonitorWidth, @veryRelaxedGridGutterWidth)); +@tabletVeryRelaxedGridWidth: e(%('calc(%d + %d)', @tabletWidth, @veryRelaxedGridGutterWidth)); +@computerVeryRelaxedGridWidth: e(%('calc(%d + %d)', @computerWidth, @veryRelaxedGridGutterWidth)); +@largeMonitorVeryRelaxedGridWidth: e(%('calc(%d + %d)', @largeMonitorWidth, @veryRelaxedGridGutterWidth)); /* ------------------- Types diff --git a/src/themes/default/elements/divider.variables b/src/themes/default/elements/divider.variables index f7920900a9..2bde65c25d 100644 --- a/src/themes/default/elements/divider.variables +++ b/src/themes/default/elements/divider.variables @@ -36,10 +36,10 @@ /* Horizontal / Vertical */ @horizontalMargin: ''; @horizontalDividerMargin: 1em; -@horizontalRulerOffset: e(%("calc(-50%% - %d)", @horizontalDividerMargin)); +@horizontalRulerOffset: e(%('calc(-50%% - %d)', @horizontalDividerMargin)); @verticalDividerMargin: 1rem; -@verticalDividerHeight: e(%("calc(100%% - %d)", @verticalDividerMargin)); +@verticalDividerHeight: e(%('calc(100%% - %d)', @verticalDividerMargin)); /* Inverted */ @invertedTextColor: @white; diff --git a/src/themes/default/elements/emoji.variables b/src/themes/default/elements/emoji.variables index 05b647a15f..7930972815 100644 --- a/src/themes/default/elements/emoji.variables +++ b/src/themes/default/elements/emoji.variables @@ -10,8 +10,8 @@ /* -------------- Path --------------- */ -@emojiPath: "https://twemoji.maxcdn.com/v/latest/svg/"; -@emojiFileType: "svg"; +@emojiPath: 'https://twemoji.maxcdn.com/v/latest/svg/'; +@emojiFileType: 'svg'; /* -------------- Definition diff --git a/src/themes/default/elements/flag.variables b/src/themes/default/elements/flag.variables index 8a5f797759..aca25bbee5 100644 --- a/src/themes/default/elements/flag.variables +++ b/src/themes/default/elements/flag.variables @@ -5,8 +5,8 @@ /* -------------- Path --------------- */ -@flagPath: "https://twemoji.maxcdn.com/v/latest/svg/"; -@flagFileType: "svg"; +@flagPath: 'https://twemoji.maxcdn.com/v/latest/svg/'; +@flagFileType: 'svg'; /* ------------------- Element diff --git a/src/themes/default/elements/icon.variables b/src/themes/default/elements/icon.variables index 957145dd57..2072ef7dd5 100644 --- a/src/themes/default/elements/icon.variables +++ b/src/themes/default/elements/icon.variables @@ -45,8 +45,8 @@ Icons are order A-Z in their group, Solid, Outline, Thin (Pro only) and Brand @fonts: { @solid: { font-family: @fontName; - src: url("@{fontPath}/@{fontName}.woff2") format('woff2') - if(@supportIE, e(',') url("@{fontPath}/@{fontName}.woff") format('woff')); + src: url('@{fontPath}/@{fontName}.woff2') format('woff2') + if(@supportIE, e(',') url('@{fontPath}/@{fontName}.woff') format('woff')); font-style: normal; font-weight: @normal; font-display: block; @@ -56,8 +56,8 @@ Icons are order A-Z in their group, Solid, Outline, Thin (Pro only) and Brand }; @outline: { font-family: @outlineFontName; - src: url("@{fontPath}/@{outlineFontName}.woff2") format('woff2') - if(@supportIE, e(',') url("@{fontPath}/@{outlineFontName}.woff") format('woff')); + src: url('@{fontPath}/@{outlineFontName}.woff2') format('woff2') + if(@supportIE, e(',') url('@{fontPath}/@{outlineFontName}.woff') format('woff')); font-style: normal; font-weight: @normal; font-display: block; @@ -67,8 +67,8 @@ Icons are order A-Z in their group, Solid, Outline, Thin (Pro only) and Brand }; @brand: { font-family: @brandFontName; - src: url("@{fontPath}/@{brandFontName}.woff2") format('woff2') - if(@supportIE, e(',') url("@{fontPath}/@{brandFontName}.woff") format('woff')); + src: url('@{fontPath}/@{brandFontName}.woff2') format('woff2') + if(@supportIE, e(',') url('@{fontPath}/@{brandFontName}.woff') format('woff')); font-style: normal; font-weight: @normal; font-display: block; diff --git a/src/themes/default/elements/label.variables b/src/themes/default/elements/label.variables index 1e0ffe038e..21c7d13fe0 100644 --- a/src/themes/default/elements/label.variables +++ b/src/themes/default/elements/label.variables @@ -105,7 +105,7 @@ @basicBackground: none @white; @basicBorderWidth: 1px; @basicBorderWidthOffset: -@basicBorderWidth; -@basicBorderFullWidthOffset: e(%("calc(100%% + %d)", @basicBorderWidth)); +@basicBorderFullWidthOffset: e(%('calc(100%% + %d)', @basicBorderWidth)); @basicBorder: @basicBorderWidth solid @borderColor; @basicColor: @textColor; @basicBoxShadow: none; @@ -115,9 +115,9 @@ @basicHoverBorder: @basicBorder; @basicHoverBoxShadow: @basicBoxShadow; -@basicVerticalPadding: e(%("calc(%d - %d)", @verticalPadding, @basicBorderWidth)); -@basicHorizontalPadding: e(%("calc(%d - %d)", @horizontalPadding, @basicBorderWidth)); -@basicImageLabelPadding: e(%("calc(%d - %d)", @imageLabelTextDistance, @basicBorderWidth)); +@basicVerticalPadding: e(%('calc(%d - %d)', @verticalPadding, @basicBorderWidth)); +@basicHorizontalPadding: e(%('calc(%d - %d)', @horizontalPadding, @basicBorderWidth)); +@basicImageLabelPadding: e(%('calc(%d - %d)', @imageLabelTextDistance, @basicBorderWidth)); /* Tag */ @tagCircleColor: @white; @@ -133,24 +133,24 @@ /* Ribbon */ @ribbonTriangleSize: 1.2em; -@basicRibbonTriangleSize: e(%("calc(%d - %d)", @ribbonTriangleSize, @basicBorderWidth)); -@basicRibbonTriangleSizeOffset: e(%("calc(1rem + %d - %d)", @ribbonTriangleSize, @basicBorderWidth)); +@basicRibbonTriangleSize: e(%('calc(%d - %d)', @ribbonTriangleSize, @basicBorderWidth)); +@basicRibbonTriangleSizeOffset: e(%('calc(1rem + %d - %d)', @ribbonTriangleSize, @basicBorderWidth)); @ribbonShadowColor: rgba(0, 0, 0, 0.15); @ribbonMargin: 1rem; -@ribbonOffset: e(%("calc(%d - %d)", -@ribbonMargin, @ribbonTriangleSize)); -@basicRibbonOffset: e(%("calc(%d - %d)", @verticalPadding, @basicBorderWidth)); -@ribbonDistance: e(%("calc(%d + %d)", @ribbonMargin, @ribbonTriangleSize)); -@rightRibbonOffset: e(%("calc(100%% + %d + %d)", @ribbonMargin, @ribbonTriangleSize)); +@ribbonOffset: e(%('calc(%d - %d)', -@ribbonMargin, @ribbonTriangleSize)); +@basicRibbonOffset: e(%('calc(%d - %d)', @verticalPadding, @basicBorderWidth)); +@ribbonDistance: e(%('calc(%d + %d)', @ribbonMargin, @ribbonTriangleSize)); +@rightRibbonOffset: e(%('calc(100%% + %d + %d)', @ribbonMargin, @ribbonTriangleSize)); @ribbonImageTopDistance: 1rem; @ribbonImageMargin: -0.05rem; /* Rounding Offset on Triangle */ -@ribbonImageOffset: e(%("calc(%d - %d)", -@ribbonImageMargin, @ribbonTriangleSize)); -@rightRibbonImageOffset: e(%("calc(100%% + %d + %d)", @ribbonImageMargin, @ribbonTriangleSize)); +@ribbonImageOffset: e(%('calc(%d - %d)', -@ribbonImageMargin, @ribbonTriangleSize)); +@rightRibbonImageOffset: e(%('calc(100%% + %d + %d)', @ribbonImageMargin, @ribbonTriangleSize)); @ribbonTableMargin: @relativeMedium; /* Rounding Offset on Triangle */ -@ribbonTableOffset: e(%("calc(%d - %d)", -@ribbonTableMargin, @ribbonTriangleSize)); -@rightRibbonTableOffset: e(%("calc(100%% + %d + %d)", @ribbonTableMargin, @ribbonTriangleSize)); +@ribbonTableOffset: e(%('calc(%d - %d)', -@ribbonTableMargin, @ribbonTriangleSize)); +@rightRibbonTableOffset: e(%('calc(100%% + %d + %d)', @ribbonTableMargin, @ribbonTriangleSize)); /* Inverted */ @invertedBackgroundColor: darken(@backgroundColor,20); @@ -204,7 +204,7 @@ @attachedBorderRadius: @borderRadius; @attachedOffset: -@borderWidth; -@attachedWidthOffset: e(%("calc(100%% + %d)", @borderWidth * 2)); +@attachedWidthOffset: e(%('calc(100%% + %d)', @borderWidth * 2)); /* Corner */ @cornerSizeRatio: 1; diff --git a/src/themes/default/elements/list.variables b/src/themes/default/elements/list.variables index ac6f06b72a..e62e83ac0f 100644 --- a/src/themes/default/elements/list.variables +++ b/src/themes/default/elements/list.variables @@ -174,9 +174,9 @@ /* Ordered List */ @orderedCountName: ordered; -@orderedCountSeparator: "."; -@orderedCountSuffix: "."; -@orderedCountContent: counters(@orderedCountName, @orderedCountSeparator) " "; +@orderedCountSeparator: '.'; +@orderedCountSuffix: '.'; +@orderedCountContent: counters(@orderedCountName, @orderedCountSeparator) ' '; @orderedCountContentSuffixed: counters(@orderedCountName, @orderedCountSeparator) @orderedCountSuffix; @orderedCountColor: @textColor; @orderedCountDistance: 1.25rem; diff --git a/src/themes/default/elements/rail.variables b/src/themes/default/elements/rail.variables index 2a2f8c6d8d..9c83789205 100644 --- a/src/themes/default/elements/rail.variables +++ b/src/themes/default/elements/rail.variables @@ -23,8 +23,8 @@ @splitCloseDistance: (@closeDistance / 2); @splitVeryCloseDistance: (@veryCloseDistance / 2); -@closeWidth: e(%("calc(%d + %d)", @width, @splitCloseDistance)); -@veryCloseWidth: e(%("calc(%d + %d)", @width, @splitVeryCloseDistance)); +@closeWidth: e(%('calc(%d + %d)', @width, @splitCloseDistance)); +@veryCloseWidth: e(%('calc(%d + %d)', @width, @splitVeryCloseDistance)); /* Dividing */ @dividingBorder: 1px solid @borderColor; diff --git a/src/themes/default/elements/segment.variables b/src/themes/default/elements/segment.variables index 8544760767..2dadcc4a5c 100644 --- a/src/themes/default/elements/segment.variables +++ b/src/themes/default/elements/segment.variables @@ -101,7 +101,7 @@ @attachedTopOffset: 0; @attachedBottomOffset: 0; @attachedHorizontalOffset: -@borderWidth; -@attachedWidth: e(%("calc(100%% + %d)", -@attachedHorizontalOffset * 2)); +@attachedWidth: e(%('calc(100%% + %d)', -@attachedHorizontalOffset * 2)); @attachedBoxShadow: none; @attachedBorder: @borderWidth solid @solidBorderColor; @attachedBottomBoxShadow: diff --git a/src/themes/default/elements/step.variables b/src/themes/default/elements/step.variables index bbc0996d81..2a47624281 100644 --- a/src/themes/default/elements/step.variables +++ b/src/themes/default/elements/step.variables @@ -97,7 +97,7 @@ @attachedHorizontalOffset: -@borderWidth; @attachedVerticalOffset: 0; -@attachedWidth: e(%("calc(100%% + %d)", -@attachedHorizontalOffset * 2)); +@attachedWidth: e(%('calc(100%% + %d)', -@attachedHorizontalOffset * 2)); @orderedFontFamily: inherit; @orderedFontWeight: @bold; diff --git a/src/themes/default/globals/site.variables b/src/themes/default/globals/site.variables index a183cd639a..e56a8934ca 100755 --- a/src/themes/default/globals/site.variables +++ b/src/themes/default/globals/site.variables @@ -2,7 +2,7 @@ Site Settings *******************************/ -@import "variation.variables"; +@import 'variation.variables'; @supportIE: true; /* ------------------- @@ -14,7 +14,7 @@ @fontFileNameSupplement: 'Lato'; // based on https://github.com/twbs/bootstrap/blob/v5.1.3/scss/_variables.scss#L577 list -@fallbackFonts: system-ui, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; +@fallbackFonts: system-ui, -apple-system, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; @headerFont: @fontName, @fallbackFonts; @pageFont: @fontName, @fallbackFonts; @@ -28,8 +28,8 @@ @fonts: { @regularLatin: { font-family: @fontName; - src: url("@{fontPath}/@{fontFileNameLatin}-Regular.woff2") format('woff2') - if(@supportIE, e(',') url("@{fontPath}/@{fontFileNameLatin}-Regular.woff") format('woff')); + src: url('@{fontPath}/@{fontFileNameLatin}-Regular.woff2') format('woff2') + if(@supportIE, e(',') url('@{fontPath}/@{fontFileNameLatin}-Regular.woff') format('woff')); font-style: normal; font-weight: @normal; font-display: @fontDisplay; @@ -38,8 +38,8 @@ }; @boldLatin: { font-family: @fontName; - src: url("@{fontPath}/@{fontFileNameLatin}-Bold.woff2") format('woff2') - if(@supportIE, e(',') url("@{fontPath}/@{fontFileNameLatin}-Bold.woff") format('woff')); + src: url('@{fontPath}/@{fontFileNameLatin}-Bold.woff2') format('woff2') + if(@supportIE, e(',') url('@{fontPath}/@{fontFileNameLatin}-Bold.woff') format('woff')); font-style: normal; font-weight: @bold; font-display: @fontDisplay; @@ -48,8 +48,8 @@ }; @italicLatin: { font-family: @fontName; - src: url("@{fontPath}/@{fontFileNameLatin}-Italic.woff2") format('woff2') - if(@supportIE, e(',') url("@{fontPath}/@{fontFileNameLatin}-Italic.woff") format('woff')); + src: url('@{fontPath}/@{fontFileNameLatin}-Italic.woff2') format('woff2') + if(@supportIE, e(',') url('@{fontPath}/@{fontFileNameLatin}-Italic.woff') format('woff')); font-style: italic; font-weight: @normal; font-display: @fontDisplay; @@ -58,8 +58,8 @@ }; @boldItalicLatin: { font-family: @fontName; - src: url("@{fontPath}/@{fontFileNameLatin}-BoldItalic.woff2") format('woff2') - if(@supportIE, e(',') url("@{fontPath}/@{fontFileNameLatin}-BoldItalic.woff") format('woff')); + src: url('@{fontPath}/@{fontFileNameLatin}-BoldItalic.woff2') format('woff2') + if(@supportIE, e(',') url('@{fontPath}/@{fontFileNameLatin}-BoldItalic.woff') format('woff')); font-style: italic; font-weight: @bold; font-display: @fontDisplay; @@ -68,8 +68,8 @@ }; @regularSupplement: { font-family: @fontName; - src: url("@{fontPath}/@{fontFileNameSupplement}-Regular.woff2") format('woff2') - if(@supportIE, e(',') url("@{fontPath}/@{fontFileNameSupplement}-Regular.woff") format('woff')); + src: url('@{fontPath}/@{fontFileNameSupplement}-Regular.woff2') format('woff2') + if(@supportIE, e(',') url('@{fontPath}/@{fontFileNameSupplement}-Regular.woff') format('woff')); font-style: normal; font-weight: @normal; font-display: @fontDisplay; @@ -78,8 +78,8 @@ }; @boldSupplement: { font-family: @fontName; - src: url("@{fontPath}/@{fontFileNameSupplement}-Bold.woff2") format('woff2') - if(@supportIE, e(',') url("@{fontPath}/@{fontFileNameSupplement}-Bold.woff") format('woff')); + src: url('@{fontPath}/@{fontFileNameSupplement}-Bold.woff2') format('woff2') + if(@supportIE, e(',') url('@{fontPath}/@{fontFileNameSupplement}-Bold.woff') format('woff')); font-style: normal; font-weight: @bold; font-display: @fontDisplay; @@ -88,8 +88,8 @@ }; @italicSupplement: { font-family: @fontName; - src: url("@{fontPath}/@{fontFileNameSupplement}-Italic.woff2") format('woff2') - if(@supportIE, e(',') url("@{fontPath}/@{fontFileNameSupplement}-Italic.woff") format('woff')); + src: url('@{fontPath}/@{fontFileNameSupplement}-Italic.woff2') format('woff2') + if(@supportIE, e(',') url('@{fontPath}/@{fontFileNameSupplement}-Italic.woff') format('woff')); font-style: italic; font-weight: @normal; font-display: @fontDisplay; @@ -98,8 +98,8 @@ }; @boldItalicSupplement: { font-family: @fontName; - src: url("@{fontPath}/@{fontFileNameSupplement}-BoldItalic.woff2") format('woff2') - if(@supportIE, e(',') url("@{fontPath}/@{fontFileNameSupplement}-BoldItalic.woff") format('woff')); + src: url('@{fontPath}/@{fontFileNameSupplement}-BoldItalic.woff2') format('woff2') + if(@supportIE, e(',') url('@{fontPath}/@{fontFileNameSupplement}-BoldItalic.woff') format('woff')); font-style: italic; font-weight: @bold; font-display: @fontDisplay; @@ -869,7 +869,7 @@ @headerLineHeightOffset: ((@headerLineHeight - 1em) / 2); /* Header Spacing */ -@headerTopMargin: e(%("calc(2rem - %d)", @headerLineHeightOffset)); +@headerTopMargin: e(%('calc(2rem - %d)', @headerLineHeightOffset)); @headerBottomMargin: 1rem; @headerMargin: @headerTopMargin 0 @headerBottomMargin; diff --git a/src/themes/default/modules/dimmer.variables b/src/themes/default/modules/dimmer.variables index ff7e098941..843f0a107a 100644 --- a/src/themes/default/modules/dimmer.variables +++ b/src/themes/default/modules/dimmer.variables @@ -21,7 +21,7 @@ @overflow: hidden; @blurredStartFilter: initial; -@blurredEndFilter: e("blur(5px) grayscale(0.7)"); +@blurredEndFilter: e('blur(5px) grayscale(0.7)'); @blurredTransition: 800ms filter @defaultEasing; @blurredBackgroundColor: rgba(0, 0, 0, 0.6); diff --git a/src/themes/default/modules/dropdown.overrides b/src/themes/default/modules/dropdown.overrides index aec94126cf..fcca360077 100644 --- a/src/themes/default/modules/dropdown.overrides +++ b/src/themes/default/modules/dropdown.overrides @@ -35,25 +35,25 @@ .ui.dropdown .item .left.dropdown.icon::before, .ui.dropdown .left.menu .item .dropdown.icon::before { - content: "\f0d9"/*rtl:"\f0da"*/; + content: '\f0d9'/*rtl:'\f0da'*/; } /* Vertical Menu Dropdown */ .ui.vertical.menu .dropdown.item > .dropdown.icon::before { - content: "\f0da"/*rtl:"\f0d9"*/; + content: '\f0da'/*rtl:'\f0d9'*/; } /* Icons for Reference .dropdown.down.icon { - content: "\f0d7"; + content: '\f0d7'; } .dropdown.up.icon { - content: "\f0d8"; + content: '\f0d8'; } .dropdown.left.icon { - content: "\f0d9"; + content: '\f0d9'; } .dropdown.icon.icon { - content: "\f0da"; + content: '\f0da'; } */ diff --git a/src/themes/default/modules/dropdown.variables b/src/themes/default/modules/dropdown.variables index 49033d876f..587e6cb551 100755 --- a/src/themes/default/modules/dropdown.variables +++ b/src/themes/default/modules/dropdown.variables @@ -39,7 +39,7 @@ @menuBoxShadow: @raisedShadow; @menuBorderRadius: @borderRadius; @menuTransition: opacity @defaultDuration @defaultEasing; -@menuMinWidth: e(%("calc(100%% + %d)", @menuBorderWidth * 2)); +@menuMinWidth: e(%('calc(100%% + %d)', @menuBorderWidth * 2)); @menuZIndex: 11; /* Text */ @@ -329,7 +329,7 @@ /* Scrolling */ @scrollingMenuWidth: 100%; @scrollingMenuItemBorder: none; -@scrollingMenuRightItemPadding: e(%("calc(%d + %d)", @itemHorizontalPadding, @scrollbarWidth)); +@scrollingMenuRightItemPadding: e(%('calc(%d + %d)', @itemHorizontalPadding, @scrollbarWidth)); @scrollingMobileMaxItems: 4; @scrollingTabletMaxItems: 6; diff --git a/src/themes/default/modules/flyout.variables b/src/themes/default/modules/flyout.variables index 56ca00a4a7..e7bd830f5b 100644 --- a/src/themes/default/modules/flyout.variables +++ b/src/themes/default/modules/flyout.variables @@ -16,7 +16,7 @@ @dimmerTransition: all @duration; @blurredBackgroundColor: rgba(0, 0, 0, 0.6); -@blurredEndFilter: e("blur(5px) grayscale(0.7)"); +@blurredEndFilter: e('blur(5px) grayscale(0.7)'); /* Color below page */ @canvasBackground: @lightBlack; diff --git a/src/themes/default/modules/popup.variables b/src/themes/default/modules/popup.variables index 82803e7e34..d13fed3079 100644 --- a/src/themes/default/modules/popup.variables +++ b/src/themes/default/modules/popup.variables @@ -103,7 +103,7 @@ /* Grid Inside Popup */ @nestedGridMargin: -0.7rem -0.875rem; /* (padding * @medium) */ -@nestedGridWidth: e("calc(100% + 1.75rem)"); +@nestedGridWidth: e('calc(100% + 1.75rem)'); /* ------------------- States diff --git a/src/themes/default/modules/search.variables b/src/themes/default/modules/search.variables index 4dacd5b3db..a8e7547b90 100644 --- a/src/themes/default/modules/search.variables +++ b/src/themes/default/modules/search.variables @@ -21,7 +21,7 @@ @promptBoxShadow: 0 0 0 0 transparent inset; /* Mobile */ -@mobileMaxWidth: e("calc(100vw - 2rem)"); +@mobileMaxWidth: e('calc(100vw - 2rem)'); /* Result Box */ @resultsWidth: 18em; diff --git a/src/themes/default/modules/sidebar.variables b/src/themes/default/modules/sidebar.variables index 749efbdddd..1c1780846e 100644 --- a/src/themes/default/modules/sidebar.variables +++ b/src/themes/default/modules/sidebar.variables @@ -16,7 +16,7 @@ @dimmerTransition: all @duration; @blurredBackgroundColor: rgba(0, 0, 0, 0.6); -@blurredEndFilter: e("blur(5px) grayscale(0.7)"); +@blurredEndFilter: e('blur(5px) grayscale(0.7)'); /* Color below page */ @canvasBackground: @lightBlack; diff --git a/src/themes/default/modules/toast.variables b/src/themes/default/modules/toast.variables index f908cd6ba1..c9b22a254d 100644 --- a/src/themes/default/modules/toast.variables +++ b/src/themes/default/modules/toast.variables @@ -58,7 +58,7 @@ @toastIconCenteredAdjustment: 1.2em; @toastImageCenteredAdjustment: 2em; -@toastImageMiniImageAdjustment: e(%("calc(%d + %d)", @inputVerticalPadding, @toastMiniImageHeight)); +@toastImageMiniImageAdjustment: e(%('calc(%d + %d)', @inputVerticalPadding, @toastMiniImageHeight)); @toastImageMiniImagePadding: 4.4em; /* Progressbar Colors */ diff --git a/src/themes/default/views/card.variables b/src/themes/default/views/card.variables index 2a4499b173..4fa721eac0 100644 --- a/src/themes/default/views/card.variables +++ b/src/themes/default/views/card.variables @@ -139,7 +139,7 @@ /* Buttons */ @buttonMargin: 0 -@borderWidth; -@buttonWidth: e(%("calc(100%% + %d)", @borderWidth * 2)); +@buttonWidth: e(%('calc(100%% + %d)', @borderWidth * 2)); /******************************* States @@ -212,29 +212,29 @@ @oneCard: @oneColumn; @oneCardOffset: 0; -@twoCard: e(%("calc(%d - %d)", @twoColumn, @twoCardSpacing * 2)); +@twoCard: e(%('calc(%d - %d)', @twoColumn, @twoCardSpacing * 2)); @twoCardOffset: -@twoCardSpacing; -@threeCard: e(%("calc(%d - %d)", @threeColumn, @threeCardSpacing * 2)); +@threeCard: e(%('calc(%d - %d)', @threeColumn, @threeCardSpacing * 2)); @threeCardOffset: -@threeCardSpacing; -@fourCard: e(%("calc(%d - %d)", @fourColumn, @fourCardSpacing * 2)); +@fourCard: e(%('calc(%d - %d)', @fourColumn, @fourCardSpacing * 2)); @fourCardOffset: -@fourCardSpacing; -@fiveCard: e(%("calc(%d - %d)", @fiveColumn, @fiveCardSpacing * 2)); +@fiveCard: e(%('calc(%d - %d)', @fiveColumn, @fiveCardSpacing * 2)); @fiveCardOffset: -@fiveCardSpacing; -@sixCard: e(%("calc(%d - %d)", @sixColumn, @sixCardSpacing * 2)); +@sixCard: e(%('calc(%d - %d)', @sixColumn, @sixCardSpacing * 2)); @sixCardOffset: -@sixCardSpacing; -@sevenCard: e(%("calc(%d - %d)", @sevenColumn, @sevenCardSpacing * 2)); +@sevenCard: e(%('calc(%d - %d)', @sevenColumn, @sevenCardSpacing * 2)); @sevenCardOffset: -@sevenCardSpacing; -@eightCard: e(%("calc(%d - %d)", @eightColumn, @sevenCardSpacing * 2)); +@eightCard: e(%('calc(%d - %d)', @eightColumn, @sevenCardSpacing * 2)); @eightCardOffset: -@sevenCardSpacing; -@nineCard: e(%("calc(%d - %d)", @nineColumn, @nineCardSpacing * 2)); +@nineCard: e(%('calc(%d - %d)', @nineColumn, @nineCardSpacing * 2)); @nineCardOffset: -@nineCardSpacing; -@tenCard: e(%("calc(%d - %d)", @tenColumn, @tenCardSpacing * 2)); +@tenCard: e(%('calc(%d - %d)', @tenColumn, @tenCardSpacing * 2)); @tenCardOffset: -@tenCardSpacing; /* Stackable */ @stackableRowSpacing: 1em; @stackableCardSpacing: 1em; -@stackableMargin: e(%("calc(%d - %d)", @oneColumn, @stackableCardSpacing * 2)); +@stackableMargin: e(%('calc(%d - %d)', @oneColumn, @stackableCardSpacing * 2)); /* Sizes */ @medium: 1em; diff --git a/src/themes/famfamfam/elements/flag.variables b/src/themes/famfamfam/elements/flag.variables index 46b312f3c7..158f3bbfc0 100644 --- a/src/themes/famfamfam/elements/flag.variables +++ b/src/themes/famfamfam/elements/flag.variables @@ -8,7 +8,7 @@ Element -------------------- */ -@spritePath: "@{imagePath}/flags.png"; +@spritePath: '@{imagePath}/flags.png'; @width: 16px; @height: 11px; @verticalAlign: baseline; diff --git a/src/themes/flat/collections/form.variables b/src/themes/flat/collections/form.variables index 347f119ac4..cc8f1acf73 100644 --- a/src/themes/flat/collections/form.variables +++ b/src/themes/flat/collections/form.variables @@ -66,7 +66,7 @@ /* Loading */ @formLoaderDimmerColor: rgba(255, 255, 255, 0.6); -@formLoaderPath: "@{imagePath}/loader-large.gif"; +@formLoaderPath: '@{imagePath}/loader-large.gif'; @formLoaderPosition: 50% 50%; /* (x) Wide Field */ diff --git a/src/themes/flat/globals/site.variables b/src/themes/flat/globals/site.variables index 976afdec57..c4bf7166bd 100644 --- a/src/themes/flat/globals/site.variables +++ b/src/themes/flat/globals/site.variables @@ -6,15 +6,15 @@ Paths -------------------- */ -@imagePath: "../../themes/default/assets/images"; -@fontPath: "../../themes/default/assets/fonts"; +@imagePath: '../../themes/default/assets/images'; +@fontPath: '../../themes/default/assets/fonts'; /* ------------------- Fonts -------------------- */ -@headerFont: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif; -@pageFont: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif; +@headerFont: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; +@pageFont: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; /* ------------------- Site Colors diff --git a/src/themes/github/elements/icon.variables b/src/themes/github/elements/icon.variables index 87329a24ee..7be316001a 100644 --- a/src/themes/github/elements/icon.variables +++ b/src/themes/github/elements/icon.variables @@ -3,7 +3,7 @@ @fonts: { @solid: { font-family: @fontName; - src: url("@{fontPath}/@{fontName}.woff2") format('woff'); + src: url('@{fontPath}/@{fontName}.woff2') format('woff'); font-style: normal; font-weight: @normal; font-variant: normal; diff --git a/src/themes/github/modules/dropdown.overrides b/src/themes/github/modules/dropdown.overrides index 050e4892d4..92b2b345ec 100644 --- a/src/themes/github/modules/dropdown.overrides +++ b/src/themes/github/modules/dropdown.overrides @@ -40,10 +40,10 @@ .ui.dropdown .item .left.dropdown.icon::before, .ui.dropdown .left.menu .item .dropdown.icon::before { - content: "\f0d9"/*rtl:"\f0da"*/; + content: '\f0d9'/*rtl:'\f0da'*/; } /* Vertical Menu Dropdown */ .ui.vertical.menu .dropdown.item > .dropdown.icon::before { - content: "\f0da"/*rtl:"\f0d9"*/; + content: '\f0da'/*rtl:'\f0d9'*/; } diff --git a/src/themes/joypixels/elements/emoji.variables b/src/themes/joypixels/elements/emoji.variables index ccb576256f..588193bd14 100644 --- a/src/themes/joypixels/elements/emoji.variables +++ b/src/themes/joypixels/elements/emoji.variables @@ -13,8 +13,8 @@ Downloading and hosting the joxpixels assets locally may require an additional license depending on the usage Find joypixels licenses at https://www.joypixels.com/licenses */ -@emojiPath: "https://cdn.jsdelivr.net/joypixels/assets/6.6/png/unicode/128/"; -@emojiFileType: "png"; +@emojiPath: 'https://cdn.jsdelivr.net/joypixels/assets/6.6/png/unicode/128/'; +@emojiFileType: 'png'; /* -------------- Definition diff --git a/src/themes/material/elements/icon.variables b/src/themes/material/elements/icon.variables index fd8a625f2f..9e55eb6d8b 100644 --- a/src/themes/material/elements/icon.variables +++ b/src/themes/material/elements/icon.variables @@ -2,8 +2,8 @@ @fonts: { @solid: { font-family: @fontName; - src: url("@{fontPath}/@{fontName}.woff2") format('woff2') - if(@supportIE, e(',') url("@{fontPath}/@{fontName}.woff") format('woff')); + src: url('@{fontPath}/@{fontName}.woff2') format('woff2') + if(@supportIE, e(',') url('@{fontPath}/@{fontName}.woff') format('woff')); font-style: normal; font-weight: @normal; font-variant: normal; diff --git a/src/themes/material/modules/modal.overrides b/src/themes/material/modules/modal.overrides index 4e86e46611..ee4ec03fd0 100644 --- a/src/themes/material/modules/modal.overrides +++ b/src/themes/material/modules/modal.overrides @@ -1,6 +1,6 @@ @import (css) url('https://fonts.googleapis.com/css2?family=Roboto'); .ui.modal .header { - font-family: "Roboto", Arial, Sans-serif !important; + font-family: 'Roboto', Arial, Sans-serif !important; font-weight: 400 !important; } diff --git a/src/themes/material/modules/modal.variables b/src/themes/material/modules/modal.variables index 4bc89c2ab3..e1e3ad460d 100644 --- a/src/themes/material/modules/modal.variables +++ b/src/themes/material/modules/modal.variables @@ -5,7 +5,7 @@ @headerVerticalPadding: 1.7142rem; @headerHorizontalPadding: 1.7142rem; @headerFontWeight: 400; -@headerFontFamily: 'Roboto', "Helvetica Neue", Arial, sans-serif; +@headerFontFamily: 'Roboto', 'Helvetica Neue', Arial, sans-serif; @headerBorder: none; @contentPadding: 1rem 2rem 2rem; diff --git a/src/themes/twitter/elements/emoji.variables b/src/themes/twitter/elements/emoji.variables index b4885c4239..474a6aee70 100644 --- a/src/themes/twitter/elements/emoji.variables +++ b/src/themes/twitter/elements/emoji.variables @@ -5,8 +5,8 @@ /* -------------- Path --------------- */ -@emojiPath: "https://twemoji.maxcdn.com/v/latest/svg/"; -@emojiFileType: "svg"; +@emojiPath: 'https://twemoji.maxcdn.com/v/latest/svg/'; +@emojiFileType: 'svg'; /* -------------- Definition From 76b17f7eb9f306d133e9cbd1209876884f6471ba Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Michael=20Vo=C5=99=C3=AD=C5=A1ek?= Date: Wed, 14 Dec 2022 23:19:19 +0100 Subject: [PATCH 08/16] fix unquoted icons with regex (^ *(?:\w|-)+: )(\\[0-9a-f]+)(;$) --- src/themes/default/elements/icon.variables | 3910 ++++++++++---------- 1 file changed, 1955 insertions(+), 1955 deletions(-) diff --git a/src/themes/default/elements/icon.variables b/src/themes/default/elements/icon.variables index 2072ef7dd5..f969ff28f5 100644 --- a/src/themes/default/elements/icon.variables +++ b/src/themes/default/elements/icon.variables @@ -83,1463 +83,1463 @@ Icons are order A-Z in their group, Solid, Outline, Thin (Pro only) and Brand /* Deprecated *In/Out Naming Conflict) */ @icon-deprecated-map: { linkedin_in:\f0e1; - zoom_in: \f00e; - zoom_out: \f010; - sign_in: \f2f6; - in_cart: \f218; - log_out: \f2f5; - sign_out: \f2f5; + zoom_in: '\f00e'; + zoom_out: '\f010'; + sign_in: '\f2f6'; + in_cart: '\f218'; + log_out: '\f2f5'; + sign_out: '\f2f5'; }; /* Icons */ @icon-map: { - ad: \f641; - address_book: \f2b9; - address_card: \f2bb; - adjust: \f042; - air_freshener: \f5d0; - align_center: \f037; - align_justify: \f039; - align_left: \f036; - align_right: \f038; - allergies: \f461; - ambulance: \f0f9; - american_sign_language_interpreting: \f2a3; - anchor: \f13d; - angle_double_down: \f103; - angle_double_left: \f100; - angle_double_right: \f101; - angle_double_up: \f102; - angle_left: \f104; - angle_right: \f105; - angle_up: \f106; - angle_down: \f107; - angry: \f556; - ankh: \f644; - archive: \f187; - archway: \f557; - arrow_alternate_circle_down: \f358; - arrow_alternate_circle_left: \f359; - arrow_alternate_circle_right: \f35a; - arrow_alternate_circle_up: \f35b; - arrow_circle_down: \f0ab; - arrow_circle_left: \f0a8; - arrow_circle_right: \f0a9; - arrow_circle_up: \f0aa; - arrow_down: \f063; - arrow_left: \f060; - arrow_right: \f061; - arrow_up: \f062; - arrows_alternate: \f0b2; - arrows_alternate_horizontal: \f337; - arrows_alternate_vertical: \f338; - assistive_listening_systems: \f2a2; - asterisk: \f069; - at: \f1fa; - atlas: \f558; - atom: \f5d2; - audio_description: \f29e; - award: \f559; - baby: \f77c; - baby_carriage: \f77d; - backspace: \f55a; - backward: \f04a; - bacon: \f7e5; - bacteria: \e059; - bacterium: \e05a; - bahai: \f666; - balance_scale: \f24e; - balance_scale_left: \f515; - balance_scale_right: \f516; - ban: \f05e; - band_aid: \f462; - barcode: \f02a; - bars: \f0c9; - baseball_ball: \f433; - basketball_ball: \f434; - bath: \f2cd; - battery_empty: \f244; - battery_full: \f240; - battery_half: \f242; - battery_quarter: \f243; - battery_three_quarters: \f241; - bed: \f236; - beer: \f0fc; - bell: \f0f3; - bell_slash: \f1f6; - bezier_curve: \f55b; - bible: \f647; - bicycle: \f206; - biking: \f84a; - binoculars: \f1e5; - biohazard: \f780; - birthday_cake: \f1fd; - blender: \f517; - blender_phone: \f6b6; - blind: \f29d; - blog: \f781; - bold: \f032; - bolt: \f0e7; - bomb: \f1e2; - bone: \f5d7; - bong: \f55c; - book: \f02d; - book_dead: \f6b7; - book_medical: \f7e6; - book_open: \f518; - book_reader: \f5da; - bookmark: \f02e; - border_all: \f84c; - border_none: \f850; - border_style: \f853; - bowling_ball: \f436; - box: \f466; - box_open: \f49e; - box_tissue: \e05b; - boxes: \f468; - braille: \f2a1; - brain: \f5dc; - bread_slice: \f7ec; - briefcase: \f0b1; - briefcase_medical: \f469; - broadcast_tower: \f519; - broom: \f51a; - brush: \f55d; - bug: \f188; - building: \f1ad; - bullhorn: \f0a1; - bullseye: \f140; - burn: \f46a; - bus: \f207; - bus_alternate: \f55e; - business_time: \f64a; - calculator: \f1ec; - calendar: \f133; - calendar_alternate: \f073; - calendar_check: \f274; - calendar_day: \f783; - calendar_minus: \f272; - calendar_plus: \f271; - calendar_times: \f273; - calendar_week: \f784; - camera: \f030; - camera_retro: \f083; - campground: \f6bb; - candy_cane: \f786; - cannabis: \f55f; - capsules: \f46b; - car: \f1b9; - car_alternate: \f5de; - car_battery: \f5df; - car_crash: \f5e1; - car_side: \f5e4; - caravan: \f8ff; - caret_down: \f0d7; - caret_left: \f0d9; - caret_right: \f0da; - caret_square_down: \f150; - caret_square_left: \f191; - caret_square_right: \f152; - caret_square_up: \f151; - caret_up: \f0d8; - carrot: \f787; - cart_arrow_down: \f218; - cart_plus: \f217; - cash_register: \f788; - cat: \f6be; - certificate: \f0a3; - chair: \f6c0; - chalkboard: \f51b; - chalkboard_teacher: \f51c; - charging_station: \f5e7; - chart_area: \f1fe; - chart_bar: \f080; - chart_pie: \f200; - chartline: \f201; - check: \f00c; - check_circle: \f058; - check_double: \f560; - check_square: \f14a; - cheese: \f7ef; - chess: \f439; - chess_bishop: \f43a; - chess_board: \f43c; - chess_king: \f43f; - chess_knight: \f441; - chess_pawn: \f443; - chess_queen: \f445; - chess_rook: \f447; - chevron_circle_down: \f13a; - chevron_circle_left: \f137; - chevron_circle_right: \f138; - chevron_circle_up: \f139; - chevron_down: \f078; - chevron_left: \f053; - chevron_right: \f054; - chevron_up: \f077; - child: \f1ae; - church: \f51d; - circle: \f111; - circle_notch: \f1ce; - city: \f64f; - clinic_medical: \f7f2; - clipboard: \f328; - clipboard_check: \f46c; - clipboard_list: \f46d; - clock: \f017; - clone: \f24d; - closed_captioning: \f20a; - cloud: \f0c2; - cloud_download_alternate: \f381; - cloud_meatball: \f73b; - cloud_moon: \f6c3; - cloud_moon_rain: \f73c; - cloud_rain: \f73d; - cloud_showers_heavy: \f740; - cloud_sun: \f6c4; - cloud_sun_rain: \f743; - cloud_upload_alternate: \f382; - cocktail: \f561; - code: \f121; - code_branch: \f126; - coffee: \f0f4; - cog: \f013; - cogs: \f085; - coins: \f51e; - columns: \f0db; - comment: \f075; - comment_alternate: \f27a; - comment_dollar: \f651; - comment_dots: \f4ad; - comment_medical: \f7f5; - comment_slash: \f4b3; - comments: \f086; - comments_dollar: \f653; - compact_disc: \f51f; - compass: \f14e; - compress: \f066; - compress_alternate: \f422; - compress_arrows_alternate: \f78c; - concierge_bell: \f562; - cookie: \f563; - cookie_bite: \f564; - copy: \f0c5; - copyright: \f1f9; - couch: \f4b8; - credit_card: \f09d; - crop: \f125; - crop_alternate: \f565; - cross: \f654; - crosshairs: \f05b; - crow: \f520; - crown: \f521; - crutch: \f7f7; - cube: \f1b2; - cubes: \f1b3; - cut: \f0c4; - database: \f1c0; - deaf: \f2a4; - democrat: \f747; - desktop: \f108; - dharmachakra: \f655; - diagnoses: \f470; - dice: \f522; - dice_d20: \f6cf; - dice_d6: \f6d1; - dice_five: \f523; - dice_four: \f524; - dice_one: \f525; - dice_six: \f526; - dice_three: \f527; - dice_two: \f528; - digital_tachograph: \f566; - directions: \f5eb; - disease: \f7fa; - divide: \f529; - dizzy: \f567; - dna: \f471; - dog: \f6d3; - dollar_sign: \f155; - dolly: \f472; - dolly_flatbed: \f474; - donate: \f4b9; - door_closed: \f52a; - door_open: \f52b; - dot_circle: \f192; - dove: \f4ba; - download: \f019; - drafting_compass: \f568; - dragon: \f6d5; - draw_polygon: \f5ee; - drum: \f569; - drum_steelpan: \f56a; - drumstick_bite: \f6d7; - dumbbell: \f44b; - dumpster: \f793; - dumpster_fire: \f794; - dungeon: \f6d9; - edit: \f044; - egg: \f7fb; - eject: \f052; - ellipsis_horizontal: \f141; - ellipsis_vertical: \f142; - envelope: \f0e0; - envelope_open: \f2b6; - envelope_open_text: \f658; - envelope_square: \f199; - equals: \f52c; - eraser: \f12d; - ethernet: \f796; - euro_sign: \f153; - exchange_alternate: \f362; - exclamation: \f12a; - exclamation_circle: \f06a; - exclamation_triangle: \f071; - expand: \f065; - expand_alternate: \f424; - expand_arrows_alternate: \f31e; - external_alternate: \f35d; - external_link_square_alternate: \f360; - eye: \f06e; - eye_dropper: \f1fb; - eye_slash: \f070; - fan: \f863; - fast_backward: \f049; - fast_forward: \f050; - faucet: \e005; - fax: \f1ac; - feather: \f52d; - feather_alternate: \f56b; - female: \f182; - fighter_jet: \f0fb; - file: \f15b; - file_alternate: \f15c; - file_archive: \f1c6; - file_audio: \f1c7; - file_code: \f1c9; - file_contract: \f56c; - file_csv: \f6dd; - file_download: \f56d; - file_excel: \f1c3; - file_export: \f56e; - file_image: \f1c5; - file_import: \f56f; - file_invoice: \f570; - file_invoice_dollar: \f571; - file_medical: \f477; - file_medical_alternate: \f478; - file_pdf: \f1c1; - file_powerpoint: \f1c4; - file_prescription: \f572; - file_signature: \f573; - file_upload: \f574; - file_video: \f1c8; - file_word: \f1c2; - fill: \f575; - fill_drip: \f576; - film: \f008; - filter: \f0b0; - fingerprint: \f577; - fire: \f06d; - fire_alternate: \f7e4; - fire_extinguisher: \f134; - first_aid: \f479; - fish: \f578; - fist_raised: \f6de; - flag: \f024; - flag_checkered: \f11e; - flag_usa: \f74d; - flask: \f0c3; - flushed: \f579; - folder: \f07b; - folder_minus: \f65d; - folder_open: \f07c; - folder_plus: \f65e; - font: \f031; - football_ball: \f44e; - forward: \f04e; - frog: \f52e; - frown: \f119; - frown_open: \f57a; - fruit-apple: \f5d1; - funnel_dollar: \f662; - futbol: \f1e3; - gamepad: \f11b; - gas_pump: \f52f; - gavel: \f0e3; - gem: \f3a5; - genderless: \f22d; - ghost: \f6e2; - gift: \f06b; - gifts: \f79c; - glass_cheers: \f79f; - glass_martini: \f000; - glass_martini_alternate: \f57b; - glass_whiskey: \f7a0; - glasses: \f530; - globe: \f0ac; - globe_africa: \f57c; - globe_americas: \f57d; - globe_asia: \f57e; - globe_europe: \f7a2; - golf_ball: \f450; - gopuram: \f664; - graduation_cap: \f19d; - greater_than: \f531; - greater_than_equal: \f532; - grimace: \f57f; - grin: \f580; - grin_alternate: \f581; - grin_beam: \f582; - grin_beam_sweat: \f583; - grin_hearts: \f584; - grin_squint: \f585; - grin_squint_tears: \f586; - grin_stars: \f587; - grin_tears: \f588; - grin_tongue: \f589; - grin_tongue_squint: \f58a; - grin_tongue_wink: \f58b; - grin_wink: \f58c; - grip_horizontal: \f58d; - grip_lines: \f7a4; - grip_lines_vertical: \f7a5; - grip_vertical: \f58e; - guitar: \f7a6; - h_square: \f0fd; - hamburger: \f805; - hammer: \f6e3; - hamsa: \f665; - hand_holding: \f4bd; - hand_holding_heart: \f4be; - hand_holding_medical: \e05c; - hand_holding_usd: \f4c0; - hand_holding_water: \f4c1; - hand_lizard: \f258; - hand_middle_finger: \f806; - hand_paper: \f256; - hand_peace: \f25b; - hand_point_down: \f0a7; - hand_point_left: \f0a5; - hand_point_right: \f0a4; - hand_point_up: \f0a6; - hand_pointer: \f25a; - hand_rock: \f255; - hand_scissors: \f257; - hand_sparkles: \e05d; - hand_spock: \f259; - hands: \f4c2; - hands_helping: \f4c4; - hands_wash: \e05e; - handshake: \f2b5; - handshake_alternate_slash: \e05f; - handshake_slash: \e060; - hanukiah: \f6e6; - hard_hat: \f807; - hashtag: \f292; - hat_cowboy: \f8c0; - hat_cowboy_side: \f8c1; - hat_wizard: \f6e8; - hdd: \f0a0; - head_side_cough: \e061; - head_side_cough_slash: \e062; - head_side_mask: \e063; - head_side_virus: \e064; - heading: \f1dc; - headphones: \f025; - headphones_alternate: \f58f; - headset: \f590; - heart: \f004; - heart_broken: \f7a9; - heartbeat: \f21e; - helicopter: \f533; - highlighter: \f591; - hiking: \f6ec; - hippo: \f6ed; - history: \f1da; - hockey_puck: \f453; - holly_berry: \f7aa; - home: \f015; - horse: \f6f0; - horse_head: \f7ab; - hospital: \f0f8; - hospital_alternate: \f47d; - hospital_symbol: \f47e; - hospital_user: \f80d; - hot_tub: \f593; - hotdog: \f80f; - hotel: \f594; - hourglass: \f254; - hourglass_end: \f253; - hourglass_half: \f252; - hourglass_start: \f251; - house_damage: \f6f1; - house_user: \e065; - hryvnia: \f6f2; - i_cursor: \f246; - ice_cream: \f810; - icicles: \f7ad; - icons: \f86d; - id_badge: \f2c1; - id_card: \f2c2; - id_card_alternate: \f47f; - igloo: \f7ae; - image: \f03e; - images: \f302; - inbox: \f01c; - indent: \f03c; - industry: \f275; - infinity: \f534; - info: \f129; - info_circle: \f05a; - italic: \f033; - jedi: \f669; - joint: \f595; - journal_whills: \f66a; - kaaba: \f66b; - key: \f084; - keyboard: \f11c; - khanda: \f66d; - kiss: \f596; - kiss_beam: \f597; - kiss_wink_heart: \f598; - kiwi_bird: \f535; - landmark: \f66f; - language: \f1ab; - laptop: \f109; - laptop_code: \f5fc; - laptop_house: \e066; - laptop_medical: \f812; - laugh: \f599; - laugh_beam: \f59a; - laugh_squint: \f59b; - laugh_wink: \f59c; - layer_group: \f5fd; - leaf: \f06c; - lemon: \f094; - less_than: \f536; - less_than_equal: \f537; - level_down_alternate: \f3be; - level_up_alternate: \f3bf; - life_ring: \f1cd; - lightbulb: \f0eb; - linkify: \f0c1; - lira_sign: \f195; - list: \f03a; - list_alternate: \f022; - list_ol: \f0cb; - list_ul: \f0ca; - location_arrow: \f124; - lock: \f023; - lock_open: \f3c1; - long_arrow_alternate_down: \f309; - long_arrow_alternate_left: \f30a; - long_arrow_alternate_right: \f30b; - long_arrow_alternate_up: \f30c; - low_vision: \f2a8; - luggage_cart: \f59d; - lungs: \f604; - lungs_virus: \e067; - magic: \f0d0; - magnet: \f076; - mail_bulk: \f674; - male: \f183; - map: \f279; - map_marked: \f59f; - map_marked_alternate: \f5a0; - map_marker: \f041; - map_marker_alternate: \f3c5; - map_pin: \f276; - map_signs: \f277; - marker: \f5a1; - mars: \f222; - mars_double: \f227; - mars_stroke: \f229; - mars_stroke_horizontal: \f22b; - mars_stroke_vertical: \f22a; - mask: \f6fa; - medal: \f5a2; - medkit: \f0fa; - meh: \f11a; - meh_blank: \f5a4; - meh_rolling_eyes: \f5a5; - memory: \f538; - menorah: \f676; - mercury: \f223; - meteor: \f753; - microchip: \f2db; - microphone: \f130; - microphone_alternate: \f3c9; - microphone_alternate_slash: \f539; - microphone_slash: \f131; - microscope: \f610; - minus: \f068; - minus_circle: \f056; - minus_square: \f146; - mitten: \f7b5; - mobile: \f10b; - mobile_alternate: \f3cd; - money_bill: \f0d6; - money_bill_alternate: \f3d1; - money_bill_wave: \f53a; - money_bill_wave_alternate: \f53b; - money_check: \f53c; - money_check_alternate: \f53d; - monument: \f5a6; - moon: \f186; - mortar_pestle: \f5a7; - mosque: \f678; - motorcycle: \f21c; - mountain: \f6fc; - mouse: \f8cc; - mouse_pointer: \f245; - mug_hot: \f7b6; - music: \f001; - network_wired: \f6ff; - neuter: \f22c; - newspaper: \f1ea; - not_equal: \f53e; - notes_medical: \f481; - object_group: \f247; - object_ungroup: \f248; - oil_can: \f613; - om: \f679; - otter: \f700; - outdent: \f03b; - pager: \f815; - paint_brush: \f1fc; - paint_roller: \f5aa; - palette: \f53f; - pallet: \f482; - paper_plane: \f1d8; - paperclip: \f0c6; - parachute_box: \f4cd; - paragraph: \f1dd; - parking: \f540; - passport: \f5ab; - pastafarianism: \f67b; - paste: \f0ea; - pause: \f04c; - pause_circle: \f28b; - paw: \f1b0; - peace: \f67c; - pen: \f304; - pen_alternate: \f305; - pen_fancy: \f5ac; - pen_nib: \f5ad; - pen_square: \f14b; - pencil_alternate: \f303; - pencil_ruler: \f5ae; - people_arrows: \e068; - people_carry: \f4ce; - pepper_hot: \f816; - percent: \f295; - percentage: \f541; - person_booth: \f756; - phone: \f095; - phone_alternate: \f879; - phone_slash: \f3dd; - phone_square: \f098; - phone_square_alternate: \f87b; - phone_volume: \f2a0; - photo_video: \f87c; - piggy_bank: \f4d3; - pills: \f484; - pizza_slice: \f818; - place_of_worship: \f67f; - plane: \f072; - plane_arrival: \f5af; - plane_departure: \f5b0; - plane_slash: \e069; - play: \f04b; - play_circle: \f144; - plug: \f1e6; - plus: \f067; - plus_circle: \f055; - plus_square: \f0fe; - podcast: \f2ce; - poll: \f681; - poll_horizontal: \f682; - poo: \f2fe; - poo_storm: \f75a; - poop: \f619; - portrait: \f3e0; - pound_sign: \f154; - power_off: \f011; - pray: \f683; - praying_hands: \f684; - prescription: \f5b1; - prescription_bottle: \f485; - prescription_bottle_alternate: \f486; - print: \f02f; - procedures: \f487; - project_diagram: \f542; - pump_medical: \e06a; - pump_soap: \e06b; - puzzle_piece: \f12e; - qrcode: \f029; - question: \f128; - question_circle: \f059; - quidditch: \f458; - quote_left: \f10d; - quote_right: \f10e; - quran: \f687; - radiation: \f7b9; - radiation_alternate: \f7ba; - rainbow: \f75b; - random: \f074; - receipt: \f543; - record_vinyl: \f8d9; - recycle: \f1b8; - redo: \f01e; - redo_alternate: \f2f9; - registered: \f25d; - remove_format: \f87d; - reply: \f3e5; - reply_all: \f122; - republican: \f75e; - restroom: \f7bd; - retweet: \f079; - ribbon: \f4d6; - ring: \f70b; - road: \f018; - robot: \f544; - rocket: \f135; - route: \f4d7; - rss: \f09e; - rss_square: \f143; - ruble_sign: \f158; - ruler: \f545; - ruler_combined: \f546; - ruler_horizontal: \f547; - ruler_vertical: \f548; - running: \f70c; - rupee_sign: \f156; - sad_cry: \f5b3; - sad_tear: \f5b4; - satellite: \f7bf; - satellite_dish: \f7c0; - save: \f0c7; - school: \f549; - screwdriver: \f54a; - scroll: \f70e; - sd_card: \f7c2; - search: \f002; - search_dollar: \f688; - search_location: \f689; - search_minus: \f010; - search_plus: \f00e; - seedling: \f4d8; - server: \f233; - shapes: \f61f; - share: \f064; - share_alternate: \f1e0; - share_alternate_square: \f1e1; - share_square: \f14d; - shekel_sign: \f20b; - shield_alternate: \f3ed; - shield_virus: \e06c; - ship: \f21a; - shipping_fast: \f48b; - shoe_prints: \f54b; - shopping_bag: \f290; - shopping_basket: \f291; - shopping_cart: \f07a; - shower: \f2cc; - shuttle_van: \f5b6; - sign: \f4d9; - sign_in_alternate: \f2f6; - sign_language: \f2a7; - sign_out_alternate: \f2f5; - signal: \f012; - signature: \f5b7; - sim_card: \f7c4; - sink: \e06d; - sitemap: \f0e8; - skating: \f7c5; - skiing: \f7c9; - skiing_nordic: \f7ca; - skull: \f54c; - skull_crossbones: \f714; - slash: \f715; - sleigh: \f7cc; - sliders_horizontal: \f1de; - smile: \f118; - smile_beam: \f5b8; - smile_wink: \f4da; - smog: \f75f; - smoking: \f48d; - smoking_ban: \f54d; - sms: \f7cd; - snowboarding: \f7ce; - snowflake: \f2dc; - snowman: \f7d0; - snowplow: \f7d2; - soap: \e06e; - socks: \f696; - solar_panel: \f5ba; - sort: \f0dc; - sort_alphabet_down: \f15d; - sort_alphabet_down_alternate: \f881; - sort_alphabet_up: \f15e; - sort_alphabet_up_alternate: \f882; - sort_amount_down: \f160; - sort_amount_down_alternate: \f884; - sort_amount_up: \f161; - sort_amount_up_alternate: \f885; - sort_down: \f0dd; - sort_numeric_down: \f162; - sort_numeric_down_alternate: \f886; - sort_numeric_up: \f163; - sort_numeric_up_alternate: \f887; - sort_up: \f0de; - spa: \f5bb; - space_shuttle: \f197; - spell_check: \f891; - spider: \f717; - spinner: \f110; - splotch: \f5bc; - spray_can: \f5bd; - square: \f0c8; - square_full: \f45c; - square_root_alternate: \f698; - stamp: \f5bf; - star: \f005; - star_and_crescent: \f699; - star_half: \f089; - star_half_alternate: \f5c0; - star_of_david: \f69a; - star_of_life: \f621; - step_backward: \f048; - step_forward: \f051; - stethoscope: \f0f1; - sticky_note: \f249; - stop: \f04d; - stop_circle: \f28d; - stopwatch: \f2f2; - stopwatch_twenty: \e06f; - store: \f54e; - store_alternate: \f54f; - store_alternate_slash: \e070; - store_slash: \e071; - stream: \f550; - street_view: \f21d; - strikethrough: \f0cc; - stroopwafel: \f551; - subscript: \f12c; - subway: \f239; - suitcase: \f0f2; - suitcase_rolling: \f5c1; - sun: \f185; - superscript: \f12b; - surprise: \f5c2; - swatchbook: \f5c3; - swimmer: \f5c4; - swimming_pool: \f5c5; - synagogue: \f69b; - sync: \f021; - sync_alternate: \f2f1; - syringe: \f48e; - table: \f0ce; - table_tennis: \f45d; - tablet: \f10a; - tablet_alternate: \f3fa; - tablets: \f490; - tachometer_alternate: \f3fd; - tag: \f02b; - tags: \f02c; - tape: \f4db; - tasks: \f0ae; - taxi: \f1ba; - teeth: \f62e; - teeth_open: \f62f; - temperature_high: \f769; - temperature_low: \f76b; - tenge: \f7d7; - terminal: \f120; - text_height: \f034; - text_width: \f035; - th: \f00a; - th_large: \f009; - th_list: \f00b; - theater_masks: \f630; - thermometer: \f491; - thermometer_empty: \f2cb; - thermometer_full: \f2c7; - thermometer_half: \f2c9; - thermometer_quarter: \f2ca; - thermometer_three_quarters: \f2c8; - thumbs_down: \f165; - thumbs_up: \f164; - thumbtack: \f08d; - ticket_alternate: \f3ff; - times: \f00d; - times_circle: \f057; - tint: \f043; - tint_slash: \f5c7; - tired: \f5c8; - toggle_off: \f204; - toggle_on: \f205; - toilet: \f7d8; - toilet_paper: \f71e; - toilet_paper_slash: \e072; - toolbox: \f552; - tools: \f7d9; - tooth: \f5c9; - torah: \f6a0; - torii_gate: \f6a1; - tractor: \f722; - trademark: \f25c; - traffic_light: \f637; - trailer: \e041; - train: \f238; - tram: \f7da; - transgender: \f224; - transgender_alternate: \f225; - trash: \f1f8; - trash_alternate: \f2ed; - trash_restore: \f829; - trash_restore_alternate: \f82a; - tree: \f1bb; - trophy: \f091; - truck: \f0d1; - truck_monster: \f63b; - truck_moving: \f4df; - truck_packing: \f4de; - truck_pickup: \f63c; - tshirt: \f553; - tty: \f1e4; - tv: \f26c; - umbrella: \f0e9; - umbrella_beach: \f5ca; - underline: \f0cd; - undo: \f0e2; - undo_alternate: \f2ea; - universal_access: \f29a; - university: \f19c; - unlink: \f127; - unlock: \f09c; - unlock_alternate: \f13e; - upload: \f093; - user: \f007; - user_alternate: \f406; - user_alternate_slash: \f4fa; - user_astronaut: \f4fb; - user_check: \f4fc; - user_circle: \f2bd; - user_clock: \f4fd; - user_cog: \f4fe; - user_edit: \f4ff; - user_friends: \f500; - user_graduate: \f501; - user_injured: \f728; - user_lock: \f502; - user_md: \f0f0; - user_minus: \f503; - user_ninja: \f504; - user_nurse: \f82f; - user_plus: \f234; - user_secret: \f21b; - user_shield: \f505; - user_slash: \f506; - user_tag: \f507; - user_tie: \f508; - user_times: \f235; - users: \f0c0; - users_cog: \f509; - users_slash: \e073; - utensil_spoon: \f2e5; - utensils: \f2e7; - vector_square: \f5cb; - venus: \f221; - venus_double: \f226; - venus_mars: \f228; - vest: \e085; - vest_patches: \e086; - vial: \f492; - vials: \f493; - video: \f03d; - video_slash: \f4e2; - vihara: \f6a7; - virus: \e074; - virus_slash: \e075; - viruses: \e076; - voicemail: \f897; - volleyball_ball: \f45f; - volume_down: \f027; - volume_mute: \f6a9; - volume_off: \f026; - volume_up: \f028; - vote_yea: \f772; - vr_cardboard: \f729; - walking: \f554; - wallet: \f555; - warehouse: \f494; - water: \f773; - wave_square: \f83e; - weight: \f496; - weight_hanging: \f5cd; - wheelchair: \f193; - wifi: \f1eb; - wind: \f72e; - window_close: \f410; - window_maximize: \f2d0; - window_minimize: \f2d1; - window_restore: \f2d2; - wine_bottle: \f72f; - wine_glass: \f4e3; - wine_glass_alternate: \f5ce; - won_sign: \f159; - wrench: \f0ad; - x_ray: \f497; - yen_sign: \f157; - yin_yang: \f6ad; + ad: '\f641'; + address_book: '\f2b9'; + address_card: '\f2bb'; + adjust: '\f042'; + air_freshener: '\f5d0'; + align_center: '\f037'; + align_justify: '\f039'; + align_left: '\f036'; + align_right: '\f038'; + allergies: '\f461'; + ambulance: '\f0f9'; + american_sign_language_interpreting: '\f2a3'; + anchor: '\f13d'; + angle_double_down: '\f103'; + angle_double_left: '\f100'; + angle_double_right: '\f101'; + angle_double_up: '\f102'; + angle_left: '\f104'; + angle_right: '\f105'; + angle_up: '\f106'; + angle_down: '\f107'; + angry: '\f556'; + ankh: '\f644'; + archive: '\f187'; + archway: '\f557'; + arrow_alternate_circle_down: '\f358'; + arrow_alternate_circle_left: '\f359'; + arrow_alternate_circle_right: '\f35a'; + arrow_alternate_circle_up: '\f35b'; + arrow_circle_down: '\f0ab'; + arrow_circle_left: '\f0a8'; + arrow_circle_right: '\f0a9'; + arrow_circle_up: '\f0aa'; + arrow_down: '\f063'; + arrow_left: '\f060'; + arrow_right: '\f061'; + arrow_up: '\f062'; + arrows_alternate: '\f0b2'; + arrows_alternate_horizontal: '\f337'; + arrows_alternate_vertical: '\f338'; + assistive_listening_systems: '\f2a2'; + asterisk: '\f069'; + at: '\f1fa'; + atlas: '\f558'; + atom: '\f5d2'; + audio_description: '\f29e'; + award: '\f559'; + baby: '\f77c'; + baby_carriage: '\f77d'; + backspace: '\f55a'; + backward: '\f04a'; + bacon: '\f7e5'; + bacteria: '\e059'; + bacterium: '\e05a'; + bahai: '\f666'; + balance_scale: '\f24e'; + balance_scale_left: '\f515'; + balance_scale_right: '\f516'; + ban: '\f05e'; + band_aid: '\f462'; + barcode: '\f02a'; + bars: '\f0c9'; + baseball_ball: '\f433'; + basketball_ball: '\f434'; + bath: '\f2cd'; + battery_empty: '\f244'; + battery_full: '\f240'; + battery_half: '\f242'; + battery_quarter: '\f243'; + battery_three_quarters: '\f241'; + bed: '\f236'; + beer: '\f0fc'; + bell: '\f0f3'; + bell_slash: '\f1f6'; + bezier_curve: '\f55b'; + bible: '\f647'; + bicycle: '\f206'; + biking: '\f84a'; + binoculars: '\f1e5'; + biohazard: '\f780'; + birthday_cake: '\f1fd'; + blender: '\f517'; + blender_phone: '\f6b6'; + blind: '\f29d'; + blog: '\f781'; + bold: '\f032'; + bolt: '\f0e7'; + bomb: '\f1e2'; + bone: '\f5d7'; + bong: '\f55c'; + book: '\f02d'; + book_dead: '\f6b7'; + book_medical: '\f7e6'; + book_open: '\f518'; + book_reader: '\f5da'; + bookmark: '\f02e'; + border_all: '\f84c'; + border_none: '\f850'; + border_style: '\f853'; + bowling_ball: '\f436'; + box: '\f466'; + box_open: '\f49e'; + box_tissue: '\e05b'; + boxes: '\f468'; + braille: '\f2a1'; + brain: '\f5dc'; + bread_slice: '\f7ec'; + briefcase: '\f0b1'; + briefcase_medical: '\f469'; + broadcast_tower: '\f519'; + broom: '\f51a'; + brush: '\f55d'; + bug: '\f188'; + building: '\f1ad'; + bullhorn: '\f0a1'; + bullseye: '\f140'; + burn: '\f46a'; + bus: '\f207'; + bus_alternate: '\f55e'; + business_time: '\f64a'; + calculator: '\f1ec'; + calendar: '\f133'; + calendar_alternate: '\f073'; + calendar_check: '\f274'; + calendar_day: '\f783'; + calendar_minus: '\f272'; + calendar_plus: '\f271'; + calendar_times: '\f273'; + calendar_week: '\f784'; + camera: '\f030'; + camera_retro: '\f083'; + campground: '\f6bb'; + candy_cane: '\f786'; + cannabis: '\f55f'; + capsules: '\f46b'; + car: '\f1b9'; + car_alternate: '\f5de'; + car_battery: '\f5df'; + car_crash: '\f5e1'; + car_side: '\f5e4'; + caravan: '\f8ff'; + caret_down: '\f0d7'; + caret_left: '\f0d9'; + caret_right: '\f0da'; + caret_square_down: '\f150'; + caret_square_left: '\f191'; + caret_square_right: '\f152'; + caret_square_up: '\f151'; + caret_up: '\f0d8'; + carrot: '\f787'; + cart_arrow_down: '\f218'; + cart_plus: '\f217'; + cash_register: '\f788'; + cat: '\f6be'; + certificate: '\f0a3'; + chair: '\f6c0'; + chalkboard: '\f51b'; + chalkboard_teacher: '\f51c'; + charging_station: '\f5e7'; + chart_area: '\f1fe'; + chart_bar: '\f080'; + chart_pie: '\f200'; + chartline: '\f201'; + check: '\f00c'; + check_circle: '\f058'; + check_double: '\f560'; + check_square: '\f14a'; + cheese: '\f7ef'; + chess: '\f439'; + chess_bishop: '\f43a'; + chess_board: '\f43c'; + chess_king: '\f43f'; + chess_knight: '\f441'; + chess_pawn: '\f443'; + chess_queen: '\f445'; + chess_rook: '\f447'; + chevron_circle_down: '\f13a'; + chevron_circle_left: '\f137'; + chevron_circle_right: '\f138'; + chevron_circle_up: '\f139'; + chevron_down: '\f078'; + chevron_left: '\f053'; + chevron_right: '\f054'; + chevron_up: '\f077'; + child: '\f1ae'; + church: '\f51d'; + circle: '\f111'; + circle_notch: '\f1ce'; + city: '\f64f'; + clinic_medical: '\f7f2'; + clipboard: '\f328'; + clipboard_check: '\f46c'; + clipboard_list: '\f46d'; + clock: '\f017'; + clone: '\f24d'; + closed_captioning: '\f20a'; + cloud: '\f0c2'; + cloud_download_alternate: '\f381'; + cloud_meatball: '\f73b'; + cloud_moon: '\f6c3'; + cloud_moon_rain: '\f73c'; + cloud_rain: '\f73d'; + cloud_showers_heavy: '\f740'; + cloud_sun: '\f6c4'; + cloud_sun_rain: '\f743'; + cloud_upload_alternate: '\f382'; + cocktail: '\f561'; + code: '\f121'; + code_branch: '\f126'; + coffee: '\f0f4'; + cog: '\f013'; + cogs: '\f085'; + coins: '\f51e'; + columns: '\f0db'; + comment: '\f075'; + comment_alternate: '\f27a'; + comment_dollar: '\f651'; + comment_dots: '\f4ad'; + comment_medical: '\f7f5'; + comment_slash: '\f4b3'; + comments: '\f086'; + comments_dollar: '\f653'; + compact_disc: '\f51f'; + compass: '\f14e'; + compress: '\f066'; + compress_alternate: '\f422'; + compress_arrows_alternate: '\f78c'; + concierge_bell: '\f562'; + cookie: '\f563'; + cookie_bite: '\f564'; + copy: '\f0c5'; + copyright: '\f1f9'; + couch: '\f4b8'; + credit_card: '\f09d'; + crop: '\f125'; + crop_alternate: '\f565'; + cross: '\f654'; + crosshairs: '\f05b'; + crow: '\f520'; + crown: '\f521'; + crutch: '\f7f7'; + cube: '\f1b2'; + cubes: '\f1b3'; + cut: '\f0c4'; + database: '\f1c0'; + deaf: '\f2a4'; + democrat: '\f747'; + desktop: '\f108'; + dharmachakra: '\f655'; + diagnoses: '\f470'; + dice: '\f522'; + dice_d20: '\f6cf'; + dice_d6: '\f6d1'; + dice_five: '\f523'; + dice_four: '\f524'; + dice_one: '\f525'; + dice_six: '\f526'; + dice_three: '\f527'; + dice_two: '\f528'; + digital_tachograph: '\f566'; + directions: '\f5eb'; + disease: '\f7fa'; + divide: '\f529'; + dizzy: '\f567'; + dna: '\f471'; + dog: '\f6d3'; + dollar_sign: '\f155'; + dolly: '\f472'; + dolly_flatbed: '\f474'; + donate: '\f4b9'; + door_closed: '\f52a'; + door_open: '\f52b'; + dot_circle: '\f192'; + dove: '\f4ba'; + download: '\f019'; + drafting_compass: '\f568'; + dragon: '\f6d5'; + draw_polygon: '\f5ee'; + drum: '\f569'; + drum_steelpan: '\f56a'; + drumstick_bite: '\f6d7'; + dumbbell: '\f44b'; + dumpster: '\f793'; + dumpster_fire: '\f794'; + dungeon: '\f6d9'; + edit: '\f044'; + egg: '\f7fb'; + eject: '\f052'; + ellipsis_horizontal: '\f141'; + ellipsis_vertical: '\f142'; + envelope: '\f0e0'; + envelope_open: '\f2b6'; + envelope_open_text: '\f658'; + envelope_square: '\f199'; + equals: '\f52c'; + eraser: '\f12d'; + ethernet: '\f796'; + euro_sign: '\f153'; + exchange_alternate: '\f362'; + exclamation: '\f12a'; + exclamation_circle: '\f06a'; + exclamation_triangle: '\f071'; + expand: '\f065'; + expand_alternate: '\f424'; + expand_arrows_alternate: '\f31e'; + external_alternate: '\f35d'; + external_link_square_alternate: '\f360'; + eye: '\f06e'; + eye_dropper: '\f1fb'; + eye_slash: '\f070'; + fan: '\f863'; + fast_backward: '\f049'; + fast_forward: '\f050'; + faucet: '\e005'; + fax: '\f1ac'; + feather: '\f52d'; + feather_alternate: '\f56b'; + female: '\f182'; + fighter_jet: '\f0fb'; + file: '\f15b'; + file_alternate: '\f15c'; + file_archive: '\f1c6'; + file_audio: '\f1c7'; + file_code: '\f1c9'; + file_contract: '\f56c'; + file_csv: '\f6dd'; + file_download: '\f56d'; + file_excel: '\f1c3'; + file_export: '\f56e'; + file_image: '\f1c5'; + file_import: '\f56f'; + file_invoice: '\f570'; + file_invoice_dollar: '\f571'; + file_medical: '\f477'; + file_medical_alternate: '\f478'; + file_pdf: '\f1c1'; + file_powerpoint: '\f1c4'; + file_prescription: '\f572'; + file_signature: '\f573'; + file_upload: '\f574'; + file_video: '\f1c8'; + file_word: '\f1c2'; + fill: '\f575'; + fill_drip: '\f576'; + film: '\f008'; + filter: '\f0b0'; + fingerprint: '\f577'; + fire: '\f06d'; + fire_alternate: '\f7e4'; + fire_extinguisher: '\f134'; + first_aid: '\f479'; + fish: '\f578'; + fist_raised: '\f6de'; + flag: '\f024'; + flag_checkered: '\f11e'; + flag_usa: '\f74d'; + flask: '\f0c3'; + flushed: '\f579'; + folder: '\f07b'; + folder_minus: '\f65d'; + folder_open: '\f07c'; + folder_plus: '\f65e'; + font: '\f031'; + football_ball: '\f44e'; + forward: '\f04e'; + frog: '\f52e'; + frown: '\f119'; + frown_open: '\f57a'; + fruit-apple: '\f5d1'; + funnel_dollar: '\f662'; + futbol: '\f1e3'; + gamepad: '\f11b'; + gas_pump: '\f52f'; + gavel: '\f0e3'; + gem: '\f3a5'; + genderless: '\f22d'; + ghost: '\f6e2'; + gift: '\f06b'; + gifts: '\f79c'; + glass_cheers: '\f79f'; + glass_martini: '\f000'; + glass_martini_alternate: '\f57b'; + glass_whiskey: '\f7a0'; + glasses: '\f530'; + globe: '\f0ac'; + globe_africa: '\f57c'; + globe_americas: '\f57d'; + globe_asia: '\f57e'; + globe_europe: '\f7a2'; + golf_ball: '\f450'; + gopuram: '\f664'; + graduation_cap: '\f19d'; + greater_than: '\f531'; + greater_than_equal: '\f532'; + grimace: '\f57f'; + grin: '\f580'; + grin_alternate: '\f581'; + grin_beam: '\f582'; + grin_beam_sweat: '\f583'; + grin_hearts: '\f584'; + grin_squint: '\f585'; + grin_squint_tears: '\f586'; + grin_stars: '\f587'; + grin_tears: '\f588'; + grin_tongue: '\f589'; + grin_tongue_squint: '\f58a'; + grin_tongue_wink: '\f58b'; + grin_wink: '\f58c'; + grip_horizontal: '\f58d'; + grip_lines: '\f7a4'; + grip_lines_vertical: '\f7a5'; + grip_vertical: '\f58e'; + guitar: '\f7a6'; + h_square: '\f0fd'; + hamburger: '\f805'; + hammer: '\f6e3'; + hamsa: '\f665'; + hand_holding: '\f4bd'; + hand_holding_heart: '\f4be'; + hand_holding_medical: '\e05c'; + hand_holding_usd: '\f4c0'; + hand_holding_water: '\f4c1'; + hand_lizard: '\f258'; + hand_middle_finger: '\f806'; + hand_paper: '\f256'; + hand_peace: '\f25b'; + hand_point_down: '\f0a7'; + hand_point_left: '\f0a5'; + hand_point_right: '\f0a4'; + hand_point_up: '\f0a6'; + hand_pointer: '\f25a'; + hand_rock: '\f255'; + hand_scissors: '\f257'; + hand_sparkles: '\e05d'; + hand_spock: '\f259'; + hands: '\f4c2'; + hands_helping: '\f4c4'; + hands_wash: '\e05e'; + handshake: '\f2b5'; + handshake_alternate_slash: '\e05f'; + handshake_slash: '\e060'; + hanukiah: '\f6e6'; + hard_hat: '\f807'; + hashtag: '\f292'; + hat_cowboy: '\f8c0'; + hat_cowboy_side: '\f8c1'; + hat_wizard: '\f6e8'; + hdd: '\f0a0'; + head_side_cough: '\e061'; + head_side_cough_slash: '\e062'; + head_side_mask: '\e063'; + head_side_virus: '\e064'; + heading: '\f1dc'; + headphones: '\f025'; + headphones_alternate: '\f58f'; + headset: '\f590'; + heart: '\f004'; + heart_broken: '\f7a9'; + heartbeat: '\f21e'; + helicopter: '\f533'; + highlighter: '\f591'; + hiking: '\f6ec'; + hippo: '\f6ed'; + history: '\f1da'; + hockey_puck: '\f453'; + holly_berry: '\f7aa'; + home: '\f015'; + horse: '\f6f0'; + horse_head: '\f7ab'; + hospital: '\f0f8'; + hospital_alternate: '\f47d'; + hospital_symbol: '\f47e'; + hospital_user: '\f80d'; + hot_tub: '\f593'; + hotdog: '\f80f'; + hotel: '\f594'; + hourglass: '\f254'; + hourglass_end: '\f253'; + hourglass_half: '\f252'; + hourglass_start: '\f251'; + house_damage: '\f6f1'; + house_user: '\e065'; + hryvnia: '\f6f2'; + i_cursor: '\f246'; + ice_cream: '\f810'; + icicles: '\f7ad'; + icons: '\f86d'; + id_badge: '\f2c1'; + id_card: '\f2c2'; + id_card_alternate: '\f47f'; + igloo: '\f7ae'; + image: '\f03e'; + images: '\f302'; + inbox: '\f01c'; + indent: '\f03c'; + industry: '\f275'; + infinity: '\f534'; + info: '\f129'; + info_circle: '\f05a'; + italic: '\f033'; + jedi: '\f669'; + joint: '\f595'; + journal_whills: '\f66a'; + kaaba: '\f66b'; + key: '\f084'; + keyboard: '\f11c'; + khanda: '\f66d'; + kiss: '\f596'; + kiss_beam: '\f597'; + kiss_wink_heart: '\f598'; + kiwi_bird: '\f535'; + landmark: '\f66f'; + language: '\f1ab'; + laptop: '\f109'; + laptop_code: '\f5fc'; + laptop_house: '\e066'; + laptop_medical: '\f812'; + laugh: '\f599'; + laugh_beam: '\f59a'; + laugh_squint: '\f59b'; + laugh_wink: '\f59c'; + layer_group: '\f5fd'; + leaf: '\f06c'; + lemon: '\f094'; + less_than: '\f536'; + less_than_equal: '\f537'; + level_down_alternate: '\f3be'; + level_up_alternate: '\f3bf'; + life_ring: '\f1cd'; + lightbulb: '\f0eb'; + linkify: '\f0c1'; + lira_sign: '\f195'; + list: '\f03a'; + list_alternate: '\f022'; + list_ol: '\f0cb'; + list_ul: '\f0ca'; + location_arrow: '\f124'; + lock: '\f023'; + lock_open: '\f3c1'; + long_arrow_alternate_down: '\f309'; + long_arrow_alternate_left: '\f30a'; + long_arrow_alternate_right: '\f30b'; + long_arrow_alternate_up: '\f30c'; + low_vision: '\f2a8'; + luggage_cart: '\f59d'; + lungs: '\f604'; + lungs_virus: '\e067'; + magic: '\f0d0'; + magnet: '\f076'; + mail_bulk: '\f674'; + male: '\f183'; + map: '\f279'; + map_marked: '\f59f'; + map_marked_alternate: '\f5a0'; + map_marker: '\f041'; + map_marker_alternate: '\f3c5'; + map_pin: '\f276'; + map_signs: '\f277'; + marker: '\f5a1'; + mars: '\f222'; + mars_double: '\f227'; + mars_stroke: '\f229'; + mars_stroke_horizontal: '\f22b'; + mars_stroke_vertical: '\f22a'; + mask: '\f6fa'; + medal: '\f5a2'; + medkit: '\f0fa'; + meh: '\f11a'; + meh_blank: '\f5a4'; + meh_rolling_eyes: '\f5a5'; + memory: '\f538'; + menorah: '\f676'; + mercury: '\f223'; + meteor: '\f753'; + microchip: '\f2db'; + microphone: '\f130'; + microphone_alternate: '\f3c9'; + microphone_alternate_slash: '\f539'; + microphone_slash: '\f131'; + microscope: '\f610'; + minus: '\f068'; + minus_circle: '\f056'; + minus_square: '\f146'; + mitten: '\f7b5'; + mobile: '\f10b'; + mobile_alternate: '\f3cd'; + money_bill: '\f0d6'; + money_bill_alternate: '\f3d1'; + money_bill_wave: '\f53a'; + money_bill_wave_alternate: '\f53b'; + money_check: '\f53c'; + money_check_alternate: '\f53d'; + monument: '\f5a6'; + moon: '\f186'; + mortar_pestle: '\f5a7'; + mosque: '\f678'; + motorcycle: '\f21c'; + mountain: '\f6fc'; + mouse: '\f8cc'; + mouse_pointer: '\f245'; + mug_hot: '\f7b6'; + music: '\f001'; + network_wired: '\f6ff'; + neuter: '\f22c'; + newspaper: '\f1ea'; + not_equal: '\f53e'; + notes_medical: '\f481'; + object_group: '\f247'; + object_ungroup: '\f248'; + oil_can: '\f613'; + om: '\f679'; + otter: '\f700'; + outdent: '\f03b'; + pager: '\f815'; + paint_brush: '\f1fc'; + paint_roller: '\f5aa'; + palette: '\f53f'; + pallet: '\f482'; + paper_plane: '\f1d8'; + paperclip: '\f0c6'; + parachute_box: '\f4cd'; + paragraph: '\f1dd'; + parking: '\f540'; + passport: '\f5ab'; + pastafarianism: '\f67b'; + paste: '\f0ea'; + pause: '\f04c'; + pause_circle: '\f28b'; + paw: '\f1b0'; + peace: '\f67c'; + pen: '\f304'; + pen_alternate: '\f305'; + pen_fancy: '\f5ac'; + pen_nib: '\f5ad'; + pen_square: '\f14b'; + pencil_alternate: '\f303'; + pencil_ruler: '\f5ae'; + people_arrows: '\e068'; + people_carry: '\f4ce'; + pepper_hot: '\f816'; + percent: '\f295'; + percentage: '\f541'; + person_booth: '\f756'; + phone: '\f095'; + phone_alternate: '\f879'; + phone_slash: '\f3dd'; + phone_square: '\f098'; + phone_square_alternate: '\f87b'; + phone_volume: '\f2a0'; + photo_video: '\f87c'; + piggy_bank: '\f4d3'; + pills: '\f484'; + pizza_slice: '\f818'; + place_of_worship: '\f67f'; + plane: '\f072'; + plane_arrival: '\f5af'; + plane_departure: '\f5b0'; + plane_slash: '\e069'; + play: '\f04b'; + play_circle: '\f144'; + plug: '\f1e6'; + plus: '\f067'; + plus_circle: '\f055'; + plus_square: '\f0fe'; + podcast: '\f2ce'; + poll: '\f681'; + poll_horizontal: '\f682'; + poo: '\f2fe'; + poo_storm: '\f75a'; + poop: '\f619'; + portrait: '\f3e0'; + pound_sign: '\f154'; + power_off: '\f011'; + pray: '\f683'; + praying_hands: '\f684'; + prescription: '\f5b1'; + prescription_bottle: '\f485'; + prescription_bottle_alternate: '\f486'; + print: '\f02f'; + procedures: '\f487'; + project_diagram: '\f542'; + pump_medical: '\e06a'; + pump_soap: '\e06b'; + puzzle_piece: '\f12e'; + qrcode: '\f029'; + question: '\f128'; + question_circle: '\f059'; + quidditch: '\f458'; + quote_left: '\f10d'; + quote_right: '\f10e'; + quran: '\f687'; + radiation: '\f7b9'; + radiation_alternate: '\f7ba'; + rainbow: '\f75b'; + random: '\f074'; + receipt: '\f543'; + record_vinyl: '\f8d9'; + recycle: '\f1b8'; + redo: '\f01e'; + redo_alternate: '\f2f9'; + registered: '\f25d'; + remove_format: '\f87d'; + reply: '\f3e5'; + reply_all: '\f122'; + republican: '\f75e'; + restroom: '\f7bd'; + retweet: '\f079'; + ribbon: '\f4d6'; + ring: '\f70b'; + road: '\f018'; + robot: '\f544'; + rocket: '\f135'; + route: '\f4d7'; + rss: '\f09e'; + rss_square: '\f143'; + ruble_sign: '\f158'; + ruler: '\f545'; + ruler_combined: '\f546'; + ruler_horizontal: '\f547'; + ruler_vertical: '\f548'; + running: '\f70c'; + rupee_sign: '\f156'; + sad_cry: '\f5b3'; + sad_tear: '\f5b4'; + satellite: '\f7bf'; + satellite_dish: '\f7c0'; + save: '\f0c7'; + school: '\f549'; + screwdriver: '\f54a'; + scroll: '\f70e'; + sd_card: '\f7c2'; + search: '\f002'; + search_dollar: '\f688'; + search_location: '\f689'; + search_minus: '\f010'; + search_plus: '\f00e'; + seedling: '\f4d8'; + server: '\f233'; + shapes: '\f61f'; + share: '\f064'; + share_alternate: '\f1e0'; + share_alternate_square: '\f1e1'; + share_square: '\f14d'; + shekel_sign: '\f20b'; + shield_alternate: '\f3ed'; + shield_virus: '\e06c'; + ship: '\f21a'; + shipping_fast: '\f48b'; + shoe_prints: '\f54b'; + shopping_bag: '\f290'; + shopping_basket: '\f291'; + shopping_cart: '\f07a'; + shower: '\f2cc'; + shuttle_van: '\f5b6'; + sign: '\f4d9'; + sign_in_alternate: '\f2f6'; + sign_language: '\f2a7'; + sign_out_alternate: '\f2f5'; + signal: '\f012'; + signature: '\f5b7'; + sim_card: '\f7c4'; + sink: '\e06d'; + sitemap: '\f0e8'; + skating: '\f7c5'; + skiing: '\f7c9'; + skiing_nordic: '\f7ca'; + skull: '\f54c'; + skull_crossbones: '\f714'; + slash: '\f715'; + sleigh: '\f7cc'; + sliders_horizontal: '\f1de'; + smile: '\f118'; + smile_beam: '\f5b8'; + smile_wink: '\f4da'; + smog: '\f75f'; + smoking: '\f48d'; + smoking_ban: '\f54d'; + sms: '\f7cd'; + snowboarding: '\f7ce'; + snowflake: '\f2dc'; + snowman: '\f7d0'; + snowplow: '\f7d2'; + soap: '\e06e'; + socks: '\f696'; + solar_panel: '\f5ba'; + sort: '\f0dc'; + sort_alphabet_down: '\f15d'; + sort_alphabet_down_alternate: '\f881'; + sort_alphabet_up: '\f15e'; + sort_alphabet_up_alternate: '\f882'; + sort_amount_down: '\f160'; + sort_amount_down_alternate: '\f884'; + sort_amount_up: '\f161'; + sort_amount_up_alternate: '\f885'; + sort_down: '\f0dd'; + sort_numeric_down: '\f162'; + sort_numeric_down_alternate: '\f886'; + sort_numeric_up: '\f163'; + sort_numeric_up_alternate: '\f887'; + sort_up: '\f0de'; + spa: '\f5bb'; + space_shuttle: '\f197'; + spell_check: '\f891'; + spider: '\f717'; + spinner: '\f110'; + splotch: '\f5bc'; + spray_can: '\f5bd'; + square: '\f0c8'; + square_full: '\f45c'; + square_root_alternate: '\f698'; + stamp: '\f5bf'; + star: '\f005'; + star_and_crescent: '\f699'; + star_half: '\f089'; + star_half_alternate: '\f5c0'; + star_of_david: '\f69a'; + star_of_life: '\f621'; + step_backward: '\f048'; + step_forward: '\f051'; + stethoscope: '\f0f1'; + sticky_note: '\f249'; + stop: '\f04d'; + stop_circle: '\f28d'; + stopwatch: '\f2f2'; + stopwatch_twenty: '\e06f'; + store: '\f54e'; + store_alternate: '\f54f'; + store_alternate_slash: '\e070'; + store_slash: '\e071'; + stream: '\f550'; + street_view: '\f21d'; + strikethrough: '\f0cc'; + stroopwafel: '\f551'; + subscript: '\f12c'; + subway: '\f239'; + suitcase: '\f0f2'; + suitcase_rolling: '\f5c1'; + sun: '\f185'; + superscript: '\f12b'; + surprise: '\f5c2'; + swatchbook: '\f5c3'; + swimmer: '\f5c4'; + swimming_pool: '\f5c5'; + synagogue: '\f69b'; + sync: '\f021'; + sync_alternate: '\f2f1'; + syringe: '\f48e'; + table: '\f0ce'; + table_tennis: '\f45d'; + tablet: '\f10a'; + tablet_alternate: '\f3fa'; + tablets: '\f490'; + tachometer_alternate: '\f3fd'; + tag: '\f02b'; + tags: '\f02c'; + tape: '\f4db'; + tasks: '\f0ae'; + taxi: '\f1ba'; + teeth: '\f62e'; + teeth_open: '\f62f'; + temperature_high: '\f769'; + temperature_low: '\f76b'; + tenge: '\f7d7'; + terminal: '\f120'; + text_height: '\f034'; + text_width: '\f035'; + th: '\f00a'; + th_large: '\f009'; + th_list: '\f00b'; + theater_masks: '\f630'; + thermometer: '\f491'; + thermometer_empty: '\f2cb'; + thermometer_full: '\f2c7'; + thermometer_half: '\f2c9'; + thermometer_quarter: '\f2ca'; + thermometer_three_quarters: '\f2c8'; + thumbs_down: '\f165'; + thumbs_up: '\f164'; + thumbtack: '\f08d'; + ticket_alternate: '\f3ff'; + times: '\f00d'; + times_circle: '\f057'; + tint: '\f043'; + tint_slash: '\f5c7'; + tired: '\f5c8'; + toggle_off: '\f204'; + toggle_on: '\f205'; + toilet: '\f7d8'; + toilet_paper: '\f71e'; + toilet_paper_slash: '\e072'; + toolbox: '\f552'; + tools: '\f7d9'; + tooth: '\f5c9'; + torah: '\f6a0'; + torii_gate: '\f6a1'; + tractor: '\f722'; + trademark: '\f25c'; + traffic_light: '\f637'; + trailer: '\e041'; + train: '\f238'; + tram: '\f7da'; + transgender: '\f224'; + transgender_alternate: '\f225'; + trash: '\f1f8'; + trash_alternate: '\f2ed'; + trash_restore: '\f829'; + trash_restore_alternate: '\f82a'; + tree: '\f1bb'; + trophy: '\f091'; + truck: '\f0d1'; + truck_monster: '\f63b'; + truck_moving: '\f4df'; + truck_packing: '\f4de'; + truck_pickup: '\f63c'; + tshirt: '\f553'; + tty: '\f1e4'; + tv: '\f26c'; + umbrella: '\f0e9'; + umbrella_beach: '\f5ca'; + underline: '\f0cd'; + undo: '\f0e2'; + undo_alternate: '\f2ea'; + universal_access: '\f29a'; + university: '\f19c'; + unlink: '\f127'; + unlock: '\f09c'; + unlock_alternate: '\f13e'; + upload: '\f093'; + user: '\f007'; + user_alternate: '\f406'; + user_alternate_slash: '\f4fa'; + user_astronaut: '\f4fb'; + user_check: '\f4fc'; + user_circle: '\f2bd'; + user_clock: '\f4fd'; + user_cog: '\f4fe'; + user_edit: '\f4ff'; + user_friends: '\f500'; + user_graduate: '\f501'; + user_injured: '\f728'; + user_lock: '\f502'; + user_md: '\f0f0'; + user_minus: '\f503'; + user_ninja: '\f504'; + user_nurse: '\f82f'; + user_plus: '\f234'; + user_secret: '\f21b'; + user_shield: '\f505'; + user_slash: '\f506'; + user_tag: '\f507'; + user_tie: '\f508'; + user_times: '\f235'; + users: '\f0c0'; + users_cog: '\f509'; + users_slash: '\e073'; + utensil_spoon: '\f2e5'; + utensils: '\f2e7'; + vector_square: '\f5cb'; + venus: '\f221'; + venus_double: '\f226'; + venus_mars: '\f228'; + vest: '\e085'; + vest_patches: '\e086'; + vial: '\f492'; + vials: '\f493'; + video: '\f03d'; + video_slash: '\f4e2'; + vihara: '\f6a7'; + virus: '\e074'; + virus_slash: '\e075'; + viruses: '\e076'; + voicemail: '\f897'; + volleyball_ball: '\f45f'; + volume_down: '\f027'; + volume_mute: '\f6a9'; + volume_off: '\f026'; + volume_up: '\f028'; + vote_yea: '\f772'; + vr_cardboard: '\f729'; + walking: '\f554'; + wallet: '\f555'; + warehouse: '\f494'; + water: '\f773'; + wave_square: '\f83e'; + weight: '\f496'; + weight_hanging: '\f5cd'; + wheelchair: '\f193'; + wifi: '\f1eb'; + wind: '\f72e'; + window_close: '\f410'; + window_maximize: '\f2d0'; + window_minimize: '\f2d1'; + window_restore: '\f2d2'; + wine_bottle: '\f72f'; + wine_glass: '\f4e3'; + wine_glass_alternate: '\f5ce'; + won_sign: '\f159'; + wrench: '\f0ad'; + x_ray: '\f497'; + yen_sign: '\f157'; + yin_yang: '\f6ad'; }; @icon-aliases-map: { - add: \f067; - add_circle: \f055; - add_square: \f0fe; - add_to_calendar: \f271; - add_to_cart: \f217; - add_user: \f234; - alarm: \f0f3; - alarm_mute: \f1f6; - ald: \f2a2; - als: \f2a2; - announcement: \f0a1; - area_chart: \f1fe; - area_graph: \f1fe; - arrow_down_cart: \f218; - asexual: \f22d; - asl: \f2a3; - asl_interpreting: \f2a3; - assistive_listening_devices: \f2a2; - attach: \f0c6; - attention: \f06a; - balance: \f24e; - bar: \f0fc; - bathtub: \f2cd; - battery_four: \f240; - battery_high: \f241; - battery_low: \f243; - battery_medium: \f242; - battery_one: \f243; - battery_three: \f241; - battery_two: \f242; - battery_zero: \f244; - birthday: \f1fd; - block_layout: \f009; - broken_chain: \f127; - browser: \f022; - call: \f095; - call_square: \f098; - cancel: \f00d; - cart: \f07a; - cc: \f20a; - chain: \f0c1; - chat: \f075; - checked_calendar: \f274; - checkmark: \f00c; - checkmark_box: \f14a; - chess_rock: \f447; - circle_notched: \f1ce; - circle_thin: \f111; - close: \f00d; - cloud_download: \f381; - cloud_upload: \f382; - cny: \f157; - cocktail: \f000; - commenting: \f27a; - compose: \f303; - computer: \f108; - configure: \f0ad; - content: \f0c9; - conversation: \f086; - credit_card_alternative: \f09d; - currency: \f3d1; - dashboard: \f3fd; - deafness: \f2a4; - delete: \f00d; - delete_calendar: \f273; - detective: \f21b; - diamond: \f3a5; - discussions: \f086; - disk: \f0a0; - doctor: \f0f0; - dollar: \f155; - dont: \f05e; - drivers_license: \f2c2; - dropdown: \f0d7; - emergency: \f0f9; - erase: \f12d; - eur: \f153; - euro: \f153; - exchange: \f362; - external: \f35d; - external_share: \f14d; - external_square: \f360; - eyedropper: \f1fb; - factory: \f275; - favorite: \f005; - feed: \f09e; - female_homosexual: \f226; - file_text: \f15c; - find: \f1e5; - first_aid: \f0fa; - food: \f2e7; - fork: \f126; - game: \f11b; - gay: \f227; - gbp: \f154; - grab: \f255; - graduation: \f19d; - grid_layout: \f00a; - group: \f0c0; - h: \f0fd; - hamburger: \f0c9; - hand_victory: \f25b; - handicap: \f193; - hard_of_hearing: \f2a4; - header: \f1dc; - heart_empty: \f004; - help: \f128; - help_circle: \f059; - heterosexual: \f228; - hide: \f070; - hotel: \f236; - hourglass_four: \f254; - hourglass_full: \f254; - hourglass_one: \f251; - hourglass_three: \f253; - hourglass_two: \f252; - hourglass_zero: \f253; - idea: \f0eb; - ils: \f20b; - in_cart: \f218; - inr: \f156; - intergender: \f224; - intersex: \f224; - jpy: \f157; - krw: \f159; - lab: \f0c3; - law: \f24e; - legal: \f0e3; - lesbian: \f226; - level_down: \f3be; - level_up: \f3bf; - lightning: \f0e7; - like: \f004; - linegraph: \f201; - linkify: \f0c1; - lira: \f195; - list_layout: \f00b; - log_out: \f2f5; - magnify: \f00e; - mail: \f0e0; - mail_forward: \f064; - mail_square: \f199; - male_homosexual: \f227; - man: \f222; - marker: \f041; - mars_alternate: \f229; - mars_horizontal: \f22b; - mars_vertical: \f22a; - meanpath: \f0c8; - military: \f0fb; - money: \f3d1; - move: \f0b2; - mute: \f131; - non_binary_transgender: \f223; - numbered_list: \f0cb; - options: \f1de; - ordered_list: \f0cb; - other_gender: \f229; - other_gender_horizontal: \f22b; - other_gender_vertical: \f22a; - payment: \f09d; - pencil: \f303; - pencil_square: \f14b; - photo: \f030; - picture: \f03e; - pie_chart: \f200; - pie_graph: \f200; - pin: \f08d; - plus_cart: \f217; - point: \f041; - pointing_down: \f0a7; - pointing_left: \f0a5; - pointing_right: \f0a4; - pointing_up: \f0a6; - pound: \f154; - power: \f011; - power_cord: \f1e6; - privacy: \f084; - protect: \f023; - puzzle: \f12e; - r_circle: \f25d; - radio: \f192; - rain: \f0e9; - record: \f03d; - refresh: \f021; - remove: \f00d; - remove_bookmark: \f02e; - remove_circle: \f057; - remove_from_calendar: \f272; - remove_user: \f235; - repeat: \f01e; - resize_horizontal: \f337; - resize_vertical: \f338; - rmb: \f157; - rouble: \f158; - rub: \f158; - ruble: \f158; - rupee: \f156; - s15: \f2cd; - selected_radio: \f192; - send: \f1d8; - setting: \f013; - settings: \f085; - shekel: \f20b; - sheqel: \f20b; - shield: \f3ed; - shipping: \f0d1; - shop: \f07a; - shuffle: \f074; - shutdown: \f011; - sidebar: \f0c9; - sign_in: \f2f6; - sign_out: \f2f5; - signing: \f2a7; - signup: \f044; - sliders: \f1de; - soccer: \f1e3; - sort_alphabet_ascending: \f15d; - sort_alphabet_descending: \f15e; - sort_ascending: \f0de; - sort_content_ascending: \f160; - sort_content_descending: \f161; - sort_descending: \f0dd; - sort_numeric_ascending: \f162; - sort_numeric_descending: \f163; - sound: \f025; - spoon: \f2e5; - spy: \f21b; - star_empty: \f005; - star_half_empty: \f089; - star_half_full: \f089; - student: \f19d; - talk: \f27a; - target: \f140; - teletype: \f1e4; - television: \f26c; - text_cursor: \f246; - text_telephone: \f1e4; - theme: \f043; - thermometer: \f2c7; - thumb_tack: \f08d; - ticket: \f3ff; - time: \f017; - times_rectangle: \f410; - tm: \f25c; - toggle_down: \f150; - toggle_left: \f191; - toggle_right: \f152; - toggle_up: \f151; - translate: \f1ab; - travel: \f0b1; - treatment: \f0f1; - triangle_down: \f0d7; - triangle_left: \f0d9; - triangle_right: \f0da; - triangle_up: \f0d8; - try: \f195; - unhide: \f06e; - unlinkify: \f127; - unmute: \f130; - unordered_list: \f0ca; - usd: \f155; - user_cancel: \f235; - user_close: \f235; - user_delete: \f235; - user_doctor: \f0f0; - user_x: \f235; - vcard: \f2bb; - video_camera: \f03d; - video_play: \f144; - volume_control_phone: \f2a0; - wait: \f017; - warning: \f12a; - warning_circle: \f06a; - warning_sign: \f071; - wi_fi: \f1eb; - winner: \f091; - wizard: \f0d0; - woman: \f221; - won: \f159; - world: \f0ac; - write: \f303; - write_square: \f14b; - x: \f00d; - yen: \f157; - zip: \f187; - zoom: \f00e; - zoom_in: \f00e; - zoom_out: \f010; + add: '\f067'; + add_circle: '\f055'; + add_square: '\f0fe'; + add_to_calendar: '\f271'; + add_to_cart: '\f217'; + add_user: '\f234'; + alarm: '\f0f3'; + alarm_mute: '\f1f6'; + ald: '\f2a2'; + als: '\f2a2'; + announcement: '\f0a1'; + area_chart: '\f1fe'; + area_graph: '\f1fe'; + arrow_down_cart: '\f218'; + asexual: '\f22d'; + asl: '\f2a3'; + asl_interpreting: '\f2a3'; + assistive_listening_devices: '\f2a2'; + attach: '\f0c6'; + attention: '\f06a'; + balance: '\f24e'; + bar: '\f0fc'; + bathtub: '\f2cd'; + battery_four: '\f240'; + battery_high: '\f241'; + battery_low: '\f243'; + battery_medium: '\f242'; + battery_one: '\f243'; + battery_three: '\f241'; + battery_two: '\f242'; + battery_zero: '\f244'; + birthday: '\f1fd'; + block_layout: '\f009'; + broken_chain: '\f127'; + browser: '\f022'; + call: '\f095'; + call_square: '\f098'; + cancel: '\f00d'; + cart: '\f07a'; + cc: '\f20a'; + chain: '\f0c1'; + chat: '\f075'; + checked_calendar: '\f274'; + checkmark: '\f00c'; + checkmark_box: '\f14a'; + chess_rock: '\f447'; + circle_notched: '\f1ce'; + circle_thin: '\f111'; + close: '\f00d'; + cloud_download: '\f381'; + cloud_upload: '\f382'; + cny: '\f157'; + cocktail: '\f000'; + commenting: '\f27a'; + compose: '\f303'; + computer: '\f108'; + configure: '\f0ad'; + content: '\f0c9'; + conversation: '\f086'; + credit_card_alternative: '\f09d'; + currency: '\f3d1'; + dashboard: '\f3fd'; + deafness: '\f2a4'; + delete: '\f00d'; + delete_calendar: '\f273'; + detective: '\f21b'; + diamond: '\f3a5'; + discussions: '\f086'; + disk: '\f0a0'; + doctor: '\f0f0'; + dollar: '\f155'; + dont: '\f05e'; + drivers_license: '\f2c2'; + dropdown: '\f0d7'; + emergency: '\f0f9'; + erase: '\f12d'; + eur: '\f153'; + euro: '\f153'; + exchange: '\f362'; + external: '\f35d'; + external_share: '\f14d'; + external_square: '\f360'; + eyedropper: '\f1fb'; + factory: '\f275'; + favorite: '\f005'; + feed: '\f09e'; + female_homosexual: '\f226'; + file_text: '\f15c'; + find: '\f1e5'; + first_aid: '\f0fa'; + food: '\f2e7'; + fork: '\f126'; + game: '\f11b'; + gay: '\f227'; + gbp: '\f154'; + grab: '\f255'; + graduation: '\f19d'; + grid_layout: '\f00a'; + group: '\f0c0'; + h: '\f0fd'; + hamburger: '\f0c9'; + hand_victory: '\f25b'; + handicap: '\f193'; + hard_of_hearing: '\f2a4'; + header: '\f1dc'; + heart_empty: '\f004'; + help: '\f128'; + help_circle: '\f059'; + heterosexual: '\f228'; + hide: '\f070'; + hotel: '\f236'; + hourglass_four: '\f254'; + hourglass_full: '\f254'; + hourglass_one: '\f251'; + hourglass_three: '\f253'; + hourglass_two: '\f252'; + hourglass_zero: '\f253'; + idea: '\f0eb'; + ils: '\f20b'; + in_cart: '\f218'; + inr: '\f156'; + intergender: '\f224'; + intersex: '\f224'; + jpy: '\f157'; + krw: '\f159'; + lab: '\f0c3'; + law: '\f24e'; + legal: '\f0e3'; + lesbian: '\f226'; + level_down: '\f3be'; + level_up: '\f3bf'; + lightning: '\f0e7'; + like: '\f004'; + linegraph: '\f201'; + linkify: '\f0c1'; + lira: '\f195'; + list_layout: '\f00b'; + log_out: '\f2f5'; + magnify: '\f00e'; + mail: '\f0e0'; + mail_forward: '\f064'; + mail_square: '\f199'; + male_homosexual: '\f227'; + man: '\f222'; + marker: '\f041'; + mars_alternate: '\f229'; + mars_horizontal: '\f22b'; + mars_vertical: '\f22a'; + meanpath: '\f0c8'; + military: '\f0fb'; + money: '\f3d1'; + move: '\f0b2'; + mute: '\f131'; + non_binary_transgender: '\f223'; + numbered_list: '\f0cb'; + options: '\f1de'; + ordered_list: '\f0cb'; + other_gender: '\f229'; + other_gender_horizontal: '\f22b'; + other_gender_vertical: '\f22a'; + payment: '\f09d'; + pencil: '\f303'; + pencil_square: '\f14b'; + photo: '\f030'; + picture: '\f03e'; + pie_chart: '\f200'; + pie_graph: '\f200'; + pin: '\f08d'; + plus_cart: '\f217'; + point: '\f041'; + pointing_down: '\f0a7'; + pointing_left: '\f0a5'; + pointing_right: '\f0a4'; + pointing_up: '\f0a6'; + pound: '\f154'; + power: '\f011'; + power_cord: '\f1e6'; + privacy: '\f084'; + protect: '\f023'; + puzzle: '\f12e'; + r_circle: '\f25d'; + radio: '\f192'; + rain: '\f0e9'; + record: '\f03d'; + refresh: '\f021'; + remove: '\f00d'; + remove_bookmark: '\f02e'; + remove_circle: '\f057'; + remove_from_calendar: '\f272'; + remove_user: '\f235'; + repeat: '\f01e'; + resize_horizontal: '\f337'; + resize_vertical: '\f338'; + rmb: '\f157'; + rouble: '\f158'; + rub: '\f158'; + ruble: '\f158'; + rupee: '\f156'; + s15: '\f2cd'; + selected_radio: '\f192'; + send: '\f1d8'; + setting: '\f013'; + settings: '\f085'; + shekel: '\f20b'; + sheqel: '\f20b'; + shield: '\f3ed'; + shipping: '\f0d1'; + shop: '\f07a'; + shuffle: '\f074'; + shutdown: '\f011'; + sidebar: '\f0c9'; + sign_in: '\f2f6'; + sign_out: '\f2f5'; + signing: '\f2a7'; + signup: '\f044'; + sliders: '\f1de'; + soccer: '\f1e3'; + sort_alphabet_ascending: '\f15d'; + sort_alphabet_descending: '\f15e'; + sort_ascending: '\f0de'; + sort_content_ascending: '\f160'; + sort_content_descending: '\f161'; + sort_descending: '\f0dd'; + sort_numeric_ascending: '\f162'; + sort_numeric_descending: '\f163'; + sound: '\f025'; + spoon: '\f2e5'; + spy: '\f21b'; + star_empty: '\f005'; + star_half_empty: '\f089'; + star_half_full: '\f089'; + student: '\f19d'; + talk: '\f27a'; + target: '\f140'; + teletype: '\f1e4'; + television: '\f26c'; + text_cursor: '\f246'; + text_telephone: '\f1e4'; + theme: '\f043'; + thermometer: '\f2c7'; + thumb_tack: '\f08d'; + ticket: '\f3ff'; + time: '\f017'; + times_rectangle: '\f410'; + tm: '\f25c'; + toggle_down: '\f150'; + toggle_left: '\f191'; + toggle_right: '\f152'; + toggle_up: '\f151'; + translate: '\f1ab'; + travel: '\f0b1'; + treatment: '\f0f1'; + triangle_down: '\f0d7'; + triangle_left: '\f0d9'; + triangle_right: '\f0da'; + triangle_up: '\f0d8'; + try: '\f195'; + unhide: '\f06e'; + unlinkify: '\f127'; + unmute: '\f130'; + unordered_list: '\f0ca'; + usd: '\f155'; + user_cancel: '\f235'; + user_close: '\f235'; + user_delete: '\f235'; + user_doctor: '\f0f0'; + user_x: '\f235'; + vcard: '\f2bb'; + video_camera: '\f03d'; + video_play: '\f144'; + volume_control_phone: '\f2a0'; + wait: '\f017'; + warning: '\f12a'; + warning_circle: '\f06a'; + warning_sign: '\f071'; + wi_fi: '\f1eb'; + winner: '\f091'; + wizard: '\f0d0'; + woman: '\f221'; + won: '\f159'; + world: '\f0ac'; + write: '\f303'; + write_square: '\f14b'; + x: '\f00d'; + yen: '\f157'; + zip: '\f187'; + zoom: '\f00e'; + zoom_in: '\f00e'; + zoom_out: '\f010'; }; @icon-outline-map: { - address_book_outline: \f2b9; - address_card_outline: \f2bb; - angry_outline: \f556; - arrow_alternate_circle_down_outline: \f358; - arrow_alternate_circle_left_outline: \f359; - arrow_alternate_circle_right_outline: \f35a; - arrow_alternate_circle_up_outline: \f35b; - bell_outline: \f0f3; - bell_slash_outline: \f1f6; - bookmark_outline: \f02e; - building_outline: \f1ad; - calendar_alternate_outline: \f073; - calendar_check_outline: \f274; - calendar_minus_outline: \f272; - calendar_outline: \f133; - calendar_plus_outline: \f271; - calendar_times_outline: \f273; - caret_square_down_outline: \f150; - caret_square_left_outline: \f191; - caret_square_right_outline: \f152; - caret_square_up_outline: \f151; - chart_bar_outline: \f080; - check_circle_outline: \f058; - check_square_outline: \f14a; - circle_outline: \f111; - clipboard_outline: \f328; - clock_outline: \f017; - clone_outline: \f24d; - closed_captioning_outline: \f20a; - comment_alternate_outline: \f27a; - comment_dots_outline: \f4ad; - comment_outline: \f075; - comments_outline: \f086; - compass_outline: \f14e; - copy_outline: \f0c5; - copyright_outline: \f1f9; - credit_card_outline: \f09d; - dizzy_outline: \f567; - dot_circle_outline: \f192; - edit_outline: \f044; - envelope_open_outline: \f2b6; - envelope_outline: \f0e0; - eye_outline: \f06e; - eye_slash_outline: \f070; - file_alternate_outline: \f15c; - file_archive_outline: \f1c6; - file_audio_outline: \f1c7; - file_code_outline: \f1c9; - file_excel_outline: \f1c3; - file_image_outline: \f1c5; - file_outline: \f15b; - file_pdf_outline: \f1c1; - file_powerpoint_outline: \f1c4; - file_video_outline: \f1c8; - file_word_outline: \f1c2; - flag_outline: \f024; - flushed_outline: \f579; - folder_open_outline: \f07c; - folder_outline: \f07b; - frown_open_outline: \f57a; - frown_outline: \f119; - futbol_outline: \f1e3; - gem_outline: \f3a5; - grimace_outline: \f57f; - grin_alternate_outline: \f581; - grin_beam_outline: \f582; - grin_beam_sweat_outline: \f583; - grin_hearts_outline: \f584; - grin_outline: \f580; - grin_squint_outline: \f585; - grin_squint_tears_outline: \f586; - grin_stars_outline: \f587; - grin_tears_outline: \f588; - grin_tongue_outline: \f589; - grin_tongue_squint_outline: \f58a; - grin_tongue_wink_outline: \f58b; - grin_wink_outline: \f58c; - hand_lizard_outline: \f258; - hand_paper_outline: \f256; - hand_peace_outline: \f25b; - hand_point_down_outline: \f0a7; - hand_point_left_outline: \f0a5; - hand_point_right_outline: \f0a4; - hand_point_up_outline: \f0a6; - hand_pointer_outline: \f25a; - hand_rock_outline: \f255; - hand_scissors_outline: \f257; - hand_spock_outline: \f259; - handshake_outline: \f2b5; - hdd_outline: \f0a0; - heart_outline: \f004; - hospital_outline: \f0f8; - hourglass_outline: \f254; - id_badge_outline: \f2c1; - id_card_outline: \f2c2; - image_outline: \f03e; - images_outline: \f302; - keyboard_outline: \f11c; - kiss_beam_outline: \f597; - kiss_outline: \f596; - kiss_wink_heart_outline: \f598; - laugh_beam_outline: \f59a; - laugh_outline: \f599; - laugh_squint_outline: \f59b; - laugh_wink_outline: \f59c; - lemon_outline: \f094; - life_ring_outline: \f1cd; - lightbulb_outline: \f0eb; - list_alternate_outline: \f022; - map_outline: \f279; - meh_blank_outline: \f5a4; - meh_outline: \f11a; - meh_rolling_eyes_outline: \f5a5; - minus_square_outline: \f146; - money_bill_alternate_outline: \f3d1; - moon_outline: \f186; - newspaper_outline: \f1ea; - object_group_outline: \f247; - object_ungroup_outline: \f248; - paper_plane_outline: \f1d8; - pause_circle_outline: \f28b; - play_circle_outline: \f144; - plus_square_outline: \f0fe; - question_circle_outline: \f059; - registered_outline: \f25d; - sad_cry_outline: \f5b3; - sad_tear_outline: \f5b4; - save_outline: \f0c7; - share_square_outline: \f14d; - smile_beam_outline: \f5b8; - smile_outline: \f118; - smile_wink_outline: \f4da; - snowflake_outline: \f2dc; - square_outline: \f0c8; - star_half_outline: \f089; - star_outline: \f005; - sticky_note_outline: \f249; - stop_circle_outline: \f28d; - sun_outline: \f185; - surprise_outline: \f5c2; - thumbs_down_outline: \f165; - thumbs_up_outline: \f164; - times_circle_outline: \f057; - tired_outline: \f5c8; - trash_alternate_outline: \f2ed; - user_circle_outline: \f2bd; - user_outline: \f007; - window_close_outline: \f410; - window_maximize_outline: \f2d0; - window_minimize_outline: \f2d1; - window_restore_outline: \f2d2; + address_book_outline: '\f2b9'; + address_card_outline: '\f2bb'; + angry_outline: '\f556'; + arrow_alternate_circle_down_outline: '\f358'; + arrow_alternate_circle_left_outline: '\f359'; + arrow_alternate_circle_right_outline: '\f35a'; + arrow_alternate_circle_up_outline: '\f35b'; + bell_outline: '\f0f3'; + bell_slash_outline: '\f1f6'; + bookmark_outline: '\f02e'; + building_outline: '\f1ad'; + calendar_alternate_outline: '\f073'; + calendar_check_outline: '\f274'; + calendar_minus_outline: '\f272'; + calendar_outline: '\f133'; + calendar_plus_outline: '\f271'; + calendar_times_outline: '\f273'; + caret_square_down_outline: '\f150'; + caret_square_left_outline: '\f191'; + caret_square_right_outline: '\f152'; + caret_square_up_outline: '\f151'; + chart_bar_outline: '\f080'; + check_circle_outline: '\f058'; + check_square_outline: '\f14a'; + circle_outline: '\f111'; + clipboard_outline: '\f328'; + clock_outline: '\f017'; + clone_outline: '\f24d'; + closed_captioning_outline: '\f20a'; + comment_alternate_outline: '\f27a'; + comment_dots_outline: '\f4ad'; + comment_outline: '\f075'; + comments_outline: '\f086'; + compass_outline: '\f14e'; + copy_outline: '\f0c5'; + copyright_outline: '\f1f9'; + credit_card_outline: '\f09d'; + dizzy_outline: '\f567'; + dot_circle_outline: '\f192'; + edit_outline: '\f044'; + envelope_open_outline: '\f2b6'; + envelope_outline: '\f0e0'; + eye_outline: '\f06e'; + eye_slash_outline: '\f070'; + file_alternate_outline: '\f15c'; + file_archive_outline: '\f1c6'; + file_audio_outline: '\f1c7'; + file_code_outline: '\f1c9'; + file_excel_outline: '\f1c3'; + file_image_outline: '\f1c5'; + file_outline: '\f15b'; + file_pdf_outline: '\f1c1'; + file_powerpoint_outline: '\f1c4'; + file_video_outline: '\f1c8'; + file_word_outline: '\f1c2'; + flag_outline: '\f024'; + flushed_outline: '\f579'; + folder_open_outline: '\f07c'; + folder_outline: '\f07b'; + frown_open_outline: '\f57a'; + frown_outline: '\f119'; + futbol_outline: '\f1e3'; + gem_outline: '\f3a5'; + grimace_outline: '\f57f'; + grin_alternate_outline: '\f581'; + grin_beam_outline: '\f582'; + grin_beam_sweat_outline: '\f583'; + grin_hearts_outline: '\f584'; + grin_outline: '\f580'; + grin_squint_outline: '\f585'; + grin_squint_tears_outline: '\f586'; + grin_stars_outline: '\f587'; + grin_tears_outline: '\f588'; + grin_tongue_outline: '\f589'; + grin_tongue_squint_outline: '\f58a'; + grin_tongue_wink_outline: '\f58b'; + grin_wink_outline: '\f58c'; + hand_lizard_outline: '\f258'; + hand_paper_outline: '\f256'; + hand_peace_outline: '\f25b'; + hand_point_down_outline: '\f0a7'; + hand_point_left_outline: '\f0a5'; + hand_point_right_outline: '\f0a4'; + hand_point_up_outline: '\f0a6'; + hand_pointer_outline: '\f25a'; + hand_rock_outline: '\f255'; + hand_scissors_outline: '\f257'; + hand_spock_outline: '\f259'; + handshake_outline: '\f2b5'; + hdd_outline: '\f0a0'; + heart_outline: '\f004'; + hospital_outline: '\f0f8'; + hourglass_outline: '\f254'; + id_badge_outline: '\f2c1'; + id_card_outline: '\f2c2'; + image_outline: '\f03e'; + images_outline: '\f302'; + keyboard_outline: '\f11c'; + kiss_beam_outline: '\f597'; + kiss_outline: '\f596'; + kiss_wink_heart_outline: '\f598'; + laugh_beam_outline: '\f59a'; + laugh_outline: '\f599'; + laugh_squint_outline: '\f59b'; + laugh_wink_outline: '\f59c'; + lemon_outline: '\f094'; + life_ring_outline: '\f1cd'; + lightbulb_outline: '\f0eb'; + list_alternate_outline: '\f022'; + map_outline: '\f279'; + meh_blank_outline: '\f5a4'; + meh_outline: '\f11a'; + meh_rolling_eyes_outline: '\f5a5'; + minus_square_outline: '\f146'; + money_bill_alternate_outline: '\f3d1'; + moon_outline: '\f186'; + newspaper_outline: '\f1ea'; + object_group_outline: '\f247'; + object_ungroup_outline: '\f248'; + paper_plane_outline: '\f1d8'; + pause_circle_outline: '\f28b'; + play_circle_outline: '\f144'; + plus_square_outline: '\f0fe'; + question_circle_outline: '\f059'; + registered_outline: '\f25d'; + sad_cry_outline: '\f5b3'; + sad_tear_outline: '\f5b4'; + save_outline: '\f0c7'; + share_square_outline: '\f14d'; + smile_beam_outline: '\f5b8'; + smile_outline: '\f118'; + smile_wink_outline: '\f4da'; + snowflake_outline: '\f2dc'; + square_outline: '\f0c8'; + star_half_outline: '\f089'; + star_outline: '\f005'; + sticky_note_outline: '\f249'; + stop_circle_outline: '\f28d'; + sun_outline: '\f185'; + surprise_outline: '\f5c2'; + thumbs_down_outline: '\f165'; + thumbs_up_outline: '\f164'; + times_circle_outline: '\f057'; + tired_outline: '\f5c8'; + trash_alternate_outline: '\f2ed'; + user_circle_outline: '\f2bd'; + user_outline: '\f007'; + window_close_outline: '\f410'; + window_maximize_outline: '\f2d0'; + window_minimize_outline: '\f2d1'; + window_restore_outline: '\f2d2'; }; @icon-outline-aliases-map: { }; @@ -1550,516 +1550,516 @@ Icons are order A-Z in their group, Solid, Outline, Thin (Pro only) and Brand }; @icon-brand-map: { - 500px: \f26e; - accessible: \f368; - accusoft: \f369; - acquisitions_incorporated: \f6af; - adn: \f170; - adversal: \f36a; - affiliatetheme: \f36b; - airbnb: \f834; - algolia: \f36c; - alipay: \f642; - amazon: \f270; - amazon_pay: \f42c; - amilia: \f36d; - android: \f17b; - angellist: \f209; - angrycreative: \f36e; - angular: \f420; - app_store: \f36f; - app_store_ios: \f370; - apper: \f371; - apple: \f179; - apple_pay: \f415; - artstation: \f77a; - asymmetrik: \f372; - atlassian: \f77b; - audible: \f373; - autoprefixer: \f41c; - avianex: \f374; - aviato: \f421; - aws: \f375; - bandcamp: \f2d5; - battle_net: \f835; - behance: \f1b4; - behance_square: \f1b5; - bimobject: \f378; - bitbucket: \f171; - bitcoin: \f379; - bity: \f37a; - black_tie: \f27e; - blackberry: \f37b; - blogger: \f37c; - blogger_b: \f37d; - bluetooth: \f293; - bluetooth_b: \f294; - bootstrap: \f836; - btc: \f15a; - buffer: \f837; - buromobelexperte: \f37f; - buy_n_large: \f8a6; - buysellads: \f20d; - canadian_maple_leaf: \f785; - cc_amazon_pay: \f42d; - cc_amex: \f1f3; - cc_apple_pay: \f416; - cc_diners_club: \f24c; - cc_discover: \f1f2; - cc_jcb: \f24b; - cc_mastercard: \f1f1; - cc_paypal: \f1f4; - cc_stripe: \f1f5; - cc_visa: \f1f0; - centercode: \f380; - centos: \f789; - chrome: \f268; - chromecast: \f838; - cloudflare: \e07d; - cloudscale: \f383; - cloudsmith: \f384; - cloudversify: \f385; - codepen: \f1cb; - codiepie: \f284; - confluence: \f78d; - connectdevelop: \f20e; - contao: \f26d; - cotton_bureau: \f89e; - cpanel: \f388; - creative_commons: \f25e; - creative_commons_by: \f4e7; - creative_commons_nc: \f4e8; - creative_commons_nc_eu: \f4e9; - creative_commons_nc_jp: \f4ea; - creative_commons_nd: \f4eb; - creative_commons_pd: \f4ec; - creative_commons_pd_alternate: \f4ed; - creative_commons_remix: \f4ee; - creative_commons_sa: \f4ef; - creative_commons_sampling: \f4f0; - creative_commons_sampling_plus: \f4f1; - creative_commons_share: \f4f2; - creative_commons_zero: \f4f3; - critical_role: \f6c9; - css3: \f13c; - css3_alternate: \f38b; - cuttlefish: \f38c; - d_and_d: \f38d; - d_and_d_beyond: \f6ca; - dailymotion: \e052; - dashcube: \f210; - deezer: \e077; - delicious: \f1a5; - deploydog: \f38e; - deskpro: \f38f; - dev: \f6cc; - deviantart: \f1bd; - dhl: \f790; - diaspora: \f791; - digg: \f1a6; - digital_ocean: \f391; - discord: \f392; - discourse: \f393; - dochub: \f394; - docker: \f395; - draft2digital: \f396; - dribbble: \f17d; - dribbble_square: \f397; - dropbox: \f16b; - drupal: \f1a9; - dyalog: \f399; - earlybirds: \f39a; - ebay: \f4f4; - edge: \f282; - edge_legacy: \e078; - elementor: \f430; - ello: \f5f1; - ember: \f423; - empire: \f1d1; - envira: \f299; - erlang: \f39d; - ethereum: \f42e; - etsy: \f2d7; - evernote: \f839; - expeditedssl: \f23e; - facebook: \f09a; - facebook_f: \f39e; - facebook_messenger: \f39f; - facebook_square: \f082; - fantasy_flight_games: \f6dc; - fedex: \f797; - fedora: \f798; - figma: \f799; - firefox: \f269; - firefox_browser: \e007; - first_order: \f2b0; - first_order_alternate: \f50a; - firstdraft: \f3a1; - flickr: \f16e; - flipboard: \f44d; - fly: \f417; - font_awesome: \f2b4; - font_awesome_alternate: \f35c; - font_awesome_flag: \f425; - fonticons: \f280; - fonticons_fi: \f3a2; - fort_awesome: \f286; - fort_awesome_alternate: \f3a3; - forumbee: \f211; - foursquare: \f180; - free_code_camp: \f2c5; - freebsd: \f3a4; - fulcrum: \f50b; - galactic_republic: \f50c; - galactic_senate: \f50d; - get_pocket: \f265; - gg: \f260; - gg_circle: \f261; - git: \f1d3; - git_alternate: \f841; - git_square: \f1d2; - github: \f09b; - github_alternate: \f113; - github_square: \f092; - gitkraken: \f3a6; - gitlab: \f296; - gitter: \f426; - glide: \f2a5; - glide_g: \f2a6; - gofore: \f3a7; - goodreads: \f3a8; - goodreads_g: \f3a9; - google: \f1a0; - google_drive: \f3aa; - google_pay: \e079; - google_play: \f3ab; - google_plus: \f2b3; - google_plus_g: \f0d5; - google_plus_square: \f0d4; - google_wallet: \f1ee; - gratipay: \f184; - grav: \f2d6; - gripfire: \f3ac; - grunt: \f3ad; - guilded: \e07e; - gulp: \f3ae; - hacker_news: \f1d4; - hacker_news_square: \f3af; - hackerrank: \f5f7; - hips: \f452; - hire_a_helper: \f3b0; - hive: \e07f; - hooli: \f427; - hornbill: \f592; - hotjar: \f3b1; - houzz: \f27c; - html5: \f13b; - hubspot: \f3b2; - ideal: \e013; - imdb: \f2d8; - innosoft: \e080; - instagram: \f16d; - instagram_square: \e055; - instalod: \e081; - intercom: \f7af; - internet_explorer: \f26b; - invision: \f7b0; - ioxhost: \f208; - itch_io: \f83a; - itunes: \f3b4; - itunes_note: \f3b5; - java: \f4e4; - jedi_order: \f50e; - jenkins: \f3b6; - jira: \f7b1; - joget: \f3b7; - joomla: \f1aa; - js: \f3b8; - js_square: \f3b9; - jsfiddle: \f1cc; - kaggle: \f5fa; - keybase: \f4f5; - keycdn: \f3ba; - kickstarter: \f3bb; - kickstarter_k: \f3bc; - korvue: \f42f; - laravel: \f3bd; - lastfm: \f202; - lastfm_square: \f203; - leanpub: \f212; - lesscss: \f41d; - linechat: \f3c0; - linkedin: \f08c; - linkedin_in: \f0e1; - linode: \f2b8; - linux: \f17c; - lyft: \f3c3; - magento: \f3c4; - mailchimp: \f59e; - mandalorian: \f50f; - markdown: \f60f; - mastodon: \f4f6; - maxcdn: \f136; - mdb: \f8ca; - medapps: \f3c6; - medium: \f23a; - medium_m: \f3c7; - medrt: \f3c8; - meetup: \f2e0; - megaport: \f5a3; - mendeley: \f7b3; - microblog: \e01a; - microsoft: \f3ca; - mix: \f3cb; - mixcloud: \f289; - mixer: \e056; - mizuni: \f3cc; - modx: \f285; - monero: \f3d0; - napster: \f3d2; - neos: \f612; - nimblr: \f5a8; - node: \f419; - node_js: \f3d3; - npm: \f3d4; - ns8: \f3d5; - nutritionix: \f3d6; - octopus_deploy: \e082; - odnoklassniki: \f263; - odnoklassniki_square: \f264; - old_republic: \f510; - opencart: \f23d; - openid: \f19b; - opera: \f26a; - optin_monster: \f23c; - orcid: \f8d2; - osi: \f41a; - page4: \f3d7; - pagelines: \f18c; - palfed: \f3d8; - patreon: \f3d9; - paypal: \f1ed; - penny_arcade: \f704; - perbyte: \e083; - periscope: \f3da; - phabricator: \f3db; - phoenix_framework: \f3dc; - phoenix_squadron: \f511; - php: \f457; - pied_piper: \f2ae; - pied_piper_alternate: \f1a8; - pied_piper_hat: \f4e5; - pied_piper_pp: \f1a7; - pied_piper_square: \e01e; - pinterest: \f0d2; - pinterest_p: \f231; - pinterest_square: \f0d3; - playstation: \f3df; - product_hunt: \f288; - pushed: \f3e1; - python: \f3e2; - qq: \f1d6; - quinscape: \f459; - quora: \f2c4; - r_project: \f4f7; - raspberry_pi: \f7bb; - ravelry: \f2d9; - react: \f41b; - reacteurope: \f75d; - readme: \f4d5; - rebel: \f1d0; - reddit: \f1a1; - reddit_alien: \f281; - reddit_square: \f1a2; - redhat: \f7bc; - redriver: \f3e3; - redyeti: \f69d; - renren: \f18b; - replyd: \f3e6; - researchgate: \f4f8; - resolving: \f3e7; - rev: \f5b2; - rocketchat: \f3e8; - rockrms: \f3e9; - rust: \e07a; - safari: \f267; - salesforce: \f83b; - sass: \f41e; - schlix: \f3ea; - scribd: \f28a; - searchengin: \f3eb; - sellcast: \f2da; - sellsy: \f213; - servicestack: \f3ec; - shirtsinbulk: \f214; - shopify: \e057; - shopware: \f5b5; - simplybuilt: \f215; - sistrix: \f3ee; - sith: \f512; - sketch: \f7c6; - skyatlas: \f216; - skype: \f17e; - slack: \f198; - slack_hash: \f3ef; - slideshare: \f1e7; - snapchat: \f2ab; - snapchat_ghost: \f2ac; - snapchat_square: \f2ad; - soundcloud: \f1be; - sourcetree: \f7d3; - speakap: \f3f3; - speaker_deck: \f83c; - spotify: \f1bc; - squarespace: \f5be; - stack_exchange: \f18d; - stack_overflow: \f16c; - stackpath: \f842; - staylinked: \f3f5; - steam: \f1b6; - steam_square: \f1b7; - steam_symbol: \f3f6; - sticker_mule: \f3f7; - strava: \f428; - stripe: \f429; - stripe_s: \f42a; - studiovinari: \f3f8; - stumbleupon: \f1a4; - stumbleupon_circle: \f1a3; - superpowers: \f2dd; - supple: \f3f9; - suse: \f7d6; - swift: \f8e1; - symfony: \f83d; - teamspeak: \f4f9; - telegram: \f2c6; - telegram_plane: \f3fe; - tencent_weibo: \f1d5; - themeco: \f5c6; - themeisle: \f2b2; - think_peaks: \f731; - tiktok: \e07b; - trade_federation: \f513; - trello: \f181; - tumblr: \f173; - tumblr_square: \f174; - twitch: \f1e8; - twitter: \f099; - twitter_square: \f081; - typo3: \f42b; - uber: \f402; - ubuntu: \f7df; - uikit: \f403; - umbraco: \f8e8; - uncharted: \e084; - uniregistry: \f404; - unity: \e049; - unsplash: \e07c; - untappd: \f405; - ups: \f7e0; - usb: \f287; - usps: \f7e1; - ussunnah: \f407; - vaadin: \f408; - viacoin: \f237; - viadeo: \f2a9; - viadeo_square: \f2aa; - viber: \f409; - vimeo: \f40a; - vimeo_square: \f194; - vimeo_v: \f27d; - vine: \f1ca; - vk: \f189; - vnv: \f40b; - vuejs: \f41f; - watchman_monitoring: \e087; - waze: \f83f; - weebly: \f5cc; - weibo: \f18a; - weixin: \f1d7; - whatsapp: \f232; - whatsapp_square: \f40c; - whmcs: \f40d; - wikipedia_w: \f266; - windows: \f17a; - wix: \f5cf; - wizards_of_the_coast: \f730; - wodu: \e088; - wolf_pack_battalion: \f514; - wordpress: \f19a; - wordpress_simple: \f411; - wpbeginner: \f297; - wpexplorer: \f2de; - wpforms: \f298; - wpressr: \f3e4; - xbox: \f412; - xing: \f168; - xing_square: \f169; - y_combinator: \f23b; - yahoo: \f19e; - yammer: \f840; - yandex: \f413; - yandex_international: \f414; - yarn: \f7e3; - yelp: \f1e9; - yoast: \f2b1; - youtube: \f167; - youtube_square: \f431; - zhihu: \f63f; + 500px: '\f26e'; + accessible: '\f368'; + accusoft: '\f369'; + acquisitions_incorporated: '\f6af'; + adn: '\f170'; + adversal: '\f36a'; + affiliatetheme: '\f36b'; + airbnb: '\f834'; + algolia: '\f36c'; + alipay: '\f642'; + amazon: '\f270'; + amazon_pay: '\f42c'; + amilia: '\f36d'; + android: '\f17b'; + angellist: '\f209'; + angrycreative: '\f36e'; + angular: '\f420'; + app_store: '\f36f'; + app_store_ios: '\f370'; + apper: '\f371'; + apple: '\f179'; + apple_pay: '\f415'; + artstation: '\f77a'; + asymmetrik: '\f372'; + atlassian: '\f77b'; + audible: '\f373'; + autoprefixer: '\f41c'; + avianex: '\f374'; + aviato: '\f421'; + aws: '\f375'; + bandcamp: '\f2d5'; + battle_net: '\f835'; + behance: '\f1b4'; + behance_square: '\f1b5'; + bimobject: '\f378'; + bitbucket: '\f171'; + bitcoin: '\f379'; + bity: '\f37a'; + black_tie: '\f27e'; + blackberry: '\f37b'; + blogger: '\f37c'; + blogger_b: '\f37d'; + bluetooth: '\f293'; + bluetooth_b: '\f294'; + bootstrap: '\f836'; + btc: '\f15a'; + buffer: '\f837'; + buromobelexperte: '\f37f'; + buy_n_large: '\f8a6'; + buysellads: '\f20d'; + canadian_maple_leaf: '\f785'; + cc_amazon_pay: '\f42d'; + cc_amex: '\f1f3'; + cc_apple_pay: '\f416'; + cc_diners_club: '\f24c'; + cc_discover: '\f1f2'; + cc_jcb: '\f24b'; + cc_mastercard: '\f1f1'; + cc_paypal: '\f1f4'; + cc_stripe: '\f1f5'; + cc_visa: '\f1f0'; + centercode: '\f380'; + centos: '\f789'; + chrome: '\f268'; + chromecast: '\f838'; + cloudflare: '\e07d'; + cloudscale: '\f383'; + cloudsmith: '\f384'; + cloudversify: '\f385'; + codepen: '\f1cb'; + codiepie: '\f284'; + confluence: '\f78d'; + connectdevelop: '\f20e'; + contao: '\f26d'; + cotton_bureau: '\f89e'; + cpanel: '\f388'; + creative_commons: '\f25e'; + creative_commons_by: '\f4e7'; + creative_commons_nc: '\f4e8'; + creative_commons_nc_eu: '\f4e9'; + creative_commons_nc_jp: '\f4ea'; + creative_commons_nd: '\f4eb'; + creative_commons_pd: '\f4ec'; + creative_commons_pd_alternate: '\f4ed'; + creative_commons_remix: '\f4ee'; + creative_commons_sa: '\f4ef'; + creative_commons_sampling: '\f4f0'; + creative_commons_sampling_plus: '\f4f1'; + creative_commons_share: '\f4f2'; + creative_commons_zero: '\f4f3'; + critical_role: '\f6c9'; + css3: '\f13c'; + css3_alternate: '\f38b'; + cuttlefish: '\f38c'; + d_and_d: '\f38d'; + d_and_d_beyond: '\f6ca'; + dailymotion: '\e052'; + dashcube: '\f210'; + deezer: '\e077'; + delicious: '\f1a5'; + deploydog: '\f38e'; + deskpro: '\f38f'; + dev: '\f6cc'; + deviantart: '\f1bd'; + dhl: '\f790'; + diaspora: '\f791'; + digg: '\f1a6'; + digital_ocean: '\f391'; + discord: '\f392'; + discourse: '\f393'; + dochub: '\f394'; + docker: '\f395'; + draft2digital: '\f396'; + dribbble: '\f17d'; + dribbble_square: '\f397'; + dropbox: '\f16b'; + drupal: '\f1a9'; + dyalog: '\f399'; + earlybirds: '\f39a'; + ebay: '\f4f4'; + edge: '\f282'; + edge_legacy: '\e078'; + elementor: '\f430'; + ello: '\f5f1'; + ember: '\f423'; + empire: '\f1d1'; + envira: '\f299'; + erlang: '\f39d'; + ethereum: '\f42e'; + etsy: '\f2d7'; + evernote: '\f839'; + expeditedssl: '\f23e'; + facebook: '\f09a'; + facebook_f: '\f39e'; + facebook_messenger: '\f39f'; + facebook_square: '\f082'; + fantasy_flight_games: '\f6dc'; + fedex: '\f797'; + fedora: '\f798'; + figma: '\f799'; + firefox: '\f269'; + firefox_browser: '\e007'; + first_order: '\f2b0'; + first_order_alternate: '\f50a'; + firstdraft: '\f3a1'; + flickr: '\f16e'; + flipboard: '\f44d'; + fly: '\f417'; + font_awesome: '\f2b4'; + font_awesome_alternate: '\f35c'; + font_awesome_flag: '\f425'; + fonticons: '\f280'; + fonticons_fi: '\f3a2'; + fort_awesome: '\f286'; + fort_awesome_alternate: '\f3a3'; + forumbee: '\f211'; + foursquare: '\f180'; + free_code_camp: '\f2c5'; + freebsd: '\f3a4'; + fulcrum: '\f50b'; + galactic_republic: '\f50c'; + galactic_senate: '\f50d'; + get_pocket: '\f265'; + gg: '\f260'; + gg_circle: '\f261'; + git: '\f1d3'; + git_alternate: '\f841'; + git_square: '\f1d2'; + github: '\f09b'; + github_alternate: '\f113'; + github_square: '\f092'; + gitkraken: '\f3a6'; + gitlab: '\f296'; + gitter: '\f426'; + glide: '\f2a5'; + glide_g: '\f2a6'; + gofore: '\f3a7'; + goodreads: '\f3a8'; + goodreads_g: '\f3a9'; + google: '\f1a0'; + google_drive: '\f3aa'; + google_pay: '\e079'; + google_play: '\f3ab'; + google_plus: '\f2b3'; + google_plus_g: '\f0d5'; + google_plus_square: '\f0d4'; + google_wallet: '\f1ee'; + gratipay: '\f184'; + grav: '\f2d6'; + gripfire: '\f3ac'; + grunt: '\f3ad'; + guilded: '\e07e'; + gulp: '\f3ae'; + hacker_news: '\f1d4'; + hacker_news_square: '\f3af'; + hackerrank: '\f5f7'; + hips: '\f452'; + hire_a_helper: '\f3b0'; + hive: '\e07f'; + hooli: '\f427'; + hornbill: '\f592'; + hotjar: '\f3b1'; + houzz: '\f27c'; + html5: '\f13b'; + hubspot: '\f3b2'; + ideal: '\e013'; + imdb: '\f2d8'; + innosoft: '\e080'; + instagram: '\f16d'; + instagram_square: '\e055'; + instalod: '\e081'; + intercom: '\f7af'; + internet_explorer: '\f26b'; + invision: '\f7b0'; + ioxhost: '\f208'; + itch_io: '\f83a'; + itunes: '\f3b4'; + itunes_note: '\f3b5'; + java: '\f4e4'; + jedi_order: '\f50e'; + jenkins: '\f3b6'; + jira: '\f7b1'; + joget: '\f3b7'; + joomla: '\f1aa'; + js: '\f3b8'; + js_square: '\f3b9'; + jsfiddle: '\f1cc'; + kaggle: '\f5fa'; + keybase: '\f4f5'; + keycdn: '\f3ba'; + kickstarter: '\f3bb'; + kickstarter_k: '\f3bc'; + korvue: '\f42f'; + laravel: '\f3bd'; + lastfm: '\f202'; + lastfm_square: '\f203'; + leanpub: '\f212'; + lesscss: '\f41d'; + linechat: '\f3c0'; + linkedin: '\f08c'; + linkedin_in: '\f0e1'; + linode: '\f2b8'; + linux: '\f17c'; + lyft: '\f3c3'; + magento: '\f3c4'; + mailchimp: '\f59e'; + mandalorian: '\f50f'; + markdown: '\f60f'; + mastodon: '\f4f6'; + maxcdn: '\f136'; + mdb: '\f8ca'; + medapps: '\f3c6'; + medium: '\f23a'; + medium_m: '\f3c7'; + medrt: '\f3c8'; + meetup: '\f2e0'; + megaport: '\f5a3'; + mendeley: '\f7b3'; + microblog: '\e01a'; + microsoft: '\f3ca'; + mix: '\f3cb'; + mixcloud: '\f289'; + mixer: '\e056'; + mizuni: '\f3cc'; + modx: '\f285'; + monero: '\f3d0'; + napster: '\f3d2'; + neos: '\f612'; + nimblr: '\f5a8'; + node: '\f419'; + node_js: '\f3d3'; + npm: '\f3d4'; + ns8: '\f3d5'; + nutritionix: '\f3d6'; + octopus_deploy: '\e082'; + odnoklassniki: '\f263'; + odnoklassniki_square: '\f264'; + old_republic: '\f510'; + opencart: '\f23d'; + openid: '\f19b'; + opera: '\f26a'; + optin_monster: '\f23c'; + orcid: '\f8d2'; + osi: '\f41a'; + page4: '\f3d7'; + pagelines: '\f18c'; + palfed: '\f3d8'; + patreon: '\f3d9'; + paypal: '\f1ed'; + penny_arcade: '\f704'; + perbyte: '\e083'; + periscope: '\f3da'; + phabricator: '\f3db'; + phoenix_framework: '\f3dc'; + phoenix_squadron: '\f511'; + php: '\f457'; + pied_piper: '\f2ae'; + pied_piper_alternate: '\f1a8'; + pied_piper_hat: '\f4e5'; + pied_piper_pp: '\f1a7'; + pied_piper_square: '\e01e'; + pinterest: '\f0d2'; + pinterest_p: '\f231'; + pinterest_square: '\f0d3'; + playstation: '\f3df'; + product_hunt: '\f288'; + pushed: '\f3e1'; + python: '\f3e2'; + qq: '\f1d6'; + quinscape: '\f459'; + quora: '\f2c4'; + r_project: '\f4f7'; + raspberry_pi: '\f7bb'; + ravelry: '\f2d9'; + react: '\f41b'; + reacteurope: '\f75d'; + readme: '\f4d5'; + rebel: '\f1d0'; + reddit: '\f1a1'; + reddit_alien: '\f281'; + reddit_square: '\f1a2'; + redhat: '\f7bc'; + redriver: '\f3e3'; + redyeti: '\f69d'; + renren: '\f18b'; + replyd: '\f3e6'; + researchgate: '\f4f8'; + resolving: '\f3e7'; + rev: '\f5b2'; + rocketchat: '\f3e8'; + rockrms: '\f3e9'; + rust: '\e07a'; + safari: '\f267'; + salesforce: '\f83b'; + sass: '\f41e'; + schlix: '\f3ea'; + scribd: '\f28a'; + searchengin: '\f3eb'; + sellcast: '\f2da'; + sellsy: '\f213'; + servicestack: '\f3ec'; + shirtsinbulk: '\f214'; + shopify: '\e057'; + shopware: '\f5b5'; + simplybuilt: '\f215'; + sistrix: '\f3ee'; + sith: '\f512'; + sketch: '\f7c6'; + skyatlas: '\f216'; + skype: '\f17e'; + slack: '\f198'; + slack_hash: '\f3ef'; + slideshare: '\f1e7'; + snapchat: '\f2ab'; + snapchat_ghost: '\f2ac'; + snapchat_square: '\f2ad'; + soundcloud: '\f1be'; + sourcetree: '\f7d3'; + speakap: '\f3f3'; + speaker_deck: '\f83c'; + spotify: '\f1bc'; + squarespace: '\f5be'; + stack_exchange: '\f18d'; + stack_overflow: '\f16c'; + stackpath: '\f842'; + staylinked: '\f3f5'; + steam: '\f1b6'; + steam_square: '\f1b7'; + steam_symbol: '\f3f6'; + sticker_mule: '\f3f7'; + strava: '\f428'; + stripe: '\f429'; + stripe_s: '\f42a'; + studiovinari: '\f3f8'; + stumbleupon: '\f1a4'; + stumbleupon_circle: '\f1a3'; + superpowers: '\f2dd'; + supple: '\f3f9'; + suse: '\f7d6'; + swift: '\f8e1'; + symfony: '\f83d'; + teamspeak: '\f4f9'; + telegram: '\f2c6'; + telegram_plane: '\f3fe'; + tencent_weibo: '\f1d5'; + themeco: '\f5c6'; + themeisle: '\f2b2'; + think_peaks: '\f731'; + tiktok: '\e07b'; + trade_federation: '\f513'; + trello: '\f181'; + tumblr: '\f173'; + tumblr_square: '\f174'; + twitch: '\f1e8'; + twitter: '\f099'; + twitter_square: '\f081'; + typo3: '\f42b'; + uber: '\f402'; + ubuntu: '\f7df'; + uikit: '\f403'; + umbraco: '\f8e8'; + uncharted: '\e084'; + uniregistry: '\f404'; + unity: '\e049'; + unsplash: '\e07c'; + untappd: '\f405'; + ups: '\f7e0'; + usb: '\f287'; + usps: '\f7e1'; + ussunnah: '\f407'; + vaadin: '\f408'; + viacoin: '\f237'; + viadeo: '\f2a9'; + viadeo_square: '\f2aa'; + viber: '\f409'; + vimeo: '\f40a'; + vimeo_square: '\f194'; + vimeo_v: '\f27d'; + vine: '\f1ca'; + vk: '\f189'; + vnv: '\f40b'; + vuejs: '\f41f'; + watchman_monitoring: '\e087'; + waze: '\f83f'; + weebly: '\f5cc'; + weibo: '\f18a'; + weixin: '\f1d7'; + whatsapp: '\f232'; + whatsapp_square: '\f40c'; + whmcs: '\f40d'; + wikipedia_w: '\f266'; + windows: '\f17a'; + wix: '\f5cf'; + wizards_of_the_coast: '\f730'; + wodu: '\e088'; + wolf_pack_battalion: '\f514'; + wordpress: '\f19a'; + wordpress_simple: '\f411'; + wpbeginner: '\f297'; + wpexplorer: '\f2de'; + wpforms: '\f298'; + wpressr: '\f3e4'; + xbox: '\f412'; + xing: '\f168'; + xing_square: '\f169'; + y_combinator: '\f23b'; + yahoo: '\f19e'; + yammer: '\f840'; + yandex: '\f413'; + yandex_international: '\f414'; + yarn: '\f7e3'; + yelp: '\f1e9'; + yoast: '\f2b1'; + youtube: '\f167'; + youtube_square: '\f431'; + zhihu: '\f63f'; }; @icon-brand-aliases-map: { - american_express: \f1f3; - american_express_card: \f1f3; - amex: \f1f3; - bitbucket_square: \f171; - bluetooth_alternative: \f294; - credit_card_amazon_pay: \f42d; - credit_card_american_express: \f1f3; - credit_card_diners_club: \f24c; - credit_card_discover: \f1f2; - credit_card_jcb: \f24b; - credit_card_mastercard: \f1f1; - credit_card_paypal: \f1f4; - credit_card_stripe: \f1f5; - credit_card_visa: \f1f0; - diners_club: \f24c; - diners_club_card: \f24c; - discover: \f1f2; - discover_card: \f1f2; - disk_outline: \f369; - dribble: \f17d; - eercast: \f2da; - envira_gallery: \f299; - fa: \f2b4; - facebook_official: \f082; - five_hundred_pixels: \f26e; - gittip: \f184; - google_plus_circle: \f2b3; - google_plus_official: \f2b3; - japan_credit_bureau: \f24b; - japan_credit_bureau_card: \f24b; - jcb: \f24b; - linkedin_square: \f08c; - mastercard: \f1f1; - mastercard_card: \f1f1; - microsoft_edge: \f282; - ms_edge: \f282; - new_pied_piper: \f2ae; - optinmonster: \f23c; - paypal_card: \f1f4; - pied_piper_hat: \f2ae; - pocket: \f265; - stripe_card: \f1f5; - theme_isle: \f2b2; - visa: \f1f0; - visa_card: \f1f0; - wechat: \f1d7; - wikipedia: \f266; - wordpress_beginner: \f297; - wordpress_forms: \f298; - yc: \f23b; - ycombinator: \f23b; - youtube_play: \f167; + american_express: '\f1f3'; + american_express_card: '\f1f3'; + amex: '\f1f3'; + bitbucket_square: '\f171'; + bluetooth_alternative: '\f294'; + credit_card_amazon_pay: '\f42d'; + credit_card_american_express: '\f1f3'; + credit_card_diners_club: '\f24c'; + credit_card_discover: '\f1f2'; + credit_card_jcb: '\f24b'; + credit_card_mastercard: '\f1f1'; + credit_card_paypal: '\f1f4'; + credit_card_stripe: '\f1f5'; + credit_card_visa: '\f1f0'; + diners_club: '\f24c'; + diners_club_card: '\f24c'; + discover: '\f1f2'; + discover_card: '\f1f2'; + disk_outline: '\f369'; + dribble: '\f17d'; + eercast: '\f2da'; + envira_gallery: '\f299'; + fa: '\f2b4'; + facebook_official: '\f082'; + five_hundred_pixels: '\f26e'; + gittip: '\f184'; + google_plus_circle: '\f2b3'; + google_plus_official: '\f2b3'; + japan_credit_bureau: '\f24b'; + japan_credit_bureau_card: '\f24b'; + jcb: '\f24b'; + linkedin_square: '\f08c'; + mastercard: '\f1f1'; + mastercard_card: '\f1f1'; + microsoft_edge: '\f282'; + ms_edge: '\f282'; + new_pied_piper: '\f2ae'; + optinmonster: '\f23c'; + paypal_card: '\f1f4'; + pied_piper_hat: '\f2ae'; + pocket: '\f265'; + stripe_card: '\f1f5'; + theme_isle: '\f2b2'; + visa: '\f1f0'; + visa_card: '\f1f0'; + wechat: '\f1d7'; + wikipedia: '\f266'; + wordpress_beginner: '\f297'; + wordpress_forms: '\f298'; + yc: '\f23b'; + ycombinator: '\f23b'; + youtube_play: '\f167'; }; @icon-duotone-map: { From edd47266c91b100a55b9bcc07461711868d1dba0 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Michael=20Vo=C5=99=C3=AD=C5=A1ek?= Date: Wed, 14 Dec 2022 23:20:26 +0100 Subject: [PATCH 09/16] fix missing space manually --- src/themes/default/elements/icon.variables | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/themes/default/elements/icon.variables b/src/themes/default/elements/icon.variables index f969ff28f5..55c38d2e8c 100644 --- a/src/themes/default/elements/icon.variables +++ b/src/themes/default/elements/icon.variables @@ -80,9 +80,9 @@ Icons are order A-Z in their group, Solid, Outline, Thin (Pro only) and Brand // Underscores in map keys will be replaced by dots to separate classnames at compile time -/* Deprecated *In/Out Naming Conflict) */ +/* Deprecated (In/Out Naming Conflict) */ @icon-deprecated-map: { - linkedin_in:\f0e1; + linkedin_in: '\f0e1'; zoom_in: '\f00e'; zoom_out: '\f010'; sign_in: '\f2f6'; From e4d3f9a743d72ff0d83cc17768065501c753c72e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Michael=20Vo=C5=99=C3=AD=C5=A1ek?= Date: Wed, 14 Dec 2022 23:23:09 +0100 Subject: [PATCH 10/16] strictly autofix length-zero-no-unit --- .stylelintrc.js | 1 - src/themes/basic/elements/icon.overrides | 8 ++++---- src/themes/chubby/elements/button.overrides | 8 ++++---- src/themes/chubby/views/comment.overrides | 2 +- src/themes/default/modules/transition.overrides | 8 ++++---- src/themes/flat/collections/form.overrides | 2 +- src/themes/github/collections/form.overrides | 4 ++-- src/themes/github/collections/menu.overrides | 2 +- src/themes/material/elements/button.overrides | 8 ++++---- src/themes/striped/modules/progress.overrides | 2 +- src/themes/twitter/elements/button.overrides | 2 +- 11 files changed, 23 insertions(+), 24 deletions(-) diff --git a/.stylelintrc.js b/.stylelintrc.js index 7bb16f4212..de25171b15 100644 --- a/.stylelintrc.js +++ b/.stylelintrc.js @@ -32,7 +32,6 @@ module.exports = { 'selector-not-notation': null, // 169 errors 'no-invalid-position-at-import-rule': null, // 104 errors 'function-no-unknown': null, // 67 errors - 'length-zero-no-unit': null, // 64 errors 'import-notation': null, // 56 errors 'keyframes-name-pattern': null, // 50 errors 'property-no-vendor-prefix': null, // 49 errors diff --git a/src/themes/basic/elements/icon.overrides b/src/themes/basic/elements/icon.overrides index 7914208ab1..11e1cd5b21 100644 --- a/src/themes/basic/elements/icon.overrides +++ b/src/themes/basic/elements/icon.overrides @@ -144,19 +144,19 @@ i.icon.zoom.out::before { content: '\e751'; } /* '' */ /* dropdown arrows are to the right */ i.dropdown.icon { - margin: 0em 0em 0em 0.5em; + margin: 0 0 0 0.5em; } /* stars are usually consecutive */ i.icon.star { width: auto; - margin: 0em; + margin: 0; } /* left side basic.icons */ i.icon.left { width: auto; - margin: 0em 0.5em 0em 0em; + margin: 0 0.5em 0 0; } /* right side basic.icons */ @@ -165,7 +165,7 @@ i.icon.up, i.icon.down, i.icon.right { width: auto; - margin: 0em 0em 0em 0.5em; + margin: 0 0 0 0.5em; } /* -------------- diff --git a/src/themes/chubby/elements/button.overrides b/src/themes/chubby/elements/button.overrides index e15d11157e..e5a1f0fc79 100644 --- a/src/themes/chubby/elements/button.overrides +++ b/src/themes/chubby/elements/button.overrides @@ -7,13 +7,13 @@ .ui.labeled.icon.buttons > .button > .icon, .ui.labeled.icon.button > .icon { box-shadow: - -1px 0px 0px 0px rgba(255, 255, 255, 0.2) inset, - -1px 0px 0px 0px rgba(0, 0, 0, 0.05) inset; + -1px 0 0 0 rgba(255, 255, 255, 0.2) inset, + -1px 0 0 0 rgba(0, 0, 0, 0.05) inset; } .ui.right.labeled.icon.buttons .button .icon, .ui.right.labeled.icon.button .icon { box-shadow: - 1px 0px 0px 0px rgba(255, 255, 255, 0.2) inset, - 1px 0px 0px 0px rgba(0, 0, 0, 0.05) inset; + 1px 0 0 0 rgba(255, 255, 255, 0.2) inset, + 1px 0 0 0 rgba(0, 0, 0, 0.05) inset; } diff --git a/src/themes/chubby/views/comment.overrides b/src/themes/chubby/views/comment.overrides index 8f3055e44c..b9540a7462 100644 --- a/src/themes/chubby/views/comment.overrides +++ b/src/themes/chubby/views/comment.overrides @@ -4,7 +4,7 @@ .ui.comments .comment { border-radius: 0.5em; - box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1); + box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1); } .ui.comments .comment > .comments .comment { border: 1px solid rgba(0, 0, 0, 0.1); diff --git a/src/themes/default/modules/transition.overrides b/src/themes/default/modules/transition.overrides index 9056701580..9d763a6272 100644 --- a/src/themes/default/modules/transition.overrides +++ b/src/themes/default/modules/transition.overrides @@ -32,21 +32,21 @@ /* In */ @keyframes browseIn { 0% { - transform: scale(0.8) translateZ(0px); + transform: scale(0.8) translateZ(0); z-index: -1; } 10% { - transform: scale(0.8) translateZ(0px); + transform: scale(0.8) translateZ(0); z-index: -1; opacity: 0.7; } 80% { - transform: scale(1.05) translateZ(0px); + transform: scale(1.05) translateZ(0); opacity: 1; z-index: 999; } 100% { - transform: scale(1) translateZ(0px); + transform: scale(1) translateZ(0); z-index: 999; } } diff --git a/src/themes/flat/collections/form.overrides b/src/themes/flat/collections/form.overrides index 5e3c9a35b9..ab8d1bcb13 100644 --- a/src/themes/flat/collections/form.overrides +++ b/src/themes/flat/collections/form.overrides @@ -16,7 +16,7 @@ border: none; box-shadow: none !important; border-bottom: 1px solid #ddd; - border-radius: 0em !important; + border-radius: 0 !important; } .ui.form .selection.dropdown > .menu { border-top-width: 1px !important; diff --git a/src/themes/github/collections/form.overrides b/src/themes/github/collections/form.overrides index 79515d99dc..8f32791646 100644 --- a/src/themes/github/collections/form.overrides +++ b/src/themes/github/collections/form.overrides @@ -10,6 +10,6 @@ .ui.selection.dropdown:focus { box-shadow: - 0px 1px 2px rgba(0, 0, 0, 0.075) inset, - 0px 0px 5px rgba(81, 167, 232, 0.5); + 0 1px 2px rgba(0, 0, 0, 0.075) inset, + 0 0 5px rgba(81, 167, 232, 0.5); } diff --git a/src/themes/github/collections/menu.overrides b/src/themes/github/collections/menu.overrides index 2d13102d46..e3aba18bfd 100644 --- a/src/themes/github/collections/menu.overrides +++ b/src/themes/github/collections/menu.overrides @@ -3,5 +3,5 @@ *******************************/ .ui.menu .item > .label { - box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset; } diff --git a/src/themes/material/elements/button.overrides b/src/themes/material/elements/button.overrides index 0217cec751..f82e9f537a 100644 --- a/src/themes/material/elements/button.overrides +++ b/src/themes/material/elements/button.overrides @@ -2,12 +2,12 @@ .ui.primary.button:hover { box-shadow: - 0px 0px 0px 1px rgba(0, 0, 0, 0.3) inset, - 0px 2px 3px 0px rgba(0, 0, 0, 0.35) !important; + 0 0 0 1px rgba(0, 0, 0, 0.3) inset, + 0 2px 3px 0 rgba(0, 0, 0, 0.35) !important; } .ui.secondary.button:hover { box-shadow: - 0px 0px 0px 1px rgba(0, 0, 0, 0.2) inset, - 0px 2px 3px 0px rgba(0, 0, 0, 0.3) !important; + 0 0 0 1px rgba(0, 0, 0, 0.2) inset, + 0 2px 3px 0 rgba(0, 0, 0, 0.3) !important; } diff --git a/src/themes/striped/modules/progress.overrides b/src/themes/striped/modules/progress.overrides index 8fee9d13e3..af2476c7ab 100644 --- a/src/themes/striped/modules/progress.overrides +++ b/src/themes/striped/modules/progress.overrides @@ -25,7 +25,7 @@ } @keyframes progress-striped { 0% { - background-position: 0px 0; + background-position: 0 0; } 100% { background-position: 60px 0; diff --git a/src/themes/twitter/elements/button.overrides b/src/themes/twitter/elements/button.overrides index b1b5dbb3b7..7c0c24e8f1 100644 --- a/src/themes/twitter/elements/button.overrides +++ b/src/themes/twitter/elements/button.overrides @@ -4,7 +4,7 @@ .ui.primary.button { box-shadow: - 0px 0px 0px 1px #3b88c3 inset, + 0 0 0 1px #3b88c3 inset, 0 2px 0 rgba(255, 255, 255, 0.15) inset; } .ui.primary.button > .icon { From 4ca9225a93b136b751be3d6b658f092f083d30a9 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Michael=20Vo=C5=99=C3=AD=C5=A1ek?= Date: Wed, 14 Dec 2022 23:31:33 +0100 Subject: [PATCH 11/16] case/unknown errors are impossible to fix --- .stylelintrc.js | 12 ++++++------ src/themes/material/modules/modal.overrides | 2 +- 2 files changed, 7 insertions(+), 7 deletions(-) diff --git a/.stylelintrc.js b/.stylelintrc.js index de25171b15..af07d8f61d 100644 --- a/.stylelintrc.js +++ b/.stylelintrc.js @@ -9,29 +9,30 @@ module.exports = { ], rules: { 'at-rule-empty-line-before': null, + 'at-rule-name-case': null, + 'at-rule-no-unknown': null, 'block-closing-brace-newline-before': null, // fix bad formatting with "each()" 'declaration-block-trailing-semicolon': null, // fix bad formatting with "each()" + 'function-no-unknown': null, indentation: null, // TODO change to "4" once https://github.com/fomantic/Fomantic-UI/pull/2593#discussion_r1045131096 is fixed linebreaks: 'unix', 'max-line-length': null, 'no-descending-specificity': null, 'no-extra-semicolons': null, // fix GH-1832 - workaround for wikimedia/less.php parser + 'no-duplicate-selectors': null, 'number-max-precision': 5, + 'property-case': null, 'rule-empty-line-before': null, 'string-quotes': null, + 'value-keyword-case': null, // TODO rules to be removed/fixed in v2.10.0 as fixes are not compatible with IE11 'alpha-value-notation': 'number', // https://caniuse.com/mdn-css_properties_opacity_percentages 'color-function-notation': 'legacy', // https://caniuse.com/mdn-css_types_color_rgba_space_separated_parameters // TODO - 'at-rule-no-unknown': null, // 1081 errors - 'property-case': null, // 866 errors - 'at-rule-name-case': null, // 764 errors - 'no-duplicate-selectors': null, // 224 errors 'selector-not-notation': null, // 169 errors 'no-invalid-position-at-import-rule': null, // 104 errors - 'function-no-unknown': null, // 67 errors 'import-notation': null, // 56 errors 'keyframes-name-pattern': null, // 50 errors 'property-no-vendor-prefix': null, // 49 errors @@ -40,7 +41,6 @@ module.exports = { 'selector-class-pattern': null, // 19 errors 'font-family-name-quotes': null, // 13 errors 'declaration-block-no-redundant-longhand-properties': null, // 12 errors - 'value-keyword-case': null, // 12 errors 'value-no-vendor-prefix': null, // 9 errors 'font-family-no-missing-generic-family-keyword': null, // 8 errors 'selector-attribute-quotes': null, // 7 errors diff --git a/src/themes/material/modules/modal.overrides b/src/themes/material/modules/modal.overrides index ee4ec03fd0..cda6ce430c 100644 --- a/src/themes/material/modules/modal.overrides +++ b/src/themes/material/modules/modal.overrides @@ -1,6 +1,6 @@ @import (css) url('https://fonts.googleapis.com/css2?family=Roboto'); .ui.modal .header { - font-family: 'Roboto', Arial, Sans-serif !important; + font-family: 'Roboto', Arial, sans-serif !important; font-weight: 400 !important; } From c379bb881befda980926c69079716a65442c561e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Michael=20Vo=C5=99=C3=AD=C5=A1ek?= Date: Wed, 14 Dec 2022 23:38:19 +0100 Subject: [PATCH 12/16] fix no-invalid-position-at-import-rule manually --- .stylelintrc.js | 3 +-- src/semantic.less | 2 ++ 2 files changed, 3 insertions(+), 2 deletions(-) diff --git a/.stylelintrc.js b/.stylelintrc.js index af07d8f61d..c065410a7b 100644 --- a/.stylelintrc.js +++ b/.stylelintrc.js @@ -12,6 +12,7 @@ module.exports = { 'at-rule-name-case': null, 'at-rule-no-unknown': null, 'block-closing-brace-newline-before': null, // fix bad formatting with "each()" + 'color-function-notation': 'legacy', 'declaration-block-trailing-semicolon': null, // fix bad formatting with "each()" 'function-no-unknown': null, indentation: null, // TODO change to "4" once https://github.com/fomantic/Fomantic-UI/pull/2593#discussion_r1045131096 is fixed @@ -28,11 +29,9 @@ module.exports = { // TODO rules to be removed/fixed in v2.10.0 as fixes are not compatible with IE11 'alpha-value-notation': 'number', // https://caniuse.com/mdn-css_properties_opacity_percentages - 'color-function-notation': 'legacy', // https://caniuse.com/mdn-css_types_color_rgba_space_separated_parameters // TODO 'selector-not-notation': null, // 169 errors - 'no-invalid-position-at-import-rule': null, // 104 errors 'import-notation': null, // 56 errors 'keyframes-name-pattern': null, // 50 errors 'property-no-vendor-prefix': null, // 49 errors diff --git a/src/semantic.less b/src/semantic.less index 3279d81d1b..00f642a250 100644 --- a/src/semantic.less +++ b/src/semantic.less @@ -10,6 +10,8 @@ Import this file into your LESS project to use Fomantic-UI without build tools */ +// stylelint-disable no-invalid-position-at-import-rule + /* Global */ & { @import 'definitions/globals/reset'; } & { @import 'definitions/globals/site'; } From c2a9f4e80202581e1d511920312750c54cfd7478 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Michael=20Vo=C5=99=C3=AD=C5=A1ek?= Date: Thu, 15 Dec 2022 00:28:27 +0100 Subject: [PATCH 13/16] autofix font-family-name-quotes --- .stylelintrc.js | 1 - src/themes/default/elements/step.overrides | 4 ++-- src/themes/default/modules/accordion.overrides | 2 +- src/themes/default/modules/checkbox.overrides | 4 ++-- src/themes/default/modules/dropdown.overrides | 4 ++-- src/themes/github/modules/dropdown.overrides | 4 ++-- src/themes/instagram/views/card.overrides | 2 +- src/themes/material/modules/dropdown.overrides | 2 +- src/themes/material/modules/modal.overrides | 2 +- 9 files changed, 12 insertions(+), 13 deletions(-) diff --git a/.stylelintrc.js b/.stylelintrc.js index c065410a7b..0d7f06856e 100644 --- a/.stylelintrc.js +++ b/.stylelintrc.js @@ -38,7 +38,6 @@ module.exports = { 'block-no-empty': null, // 25 errors 'selector-no-vendor-prefix': null, // 19 errors 'selector-class-pattern': null, // 19 errors - 'font-family-name-quotes': null, // 13 errors 'declaration-block-no-redundant-longhand-properties': null, // 12 errors 'value-no-vendor-prefix': null, // 9 errors 'font-family-no-missing-generic-family-keyword': null, // 8 errors diff --git a/src/themes/default/elements/step.overrides b/src/themes/default/elements/step.overrides index aeb17e9b5a..ccd11f446b 100644 --- a/src/themes/default/elements/step.overrides +++ b/src/themes/default/elements/step.overrides @@ -3,11 +3,11 @@ *******************************/ @font-face { - font-family: 'Step'; + font-family: Step; src: url(data:application/font-woff;base64,d09GRgABAAAAAAqgABAAAAAAEXwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAKhAAAABwAAAAcjOLzxEdERUYAAApoAAAAHAAAACAAJwAYT1MvMgAAAeQAAABEAAAAVj4wSUZjbWFwAAACPAAAAEYAAAFO0BkDx2N2dCAAAAfYAAAAFAAAABwGSf+UZnBnbQAAAoQAAAT5AAAJkYoKeDtnYXNwAAAKYAAAAAgAAAAIAAAAEGdseWYAAAf4AAAAuAAAALj5yjT+aGVhZAAAAWwAAAA1AAAANhGASlVoaGVhAAABpAAAACAAAAAkB3wDa2htdHgAAAIoAAAAFAAAABQMwgBDbG9jYQAAB+wAAAAMAAAADAA4AFxtYXhwAAABxAAAACAAAAAgAKgAR25hbWUAAAiwAAABgQAAAuggq9iKcG9zdAAACjQAAAAqAAAAPa7AQJpwcmVwAAAHgAAAAFYAAABWkqGa/3icY2BkYGAAYin+m+nx/DZfGeRZGEDgvOmMXhB9PyH33/+//9cz72KWA3I5GJhAogBAsAyTAAAAeJxjYGRgYE77n8YQw8Lw/+///8y7GIAiKIAVAKglBu0AAQAAAAUAFgABAAAAAAACAAYAEwBuAAAALQAcAAAAAHicY2BkPs84gYGVgYOpk+ksAwNDP4RmfMNgxMjBwMDEwMrMgBUEpLmmMDi8YHjByJz2P40hhlmOIRAozAiSAwAYDgv0BAAAAAAAAAABVAAABAAARgNt//14nN2MwQ3AIAwDzxQxBSMwCPtPwRbUCf10BSwlJ0u2gYdzHRGadkpfGWYzRYGlvSOwOMxUzba/Gt+A6XQ0fhLX6wWAUwawAAB4nJ1V2XbTVhSVPGRwEjpkoKAO19w4UOvKhCkYMGkqxXYhHRwIrQQdpAx05J3HPutrjkK7Vh/5tO59PSS0dK22LJbPvkdbZ9g650YcIyp9Gohr1KGSlwOprD2WSvdJXNd1L4+VDAZxXbYST0mbqJ0kSmrd7FAu8VjrKlknWCfj5SBWT1WeZ6AM4hQeZUlEG0QbqZcmSeKJ4yeJFmcQHyVJICWjEKfSyFBCNRrEUtWhTOnQq9cTcdNAykajHnVYVPdDxSfHNafUrANGKlc5whXr1Ua+G6cDL3uQxDrBs62HMR54rH6UKpCKkenIP3ZKTpSGgVRx1KFW4ugwk1/3kUwqzUCmjGJFpe6BuN39dNsWMT10Or4uSpVGqrq5ziia7dHxqIMoD9nG6aTc0Nn28OUZU1SrXXGz7UBmDVxKyWx0n0QAHSZS4+kBTjWcAqkZ9UfF2efPARLJXJSqPFUyh3oDmTM7e3Ex7W4nq7JwpJ8HMm92duOdh0OnV4d/0foXTOHMR4/iYn4+QvpQan4iTiSlRljM8qeGH3FXIEK5MYgLF8rgU4Q5dEXa2WZd47Ux9obP+UqpYT0J2uij+H4K/U4kKxxnUaP1SJzNY9d1rdxnUEu1uxc7Mq9DlSLu7wsLrjPnhGGeFgtVX5753gU0/waIZ/xA3jSFS/uWKUq0b5uiTLtoigrtElSlXTbFFO2KKaZpz5pihvYdU8zSnjMy4//L3OeR+xze8ZCb9l3kpn0PuWnfR27aD5CbViE3bR25aS8gN61GbtpVozp2BBoGaRdSFUHQNLL6YdxWm/VA1ow0fGlg8i5iyPrqREedtbXKH8V/deILB3Jpoqe7Iheb4i6v2xY+PN3uq4+aRt2w1fjGkfIwHkZ6HJrQWfnN4b/tTd0umu4yqjLoARVMCsAAZe1AAtM62wmk9Zqn+PIHYFyGeM5KQ7VUnzuGpu/leV/3sTnxvsftxi63XHd5CVnWDXJj9vDfUmSq6x/lLa1UJ0esKyePVWsYQyq8KLq+kpR7tLUbvyipsvJelNbK55OQmz2DG0Jbtu5hsCNMacolHl5TpSg91FKOskMsbynKPOCUiwtahsS4DnUPamvE6aF6GBsLIYahtL0QcEgpXRXftMp38R6ra9jo+MUV4el6chIRn+Iq+1HwVNdG/egO2rxm3TKDKVWqp/uMT7Gv2/ZRWWmkjrMXt1QH1zTrGjkV00/ka+B0bzho3QM9VHw0QSNVNcfoxihjNJY15d8EdDFWfsNo1WL7PdxPnaRVrLlLmOybE/fgtLv9Kvu1nFtG1v3XBr1t5IqfIzG/LQr8Owdit2QN1DuTgRgLyFnQGMYWJncYroNtxG32Pyan/9+GhUVyVzsau3nqw9WTUSV32fK4y012WdejNkfVThr7CI0tDzfm2OFyLLbEYEG2/sH/Me4Bd2lRAuDQyGWYiNp0oZ7q4eoeq7FtOFcSAXbNseN0AHoALkHfHLvW8wmA9dwj5y7AfXIIdsgh+JQcgs/IuQXwOTkEX5BDMCCHYJecOwAPyCF4SA7BHjkEj8jZBPiSHIKvyCGIySFIyLkN8JgcgifkEHxNDsE3Rq5OZP6WB9kA+s6im0CpnRoc2jhkRq5N2Ps8WPaBRWQfWkTqkZHrE+pTHiz1e4tI/cEiUn80cmNC/YkHS/3ZIlJ/sYjUZ8aXmSMprw6e844O/gSX6q1eAAAAS7gAyFJYsQEBjlm5CAAIAGMgsAEjRLADI3CyBCgJRVJEsgoCByqxBgFEsSQBiFFYsECIWLEGA0SxJgGIUVi4BACIWLEGAURZWVlZuAH/hbAEjbEFAEQAAHicY2BAA0YMRszc/zeCMAAQtAPhAAAAAAAAAAAAOABcAAEARgABA7oCqAAVABxAGQ8BAAEBQgACAQJqAAEAAWoAAABhFBcUAxIrARQHAQYiJwEmND8BNjIfAQE2Mh8BFgO6D/4UEC0Q/uMPD04QLRGoAXYQLhBODwIjFxD+FA8PAR0QLRFOEBCpAXgQEE4QAAAB//3/rwN0Ax4ADAASQA8AAQEKQwAAAAsARBUTAhErARQOASIuAj4BMh4BA251y+3NcQZ9wPq/gQFmeMh3d8nvyXd3yQAAAHicfZHLSsNAFIb/6UVrCyIKrg8IYhHSC7pxVSlUcOmi+7SmSUqaCZOp0NfxGdz6CLpz69atK9f+SUfBgk3I5Dv/ucyZMwAO8Q6F9XOJxLFCA0+OK9jFi+Mq9Q/HNTRUxXEdLXXieIf6teMmztWj4xaO1BcrqNoerXlZrWCFAzw6rmAfz46r1N8c18ifjus4Vi3HOzhQHcdNjNWt4xZO1SuG0MiwgkGMEBEsBGdU2/z30UUPF6QJI4SR66gYKXzOQbgumRGVnpz2gN+MVko1YERC9jDlugCGOluZOIysnA3b0u/2LmSyEk0pTv1E/KWNtMllIDOd2iBJtDfVTNushx83cEcxZAsJGzE0g3CZ+GZryhbXmGJxjLgMER7d4wAwDkwe61R6Xndr+g3FtCzhlwH3v3PL8cA2+1QtCxQTMuVEBKONcsK7KHxzKlPqHssGaWB8G9wXw8ofwr61M5kZvZCR21oyo+fB1DI4KvfIcIUO339vIrI2u+p0/sz5GyLHh70AAAB4nGNgYoAALgbsgBWIGRmYGJkYmTmTM1KTs3MTi7LZkjOLknNSATkPBkYAAAABAAH//wAPeJxjYGRgYOABYgEGCQYmIM0CxCCaEYIBBW0AQAAAAAEAAAAA3kztOAAAAADPNZiNAAAAAN9gbf4=) format('woff'); } .ui.steps .step.completed > .icon::before, .ui.ordered.steps .step.completed::before { - font-family: 'Step'; + font-family: Step; content: '\e800'; /* '' */ } diff --git a/src/themes/default/modules/accordion.overrides b/src/themes/default/modules/accordion.overrides index 7c2b75a15a..dfd1a7eb0d 100644 --- a/src/themes/default/modules/accordion.overrides +++ b/src/themes/default/modules/accordion.overrides @@ -2,7 +2,7 @@ Theme Overrides *******************************/ @font-face { - font-family: 'Accordion'; + font-family: Accordion; src: url(data:application/font-woff;base64,d09GRk9UVE8AAAREAAsAAAAABkAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAC7AAAAQoAAAE/j/fxwUZGVE0AAAQUAAAAHAAAAByNqvxQR0RFRgAAA/gAAAAcAAAAIAAnABhPUy8yAAABYAAAAEIAAABgTadW5mNtYXAAAAKMAAAAUQAAAWAFZuKDaGVhZAAAAQgAAAAyAAAANg8zT8toaGVhAAABPAAAABoAAAAkApkA5mhtdHgAAAQwAAAAEwAAABYBtwASbWF4cAAAAVgAAAAGAAAABgAGUABuYW1lAAABpAAAAOYAAAGq/HAhWXBvc3QAAALgAAAADAAAACAAAwAAeJxjYGRgYADi8KWRsvH8Nl8ZuJkYQOD838XvQPT9hGxNIOXJsJ0xD0hzMIClARzsCcoAAHicY2BkYGB88P8BkGQAg+0wBhywAgBgjgOAAAAAAFAAAAYAAHicY2BmOM84gYGVgYHRhzGNgYHBHUp/ZZBkaGFABYwCSJyANNcUBgcGhg+3GB/8fwCUfMCgAFIDV6AAhIwARVcMJwAAeJx1jrFOwzAURU/SNKgFIVgQ6uSRKWolZjaQOnQBqQNb2lpRpMqW3HTowhew8U9I/BU37WOjtmyfd/3utYEbvsn4G7lxRsmtcc4FD8YD6U/GhfjNeMglybjU/DQeM+FHrqwY2QsnzrgSnTjnmnvjgfSpcSF+Nh5yx7txKf3DeMwjX31soqajJdCoqLs26HzFq9yz1WVS6Zv9tk5nmv8Vl0pI7CRHXThmVPofS592bQxuVk3PGF+Ohk6WRhHhGNO3eTbSVhy0z1mra6HV91YyxdC5xgevFL9xq4Obr+MixlDxC/HTOrsAAHicY2BgYGaAYBkGRgYQiALyGMF8FgY7IM3FwMHABISMDAofbv3/+/8/WJXCh5tgNuP/x2A+RC8bUC0DUB8rWIgNiJkY8AJm/NJDHgAALqoOxgAAAHicY2BmwAsAAH0ABHicPY7BSsNAEIZnkk2zlhg1JKAYxOrJi6RepMdC8SKefAJP4kVBzCtkNw7ZjeK1j9C38Rn6CO5CDrppigwMM8P/f/8gMAaIGL4+vD09PwJ6gLCwp2AnaM88e+7bQ0aRTxE7GcPRffJL9D9EIX2bW+sFOXzu5QD7OSwPcuA5Xiew05N8CIDDLiSQuTqGSVmU0/KqKG+Kxaxv8+llMURvHwBAgRJrfEeCEaLns9HdRxzHP/FqaV4yaptWK25SkwZKu4Va0rUSWjYVVbz7CqmqhZBSiNodqGqk5l2vFqrW1PJ4tWbGqZxVKa31htA6gmN2aTBwBobzuYsU1YYkGheyZVBqLjKKxn8cSmvuAAB4nGNgZGBg4AFiAQYJBiYgzQLEIJoRggEFbQBAAAAAAQAAAADeTO04AAAAAM/9o+4AAAAA32BrKXicY2BAAEYQsZ1BiIEBAAPpAMsA) format('woff'); font-weight: normal; font-style: normal; diff --git a/src/themes/default/modules/checkbox.overrides b/src/themes/default/modules/checkbox.overrides index 8169b89e4a..3a7930e3f3 100644 --- a/src/themes/default/modules/checkbox.overrides +++ b/src/themes/default/modules/checkbox.overrides @@ -3,14 +3,14 @@ *******************************/ @font-face { - font-family: 'Checkbox'; + font-family: Checkbox; src: url(data:application/font-woff;base64,d09GRgABAAAAAAR8AA0AAAAABtwAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAEYAAAABoAAAAcgbCWJ0dERUYAAARIAAAAFwAAABgAJQAAT1MvMgAAAZgAAABAAAAAYA8SBD9jbWFwAAAB9AAAAFMAAAFc71zo6Wdhc3AAAARAAAAACAAAAAgAAAAQZ2x5ZgAAAlwAAADJAAABVHshwGBoZWFkAAABMAAAAC4AAAA2Bj3tWWhoZWEAAAFgAAAAHQAAACQHfQPIaG10eAAAAdgAAAAZAAAAHg56AEVsb2NhAAACSAAAABIAAAASAQoAjG1heHAAAAGAAAAAGAAAACAACgAvbmFtZQAAAygAAADnAAABp5xOC4Fwb3N0AAAEEAAAADAAAABaHRtWW3icY2BkYGBgYmDgqbAVjee3+crAzcIAAhc3XilHppl3M+cBKQ6QWgYGAAHnCVsAAHicY2BkYGA+8P8AAwMLAwgw72ZgZEAF7ABaJgNOAAAAeJxjYGRgYOBg0GUA0QwMTAxoAAAFtQA6eJxjYGYWYpzAwMrAwDST6QwDA0M/hGZ8zWDMyMmAChgF0AQYHBgYXjAxH/h/gMGB+QCIx8CIJKvAwAgAIOcKW3icY2GAAMZQCM0ExCwMDK7MqiAeAAqXAM4AAAB4nN2NwQ2AMAwDL00pHYJH52AQ9n/w6BbFCS9WwJFlO3IUwHl5YAQuJctcOaVdU6TGmGWt7IxJuHXnvmcrnLPR2GWb6NnF4rrwhT5U/o0Hf5EJGAAAAAAAAAgACAAQABgASABsAKoAAHichY09CsJAEIVndiG2gyQ7IASJIbHQyvyIiFhZpBE8iNsIeiVvYOFx7FPbKE6yUcHGgZ23jzd8DxDeowAWCv77Dez0Vd1hAIB+D714NMa0yNdYZrMhum0CfaWnT4bpeSPaEjOd8djIltTBNBlhSGzES3Jqb5oW6UOrE1WBL7/A73lxNBqnK8znZRbNWMgJET8qJhlWF1HV3zvXSceBSifawrTjTLrd0uI3c4lFu4UcYvbh1/KsIaodUayx7Kxr+wb8Y+EFi+YsngAAAHicfc5BSsNAGMXxf9q0agURFy50M3shlOoNikIXddGFa5N0SEvLDKQp2KUH8AxuXXkkz+JL+NYJJPzmffNmAlzxS0L7JJxzYx5wxoN5qPzZnMrv5hGXfJrHyr/NE+74UytJL5Rcdye0Huiue/NQ+aM5lV/NI27ZmsfKv8wTnvhhzgZPyY6CyAfMN77cFVFaaVBxZE9OraWvjvtc6Kn0jN40qDnoVyIBx4yMqWJfH7YxuFk27a2/dLVGxUpbQndYrrVnrazgpO9C1chSb7s3UymGxlU++Dpv/NoVJ7co4zLGkPEPj0VARQB4nGNgYsAPOBgYGJkYmBiZGZgZWRhZGdnYS/MyDYAAShuCaFcLCB9Iw/hGAOPdCuMAAQAB//8AD3icY2BkYGDgAWIBIGYCYhYIDQACOwAmAHicY2BgYGQAgns+by1A9MWNV8phNABQ5wfrAAA=) format('woff'); } /* Checkmark */ .ui.checkbox label::after, .ui.checkbox .box::after { - font-family: 'Checkbox'; + font-family: Checkbox; } /* Checked */ diff --git a/src/themes/default/modules/dropdown.overrides b/src/themes/default/modules/dropdown.overrides index fcca360077..8b2688b1c5 100644 --- a/src/themes/default/modules/dropdown.overrides +++ b/src/themes/default/modules/dropdown.overrides @@ -4,14 +4,14 @@ /* Dropdown Carets */ @font-face { - font-family: 'Dropdown'; + font-family: Dropdown; src: url(data:application/font-woff;base64,d09GRk9UVE8AAASEAAsAAAAABwQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAC5AAAAU8AAAHrSr22AUZGVE0AAARQAAAAHAAAAByNrZ/TR0RFRgAABDQAAAAcAAAAIAAnABhPUy8yAAABYAAAAEIAAABgTadXCGNtYXAAAAKEAAAAVAAAAWQFcOKQaGVhZAAAAQgAAAAyAAAANg+j805oaGVhAAABPAAAABsAAAAkAwcBDWhtdHgAAARsAAAAFgAAAB4EAQASbWF4cAAAAVgAAAAGAAAABgAIUABuYW1lAAABpAAAAN8AAAG2rSbAM3Bvc3QAAALYAAAADAAAACAAAwAAeJxjYGRgYADiKjtG3nh+m68M3EwMIHCBwT0CRN9PyHYCUp6Mqox5QJqDASwNAMNOBrgAAHicY2BkYGB88P8BkFRlYACTjAyogB0AWWsDFgAAAFAAAAgAAHicY2Bm+Mg4gYGVgYHRhzGNgYHBHUp/ZZBkaGFABYwCSJyANNcUBgcGhg+3GB/8fwCUfMCgAFIDV6AAhIwAUbEMSQAAeJx1zTEKwkAUBNBJjIoKIggW2mwvBEVvIAgiNhY2VjEuQUh2YY2FeACPYOltvIH3cZJ8ywQS3p/d+QEwwAce/o8v9tDGUOzTU3GDXokD+ihuooeHuMX8Je5ijC9bXtCRP1T20Kcq+/RE3KAX4oDeipsYIRa3mD/FXSzxLtZeeGyR8bUwHGObWUvsoZHghhQRHEed3NLI1d+vyw/c43DleZErzBFixli768UaNQ9n9d11OedsJdxiyk0RZ40zsxPu/G7K7k66IUvW5CrRRrso12d1uqtNbHfcF+IHrnU+mwB4nGNgYGBmgGAZBkYGEIgD8hjBfBYGJyDNxcDBwASEjAwKH279//v/P1iVwofrYDbj/8dgPkQvGwMPkGRhYAWy2MHCbEDMxIAXMOOXHvIAAINhDt14nGNgZsALAAB9AAR4nE2Pv0rEQBCHZ3J7d4vGqEcOFaKC/zolZ6OWwmElNj6ClYWmyivcblyzE+RaK8EHsPMxBBtrwUdwA1fobpI7ZWBYfux8fD8ExgAR+fVVcpMkt4AeIAzLLSi3sdzxyt1WucqU31I+25iDtcvej1Kzh99V7+a19NoRPC1GAEsRvCxHwCP87MG8I7WgDRwWoAcrEMGmnT3YT+N0kB7G6Vk8PHLr2K0Tt04HB3FjMhUCQIESM7xDhfeYA3dcz5IZdOAcHuAD14MgeAu+zTNTRV5oTUR5obgZdwpVZFqQzEfKTiaE4JNwEralHGUuErnQNjE2oYxUwS0ldBTSxI3L7cOyKo60ib0lezSl1Rw+GXdq1pQiH03SdzKka4ymosLQTMcedSuIlEJUMqNcUi0jdIP5Ysb++leqLtSI/NWSTS0xq0WyYajQXPSVP/cLitO4NgB4nGNgZGBg4AFiAQYJBiYgzQLEIJoRggEFbQBAAAAAAQAAAADeTO04AAAAANAAR1gAAAAA32BrQnicY2BAAEYQVoVghu0MQgwMAAc/ARcAAA==) format('woff'); font-weight: normal; font-style: normal; } .ui.dropdown > .dropdown.icon { - font-family: 'Dropdown'; + font-family: Dropdown; line-height: 1; height: 1em; width: 1.23em; diff --git a/src/themes/github/modules/dropdown.overrides b/src/themes/github/modules/dropdown.overrides index 92b2b345ec..a89f396e7e 100644 --- a/src/themes/github/modules/dropdown.overrides +++ b/src/themes/github/modules/dropdown.overrides @@ -9,14 +9,14 @@ /* Dropdown Carets */ @font-face { - font-family: 'Dropdown'; + font-family: Dropdown; src: url(data:application/font-woff;base64,d09GRk9UVE8AAASEAAsAAAAABwQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAC5AAAAU8AAAHrSr22AUZGVE0AAARQAAAAHAAAAByNrZ/TR0RFRgAABDQAAAAcAAAAIAAnABhPUy8yAAABYAAAAEIAAABgTadXCGNtYXAAAAKEAAAAVAAAAWQFcOKQaGVhZAAAAQgAAAAyAAAANg+j805oaGVhAAABPAAAABsAAAAkAwcBDWhtdHgAAARsAAAAFgAAAB4EAQASbWF4cAAAAVgAAAAGAAAABgAIUABuYW1lAAABpAAAAN8AAAG2rSbAM3Bvc3QAAALYAAAADAAAACAAAwAAeJxjYGRgYADiKjtG3nh+m68M3EwMIHCBwT0CRN9PyHYCUp6Mqox5QJqDASwNAMNOBrgAAHicY2BkYGB88P8BkFRlYACTjAyogB0AWWsDFgAAAFAAAAgAAHicY2Bm+Mg4gYGVgYHRhzGNgYHBHUp/ZZBkaGFABYwCSJyANNcUBgcGhg+3GB/8fwCUfMCgAFIDV6AAhIwAUbEMSQAAeJx1zTEKwkAUBNBJjIoKIggW2mwvBEVvIAgiNhY2VjEuQUh2YY2FeACPYOltvIH3cZJ8ywQS3p/d+QEwwAce/o8v9tDGUOzTU3GDXokD+ihuooeHuMX8Je5ijC9bXtCRP1T20Kcq+/RE3KAX4oDeipsYIRa3mD/FXSzxLtZeeGyR8bUwHGObWUvsoZHghhQRHEed3NLI1d+vyw/c43DleZErzBFixli768UaNQ9n9d11OedsJdxiyk0RZ40zsxPu/G7K7k66IUvW5CrRRrso12d1uqtNbHfcF+IHrnU+mwB4nGNgYGBmgGAZBkYGEIgD8hjBfBYGJyDNxcDBwASEjAwKH279//v/P1iVwofrYDbj/8dgPkQvGwMPkGRhYAWy2MHCbEDMxIAXMOOXHvIAAINhDt14nGNgZsALAAB9AAR4nE2Pv0rEQBCHZ3J7d4vGqEcOFaKC/zolZ6OWwmElNj6ClYWmyivcblyzE+RaK8EHsPMxBBtrwUdwA1fobpI7ZWBYfux8fD8ExgAR+fVVcpMkt4AeIAzLLSi3sdzxyt1WucqU31I+25iDtcvej1Kzh99V7+a19NoRPC1GAEsRvCxHwCP87MG8I7WgDRwWoAcrEMGmnT3YT+N0kB7G6Vk8PHLr2K0Tt04HB3FjMhUCQIESM7xDhfeYA3dcz5IZdOAcHuAD14MgeAu+zTNTRV5oTUR5obgZdwpVZFqQzEfKTiaE4JNwEralHGUuErnQNjE2oYxUwS0ldBTSxI3L7cOyKo60ib0lezSl1Rw+GXdq1pQiH03SdzKka4ymosLQTMcedSuIlEJUMqNcUi0jdIP5Ysb++leqLtSI/NWSTS0xq0WyYajQXPSVP/cLitO4NgB4nGNgZGBg4AFiAQYJBiYgzQLEIJoRggEFbQBAAAAAAQAAAADeTO04AAAAANAAR1gAAAAA32BrQnicY2BAAEYQVoVghu0MQgwMAAc/ARcAAA==) format('woff'); font-weight: normal; font-style: normal; } .ui.dropdown > .dropdown.icon { - font-family: 'Dropdown'; + font-family: Dropdown; line-height: 1; height: 1em; width: 1.23em; diff --git a/src/themes/instagram/views/card.overrides b/src/themes/instagram/views/card.overrides index a96fd42b39..f34f1cfed1 100644 --- a/src/themes/instagram/views/card.overrides +++ b/src/themes/instagram/views/card.overrides @@ -6,6 +6,6 @@ .ui.cards > .card, .ui.card { - font-family: 'Montserrat'; + font-family: Montserrat; font-size-adjust: 0.5; } diff --git a/src/themes/material/modules/dropdown.overrides b/src/themes/material/modules/dropdown.overrides index 0557db6993..6822acf316 100644 --- a/src/themes/material/modules/dropdown.overrides +++ b/src/themes/material/modules/dropdown.overrides @@ -1,5 +1,5 @@ @import (css) url('https://fonts.googleapis.com/css2?family=Roboto'); .ui.dropdown { - font-family: 'Roboto'; + font-family: Roboto; } diff --git a/src/themes/material/modules/modal.overrides b/src/themes/material/modules/modal.overrides index cda6ce430c..7012cb81a3 100644 --- a/src/themes/material/modules/modal.overrides +++ b/src/themes/material/modules/modal.overrides @@ -1,6 +1,6 @@ @import (css) url('https://fonts.googleapis.com/css2?family=Roboto'); .ui.modal .header { - font-family: 'Roboto', Arial, sans-serif !important; + font-family: Roboto, Arial, sans-serif !important; font-weight: 400 !important; } From 19db54b64c03fb65fb08a58e2bb22bc039d53996 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Michael=20Vo=C5=99=C3=AD=C5=A1ek?= Date: Thu, 15 Dec 2022 00:50:27 +0100 Subject: [PATCH 14/16] fix indent manually --- src/definitions/modules/rating.less | 20 ++++++++++++-------- src/definitions/views/card.less | 24 ++++++++++++------------ 2 files changed, 24 insertions(+), 20 deletions(-) diff --git a/src/definitions/modules/rating.less b/src/definitions/modules/rating.less index 724328222f..1e61360be5 100755 --- a/src/definitions/modules/rating.less +++ b/src/definitions/modules/rating.less @@ -103,20 +103,24 @@ .ui.@{color}.rating .active.icon { color: @l; - text-shadow: 0px -@shadowWidth 0px @c, - -@shadowWidth 0px 0px @c, - 0px @shadowWidth 0px @c, - @shadowWidth 0px 0px @c; + text-shadow: + 0px -@shadowWidth 0px @c, + -@shadowWidth 0px 0px @c, + 0px @shadowWidth 0px @c, + @shadowWidth 0px 0px @c + ; } .ui.@{color}.rating .icon.selected, .ui.@{color}.rating .icon.selected.active, .ui.@{color}.rating .icon.selected.partial.active { background: inherit; color: @lh; - text-shadow: 0px -@shadowWidth 0px @h, - -@shadowWidth 0px 0px @h, - 0px @shadowWidth 0px @h, - @shadowWidth 0px 0px @h; + text-shadow: + 0px -@shadowWidth 0px @h, + -@shadowWidth 0px 0px @h, + 0px @shadowWidth 0px @h, + @shadowWidth 0px 0px @h + ; -webkit-text-stroke: unset; background-clip: unset; diff --git a/src/definitions/views/card.less b/src/definitions/views/card.less index 7f35f3e4a5..aa4c90e721 100755 --- a/src/definitions/views/card.less +++ b/src/definitions/views/card.less @@ -680,9 +680,9 @@ .ui.cards > .@{color}.card, .ui.@{color}.card { box-shadow: - @borderShadow, - 0 @coloredShadowDistance 0 0 @c, - @shadowBoxShadow + @borderShadow, + 0 @coloredShadowDistance 0 0 @c, + @shadowBoxShadow ; } & when (@variationCardLink) { @@ -693,9 +693,9 @@ a.ui.@{color}.card:hover, .ui.link.@{color}.card:hover { box-shadow: - @borderShadow, - 0 @coloredShadowDistance 0 0 @h, - @shadowHoverBoxShadow + @borderShadow, + 0 @coloredShadowDistance 0 0 @h, + @shadowHoverBoxShadow ; } } @@ -732,9 +732,9 @@ .ui.inverted.cards > .@{color}.card, .ui.inverted.@{color}.card { box-shadow: - 0 @shadowDistance 3px 0 @solidWhiteBorderColor, - 0 @coloredShadowDistance 0 0 @l, - 0 0 0 @borderWidth @solidWhiteBorderColor + 0 @shadowDistance 3px 0 @solidWhiteBorderColor, + 0 @coloredShadowDistance 0 0 @l, + 0 0 0 @borderWidth @solidWhiteBorderColor ; } & when (@variationCardLink) { @@ -745,9 +745,9 @@ a.ui.inverted.@{color}.card:hover, .ui.link.inverted.@{color}.card:hover { box-shadow: - 0 @shadowDistance 3px 0 @solidWhiteBorderColor, - 0 @coloredShadowDistance 0 0 @lh, - 0 0 0 @borderWidth @solidWhiteBorderColor + 0 @shadowDistance 3px 0 @solidWhiteBorderColor, + 0 @coloredShadowDistance 0 0 @lh, + 0 0 0 @borderWidth @solidWhiteBorderColor ; } } From ad760062d2ac19263e6084a97287bf577d020aaa Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Michael=20Vo=C5=99=C3=AD=C5=A1ek?= Date: Thu, 15 Dec 2022 00:58:19 +0100 Subject: [PATCH 15/16] fix spaces after comma manually --- src/definitions/elements/emoji.less | 2 +- src/definitions/elements/flag.less | 10 ++-- src/definitions/elements/icon.less | 36 +++++++------- src/theme.less | 2 +- src/themes/default/elements/label.variables | 2 +- src/themes/default/globals/site.variables | 52 ++++++++++----------- src/themes/default/modules/dimmer.variables | 12 ++--- src/themes/default/modules/modal.variables | 2 +- src/themes/default/modules/toast.variables | 10 ++-- src/themes/default/views/item.variables | 8 ++-- 10 files changed, 68 insertions(+), 68 deletions(-) diff --git a/src/definitions/elements/emoji.less b/src/definitions/elements/emoji.less index d5ca2a49d3..4042eaeb2b 100644 --- a/src/definitions/elements/emoji.less +++ b/src/definitions/elements/emoji.less @@ -77,7 +77,7 @@ each(@size-map, { } }); -each(@emoji-map,{ +each(@emoji-map, { & when (@variationEmojiColons) { em[data-emoji=":@{value}:"]::before { background-image: url('@{emojiPath}@{key}.@{emojiFileType}'); diff --git a/src/definitions/elements/flag.less b/src/definitions/elements/flag.less index 64d4f46c82..9a50a22022 100755 --- a/src/definitions/elements/flag.less +++ b/src/definitions/elements/flag.less @@ -48,11 +48,11 @@ each(@size-map, { // for simplicity, class and alias names have to be unique and different to countrycode otherwise false each(@flags, { - @unicode: replace(@key,'@',''); - @cc: replace(@flags[@@unicode][countrycode],'_','.','g'); - @cls: replace(@flags[@@unicode][class],'_','.','g'); - @alias: replace(@flags[@@unicode][aliasClass],'_','.','g'); - @alias2: replace(@flags[@@unicode][aliasClass2],'_','.','g'); + @unicode: replace(@key, '@', ''); + @cc: replace(@flags[@@unicode][countrycode], '_', '.', 'g'); + @cls: replace(@flags[@@unicode][class], '_', '.', 'g'); + @alias: replace(@flags[@@unicode][aliasClass], '_', '.', 'g'); + @alias2: replace(@flags[@@unicode][aliasClass2], '_', '.', 'g'); & when (@cls = false){ i.flag.@{cc}::before { background-image: url('@{flagPath}@{unicode}.@{flagFileType}'); diff --git a/src/definitions/elements/icon.less b/src/definitions/elements/icon.less index edf7b2c3e4..70dac70fe0 100755 --- a/src/definitions/elements/icon.less +++ b/src/definitions/elements/icon.less @@ -23,7 +23,7 @@ & when (@importIcons) { each(@fonts, { @font-face { - each(@value,{ + each(@value, { @{key}: @value; }); } @@ -514,9 +514,9 @@ and ((@variationIconBordered) or (@variationIconCircular)) { } .generateIcons(@map, @fontFamily) { - each(@map,{ - @escapedKey: replace(@key,'^([0-9])','\3$1 '); - @normalizedKey: replace(@escapedKey,'_','.','g'); + each(@map, { + @escapedKey: replace(@key, '^([0-9])', '\3$1 '); + @normalizedKey: replace(@escapedKey, '_', '.', 'g'); i.icon.@{normalizedKey}::before { content: '@{value}'; & when not (@fontFamily = false) { @@ -527,9 +527,9 @@ and ((@variationIconBordered) or (@variationIconCircular)) { }; .generateSecondaryIcons(@map) { - each(@map,{ - @escapedKey: replace(@key,'^([0-9])','\3$1 '); - @normalizedKey: replace(@escapedKey,'_','.','g'); + each(@map, { + @escapedKey: replace(@key, '^([0-9])', '\3$1 '); + @normalizedKey: replace(@escapedKey, '_', '.', 'g'); i.icon.@{normalizedKey}::after { content: '@{value}'; } @@ -538,7 +538,7 @@ and ((@variationIconBordered) or (@variationIconCircular)) { & when (@variationIconDeprecated) { /* Deprecated *In/Out Naming Conflict) */ - .generateIcons(@icon-deprecated-map,false); + .generateIcons(@icon-deprecated-map, false); } & when (@variationIconSolid) { @@ -547,10 +547,10 @@ and ((@variationIconBordered) or (@variationIconCircular)) { *******************************/ /* Icons */ - .generateIcons(@icon-map,false); + .generateIcons(@icon-map, false); & when (@variationIconAliases) { /* Aliases */ - .generateIcons(@icon-aliases-map,false); + .generateIcons(@icon-aliases-map, false); } } @@ -564,10 +564,10 @@ and ((@variationIconBordered) or (@variationIconCircular)) { } /* Icons */ - .generateIcons(@icon-outline-map,false); + .generateIcons(@icon-outline-map, false); & when (@variationIconAliases) { /* Aliases */ - .generateIcons(@icon-outline-aliases-map,false); + .generateIcons(@icon-outline-aliases-map, false); } } @@ -580,10 +580,10 @@ and ((@variationIconBordered) or (@variationIconCircular)) { i.icon.thin { font-family: @thinFontName; } - .generateIcons(@icon-thin-map,false); + .generateIcons(@icon-thin-map, false); & when (@variationIconAliases) { /* Aliases */ - .generateIcons(@icon-thin-aliases-map,false); + .generateIcons(@icon-thin-aliases-map, false); } } @@ -593,10 +593,10 @@ and ((@variationIconBordered) or (@variationIconCircular)) { *******************************/ /* Icons */ - .generateIcons(@icon-brand-map,@brandFontName); + .generateIcons(@icon-brand-map, @brandFontName); & when (@variationIconAliases) { /* Aliases */ - .generateIcons(@icon-brand-aliases-map,@brandFontName); + .generateIcons(@icon-brand-aliases-map, @brandFontName); } } @@ -630,12 +630,12 @@ and ((@variationIconBordered) or (@variationIconCircular)) { opacity: @duotoneSecondaryOpacity; } - .generateIcons(@icon-duotone-map,false); + .generateIcons(@icon-duotone-map, false); .generateSecondaryIcons(@icon-duotone-secondary-map); & when (@variationIconAliases) { /* Aliases */ - .generateIcons(@icon-duotone-aliases-map,false); + .generateIcons(@icon-duotone-aliases-map, false); .generateSecondaryIcons(@icon-duotone-secondary-aliases-map); } diff --git a/src/theme.less b/src/theme.less index 8412525a4b..1d117e9b65 100644 --- a/src/theme.less +++ b/src/theme.less @@ -64,7 +64,7 @@ & when (@importFonts) and not (@fontName = '') { each(@fonts, { @font-face { - each(@value,{ + each(@value, { @{key}: @value; }); } diff --git a/src/themes/default/elements/label.variables b/src/themes/default/elements/label.variables index 21c7d13fe0..2570c03c8e 100644 --- a/src/themes/default/elements/label.variables +++ b/src/themes/default/elements/label.variables @@ -153,7 +153,7 @@ @rightRibbonTableOffset: e(%('calc(100%% + %d + %d)', @ribbonTableMargin, @ribbonTriangleSize)); /* Inverted */ -@invertedBackgroundColor: darken(@backgroundColor,20); +@invertedBackgroundColor: darken(@backgroundColor, 20); @invertedBackground: @black; @invertedBoxShadowSize: 2px; @invertedBorderSize: 1px; diff --git a/src/themes/default/globals/site.variables b/src/themes/default/globals/site.variables index e56a8934ca..502a8a2584 100755 --- a/src/themes/default/globals/site.variables +++ b/src/themes/default/globals/site.variables @@ -1404,35 +1404,35 @@ @blackTertiaryColorActive: lighten(@blackActive, 20%); /* --- Bright --- */ -@primaryBright: screen(@lightPrimaryColor,@blendingBaseColor); -@secondaryBright: screen(@lightSecondaryColor,@blendingBaseColor); -@redBright: screen(@lightRed,@blendingBaseColor); -@orangeBright: screen(@lightOrange,@blendingBaseColor); -@yellowBright: screen(@lightYellow,@blendingBaseColor); -@oliveBright: screen(@lightOlive,@blendingBaseColor); -@greenBright: screen(@lightGreen,@blendingBaseColor); -@tealBright: screen(@lightTeal,@blendingBaseColor); -@blueBright: screen(@lightBlue,@blendingBaseColor); -@violetBright: screen(@lightViolet,@blendingBaseColor); -@purpleBright: screen(@lightPurple,@blendingBaseColor); -@pinkBright: screen(@lightPink,@blendingBaseColor); -@brownBright: screen(@lightBrown,@blendingBaseColor); +@primaryBright: screen(@lightPrimaryColor, @blendingBaseColor); +@secondaryBright: screen(@lightSecondaryColor, @blendingBaseColor); +@redBright: screen(@lightRed, @blendingBaseColor); +@orangeBright: screen(@lightOrange, @blendingBaseColor); +@yellowBright: screen(@lightYellow, @blendingBaseColor); +@oliveBright: screen(@lightOlive, @blendingBaseColor); +@greenBright: screen(@lightGreen, @blendingBaseColor); +@tealBright: screen(@lightTeal, @blendingBaseColor); +@blueBright: screen(@lightBlue, @blendingBaseColor); +@violetBright: screen(@lightViolet, @blendingBaseColor); +@purpleBright: screen(@lightPurple, @blendingBaseColor); +@pinkBright: screen(@lightPink, @blendingBaseColor); +@brownBright: screen(@lightBrown, @blendingBaseColor); @greyBright: @lightGrey; @blackBright: @lightBlack; -@primaryBrightHover: screen(@lightPrimaryColorHover,@blendingBaseColor); -@secondaryBrightHover: screen(@lightSecondaryColorHover,@blendingBaseColor); -@redBrightHover: screen(@lightRedHover,@blendingBaseColor); -@orangeBrightHover: screen(@lightOrangeHover,@blendingBaseColor); -@yellowBrightHover: screen(@lightYellowHover,@blendingBaseColor); -@oliveBrightHover: screen(@lightOliveHover,@blendingBaseColor); -@greenBrightHover: screen(@lightGreenHover,@blendingBaseColor); -@tealBrightHover: screen(@lightTealHover,@blendingBaseColor); -@blueBrightHover: screen(@lightBlueHover,@blendingBaseColor); -@violetBrightHover: screen(@lightVioletHover,@blendingBaseColor); -@purpleBrightHover: screen(@lightPurpleHover,@blendingBaseColor); -@pinkBrightHover: screen(@lightPinkHover,@blendingBaseColor); -@brownBrightHover: screen(@lightBrownHover,@blendingBaseColor); +@primaryBrightHover: screen(@lightPrimaryColorHover, @blendingBaseColor); +@secondaryBrightHover: screen(@lightSecondaryColorHover, @blendingBaseColor); +@redBrightHover: screen(@lightRedHover, @blendingBaseColor); +@orangeBrightHover: screen(@lightOrangeHover, @blendingBaseColor); +@yellowBrightHover: screen(@lightYellowHover, @blendingBaseColor); +@oliveBrightHover: screen(@lightOliveHover, @blendingBaseColor); +@greenBrightHover: screen(@lightGreenHover, @blendingBaseColor); +@tealBrightHover: screen(@lightTealHover, @blendingBaseColor); +@blueBrightHover: screen(@lightBlueHover, @blendingBaseColor); +@violetBrightHover: screen(@lightVioletHover, @blendingBaseColor); +@purpleBrightHover: screen(@lightPurpleHover, @blendingBaseColor); +@pinkBrightHover: screen(@lightPinkHover, @blendingBaseColor); +@brownBrightHover: screen(@lightBrownHover, @blendingBaseColor); @greyBrightHover: @lightGreyHover; @blackBrightHover: @lightBlackHover; diff --git a/src/themes/default/modules/dimmer.variables b/src/themes/default/modules/dimmer.variables index 843f0a107a..c51b64c163 100644 --- a/src/themes/default/modules/dimmer.variables +++ b/src/themes/default/modules/dimmer.variables @@ -57,9 +57,9 @@ @simpleInvertedEndBackgroundColor: @invertedBackgroundColor; /* Intensity */ -@veryLightBackgroundColor: rgba(0,0,0,0.25); -@lightBackgroundColor: rgba(0,0,0,0.45); -@mediumBackgroundColor: rgba(0,0,0,0.65); -@veryLightInvertedBackgroundColor: rgba(255,255,255,0.25); -@lightInvertedBackgroundColor: rgba(255,255,255,0.45); -@mediumInvertedBackgroundColor: rgba(255,255,255,0.65); +@veryLightBackgroundColor: rgba(0, 0, 0, 0.25); +@lightBackgroundColor: rgba(0, 0, 0, 0.45); +@mediumBackgroundColor: rgba(0, 0, 0, 0.65); +@veryLightInvertedBackgroundColor: rgba(255, 255, 255, 0.25); +@lightInvertedBackgroundColor: rgba(255, 255, 255, 0.45); +@mediumInvertedBackgroundColor: rgba(255, 255, 255, 0.65); diff --git a/src/themes/default/modules/modal.variables b/src/themes/default/modules/modal.variables index ec8cee5a8c..e349ff1199 100755 --- a/src/themes/default/modules/modal.variables +++ b/src/themes/default/modules/modal.variables @@ -256,7 +256,7 @@ @invertedActionBackground: #191A1B; @invertedActionBorder: 1px solid rgba(34, 36, 38, 0.85); @invertedActionColor: @white; -@invertedDimmerCloseColor: rgba(0,0,0,0.85); +@invertedDimmerCloseColor: rgba(0, 0, 0, 0.85); @invertedCloseShadow: -1px -1px 2px rgba(255, 255, 255, 0.3), 1px -1px 2px rgba(255, 255, 255, 0.3), diff --git a/src/themes/default/modules/toast.variables b/src/themes/default/modules/toast.variables index c9b22a254d..90faa8a60e 100644 --- a/src/themes/default/modules/toast.variables +++ b/src/themes/default/modules/toast.variables @@ -62,11 +62,11 @@ @toastImageMiniImagePadding: 4.4em; /* Progressbar Colors */ -@toastInfoProgressColor: darken(@toastInfoColor,15); -@toastWarningProgressColor: darken(@toastWarningColor,15); -@toastErrorProgressColor: darken(@toastErrorColor,15); -@toastSuccessProgressColor: darken(@toastSuccessColor,15); -@toastNeutralProgressColor: darken(@toastNeutralColor,15); +@toastInfoProgressColor: darken(@toastInfoColor, 15); +@toastWarningProgressColor: darken(@toastWarningColor, 15); +@toastErrorProgressColor: darken(@toastErrorColor, 15); +@toastSuccessProgressColor: darken(@toastSuccessColor, 15); +@toastNeutralProgressColor: darken(@toastNeutralColor, 15); /* Close Icon */ @toastCloseTopDistance: 0.3em; diff --git a/src/themes/default/views/item.variables b/src/themes/default/views/item.variables index c6f1bf3b56..6056fdf7d9 100644 --- a/src/themes/default/views/item.variables +++ b/src/themes/default/views/item.variables @@ -168,10 +168,10 @@ @invertedExtraColor: @invertedLightTextColor; @invertedDescriptionColor: @invertedTextColor; @invertedMetaColor: rgba(255, 255, 255, 0.8); -@invertedLikeColor: lighten(@likeColor,10); -@invertedLikeActiveColor: lighten(@likeActiveColor,10); -@invertedFavoriteColor: lighten(@favoriteColor,10); -@invertedFavoriteActiveColor: lighten(@favoriteActiveColor,10); +@invertedLikeColor: lighten(@likeColor, 10); +@invertedLikeActiveColor: lighten(@likeActiveColor, 10); +@invertedFavoriteColor: lighten(@favoriteColor, 10); +@invertedFavoriteActiveColor: lighten(@favoriteActiveColor, 10); @invertedDividedBorder: 1px solid @whiteBorderColor; @miniItemSize: @relativeMini; From 115c3825413724987129ec3331c0d48697931775 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Michael=20Vo=C5=99=C3=AD=C5=A1ek?= Date: Thu, 15 Dec 2022 01:13:49 +0100 Subject: [PATCH 16/16] fix zero no units with regex and review (? .hidden.content, .ui.slide.reveal:hover > .hidden.content { - transform: translateX(0%) !important; + transform: translateX(0) !important; } .ui.slide.right.reveal > .visible.content { - transform: translateX(0%) !important; + transform: translateX(0) !important; } .ui.slide.right.reveal > .hidden.content { transform: translateX(-100%) !important; @@ -99,7 +99,7 @@ } .ui.slide.right.active.reveal > .hidden.content, .ui.slide.right.reveal:hover > .hidden.content { - transform: translateX(0%) !important; + transform: translateX(0) !important; } .ui.slide.up.reveal > .hidden.content { @@ -111,7 +111,7 @@ } .ui.slide.up.active.reveal > .hidden.content, .ui.slide.up.reveal:hover > .hidden.content { - transform: translateY(0%) !important; + transform: translateY(0) !important; } .ui.slide.down.reveal > .hidden.content { @@ -123,7 +123,7 @@ } .ui.slide.down.active.reveal > .hidden.content, .ui.slide.down.reveal:hover > .hidden.content { - transform: translateY(0%) !important; + transform: translateY(0) !important; } } @@ -193,7 +193,7 @@ .ui.rotate.reveal > .visible.content { transition-duration: @transitionDuration; - transform: rotate(0deg); + transform: rotate(0); } .ui.rotate.reveal > .visible.content, diff --git a/src/definitions/modules/dropdown.less b/src/definitions/modules/dropdown.less index 86322caa30..d0786e919c 100755 --- a/src/definitions/modules/dropdown.less +++ b/src/definitions/modules/dropdown.less @@ -388,7 +388,7 @@ select.ui.dropdown { line-height: 1em; white-space: normal; outline: 0; - transform: rotateZ(0deg); + transform: rotateZ(0); min-width: @selectionMinWidth; min-height: @selectionMinHeight; background: @selectionBackground; diff --git a/src/definitions/modules/flyout.less b/src/definitions/modules/flyout.less index 4b4eee1460..e0e7dd5b35 100644 --- a/src/definitions/modules/flyout.less +++ b/src/definitions/modules/flyout.less @@ -610,12 +610,12 @@ body.pushable > .pusher { } & when (@variationFlyoutTop) { .ui.top.overlay.flyout { - transform: translate3d(0%, -100%, 0); + transform: translate3d(0, -100%, 0); } } & when (@variationFlyoutBottom) { .ui.bottom.overlay.flyout { - transform: translate3d(0%, 100%, 0); + transform: translate3d(0, 100%, 0); } } @@ -627,7 +627,7 @@ body.pushable > .pusher { /* End - flyout */ .ui.visible.overlay.flyout { - transform: translate3d(0%, 0, 0); + transform: translate3d(0, 0, 0); } /* End - Pusher */ diff --git a/src/definitions/modules/rating.less b/src/definitions/modules/rating.less index 1e61360be5..790500373f 100755 --- a/src/definitions/modules/rating.less +++ b/src/definitions/modules/rating.less @@ -104,10 +104,10 @@ .ui.@{color}.rating .active.icon { color: @l; text-shadow: - 0px -@shadowWidth 0px @c, - -@shadowWidth 0px 0px @c, - 0px @shadowWidth 0px @c, - @shadowWidth 0px 0px @c + 0 -@shadowWidth 0 @c, + -@shadowWidth 0 0 @c, + 0 @shadowWidth 0 @c, + @shadowWidth 0 0 @c ; } .ui.@{color}.rating .icon.selected, @@ -116,10 +116,10 @@ background: inherit; color: @lh; text-shadow: - 0px -@shadowWidth 0px @h, - -@shadowWidth 0px 0px @h, - 0px @shadowWidth 0px @h, - @shadowWidth 0px 0px @h + 0 -@shadowWidth 0 @h, + -@shadowWidth 0 0 @h, + 0 @shadowWidth 0 @h, + @shadowWidth 0 0 @h ; -webkit-text-stroke: unset; diff --git a/src/definitions/modules/sidebar.less b/src/definitions/modules/sidebar.less index 07d2b1541f..c79672ed2a 100755 --- a/src/definitions/modules/sidebar.less +++ b/src/definitions/modules/sidebar.less @@ -406,12 +406,12 @@ body.pushable > .pusher { } & when (@variationSidebarTop) { .ui.top.overlay.sidebar { - transform: translate3d(0%, -100%, 0); + transform: translate3d(0, -100%, 0); } } & when (@variationSidebarBottom) { .ui.bottom.overlay.sidebar { - transform: translate3d(0%, 100%, 0); + transform: translate3d(0, 100%, 0); } } @@ -424,22 +424,22 @@ body.pushable > .pusher { /* End - Sidebar */ & when (@variationSidebarLeft) { .ui.visible.left.overlay.sidebar { - transform: translate3d(0%, 0, 0); + transform: translate3d(0, 0, 0); } } & when (@variationSidebarRight) { .ui.visible.right.overlay.sidebar { - transform: translate3d(0%, 0, 0); + transform: translate3d(0, 0, 0); } } & when (@variationSidebarTop) { .ui.visible.top.overlay.sidebar { - transform: translate3d(0%, 0, 0); + transform: translate3d(0, 0, 0); } } & when (@variationSidebarBottom) { .ui.visible.bottom.overlay.sidebar { - transform: translate3d(0%, 0, 0); + transform: translate3d(0, 0, 0); } } @@ -474,18 +474,18 @@ body.pushable > .pusher { } & when (@variationSidebarTop) { .ui.top.push.sidebar { - transform: translate3d(0%, -100%, 0); + transform: translate3d(0, -100%, 0); } } & when (@variationSidebarBottom) { .ui.bottom.push.sidebar { - transform: translate3d(0%, 100%, 0); + transform: translate3d(0, 100%, 0); } } /* End */ .ui.visible.push.sidebar { - transform: translate3d(0%, 0, 0); + transform: translate3d(0, 0, 0); } } @@ -535,7 +535,7 @@ body.pushable > .pusher { } & when (@variationSidebarBottom) { .ui.bottom.slide.along.sidebar { - transform: translate3d(0%, 50%, 0); + transform: translate3d(0, 50%, 0); } } @@ -546,7 +546,7 @@ body.pushable > .pusher { /* End */ .ui.visible.slide.along.sidebar { - transform: translate3d(0%, 0, 0); + transform: translate3d(0, 0, 0); } } @@ -573,12 +573,12 @@ body.pushable > .pusher { } & when (@variationSidebarTop) { .ui.top.slide.out.sidebar { - transform: translate3d(0%, 50%, 0); + transform: translate3d(0, 50%, 0); } } & when (@variationSidebarBottom) { .ui.bottom.slide.out.sidebar { - transform: translate3d(0%, -50%, 0); + transform: translate3d(0, -50%, 0); } } @@ -589,7 +589,7 @@ body.pushable > .pusher { /* End */ .ui.visible.slide.out.sidebar { - transform: translate3d(0%, 0, 0); + transform: translate3d(0, 0, 0); } } @@ -616,12 +616,12 @@ body.pushable > .pusher { } & when (@variationSidebarTop) { .ui.top.scale.down.sidebar { - transform: translate3d(0%, -100%, 0); + transform: translate3d(0, -100%, 0); } } & when (@variationSidebarBottom) { .ui.bottom.scale.down.sidebar { - transform: translate3d(0%, 100%, 0); + transform: translate3d(0, 100%, 0); } } diff --git a/src/themes/amazon/elements/button.variables b/src/themes/amazon/elements/button.variables index 405660db89..f9c0ac4a0c 100644 --- a/src/themes/amazon/elements/button.variables +++ b/src/themes/amazon/elements/button.variables @@ -29,7 +29,7 @@ @coloredBackgroundImage: linear-gradient(rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2)); @coloredBoxShadow: - 0px 1px 0px 0px rgba(255, 255, 255, 0.2) inset + 0 1px 0 0 rgba(255, 255, 255, 0.2) inset ; @downBoxShadow: diff --git a/src/themes/basic/modules/progress.variables b/src/themes/basic/modules/progress.variables index a0622b9e0d..ede18f7d91 100644 --- a/src/themes/basic/modules/progress.variables +++ b/src/themes/basic/modules/progress.variables @@ -4,9 +4,9 @@ @background: transparent; @border: none; -@padding: 0em; +@padding: 0; -@progressLeft: 0em; +@progressLeft: 0; @progressWidth: 100%; @progressTextAlign: center; diff --git a/src/themes/basic/views/card.variables b/src/themes/basic/views/card.variables index b8ad5aa53f..cf493fd8d0 100644 --- a/src/themes/basic/views/card.variables +++ b/src/themes/basic/views/card.variables @@ -11,15 +11,15 @@ @border: none; @boxShadow: none; -@contentPadding: 1em 0em; +@contentPadding: 1em 0; @rowSpacing: 1.5em; -@groupCardMargin: 0em @horizontalSpacing @rowSpacing; +@groupCardMargin: 0 @horizontalSpacing @rowSpacing; @extraBackground: transparent; @extraDivider: none; @extraBoxShadow: none; -@extraPadding: 0.5em 0em; +@extraPadding: 0.5em 0; @extraLinkColor: @textColor; @extraLinkHoverColor: @linkHoverColor; diff --git a/src/themes/bootstrap3/elements/button.variables b/src/themes/bootstrap3/elements/button.variables index 50dbc61397..769bec76f1 100644 --- a/src/themes/bootstrap3/elements/button.variables +++ b/src/themes/bootstrap3/elements/button.variables @@ -30,30 +30,30 @@ @labeledIconBackgroundColor: transparent; -@basicBorderSize: 0px; -@basicColoredBorderSize: 0px; -@invertedBorderSize: 0px; +@basicBorderSize: 0; +@basicColoredBorderSize: 0; +@invertedBorderSize: 0; @basicActiveBackground: transparent; @basicHoverBackground: transparent; @basicDownBoxShadow: - 0px 0px 0px 1px #ADADAD inset, + 0 0 0 1px #ADADAD inset, 0 3px 5px rgba(0, 0, 0, 0.125) inset ; -@groupButtonOffset: 0px 0px 0px -1px; -@verticalGroupOffset: 0px 0px -1px 0px; +@groupButtonOffset: 0 0 0 -1px; +@verticalGroupOffset: 0 0 -1px 0; /* States */ @hoverBackgroundColor: #E6E6E6; @hoverBoxShadow: - 0px 0px 0px 1px #ADADAD inset + 0 0 0 1px #ADADAD inset ; @downBackgroundColor: #E6E6E6; @downBoxShadow: - 0px 0px 0px 1px #ADADAD inset, + 0 0 0 1px #ADADAD inset, 0 3px 5px rgba(0, 0, 0, 0.125) inset ; diff --git a/src/themes/chubby/collections/menu.variables b/src/themes/chubby/collections/menu.variables index cc1a3b14e8..e3894ed1eb 100644 --- a/src/themes/chubby/collections/menu.variables +++ b/src/themes/chubby/collections/menu.variables @@ -4,9 +4,9 @@ @background: @darkWhite; @boxShadow: none; -@dividerSize: 0px; +@dividerSize: 0; -@verticalBoxShadow: 0px 0px 0px 2px @borderColor inset; +@verticalBoxShadow: 0 0 0 2px @borderColor inset; @verticalActiveBoxShadow: none; @itemVerticalPadding: 1.25em; diff --git a/src/themes/chubby/modules/accordion.variables b/src/themes/chubby/modules/accordion.variables index 4f46069311..abe08bffb4 100644 --- a/src/themes/chubby/modules/accordion.variables +++ b/src/themes/chubby/modules/accordion.variables @@ -2,7 +2,7 @@ Accordion Variables -------------------- */ -@iconMargin: 0em 0.5em 0em 0em; +@iconMargin: 0 0.5em 0 0; @styledActiveTitleBackground: @subtleGradient; @styledActiveTitleColor: @primaryColor; diff --git a/src/themes/chubby/views/comment.variables b/src/themes/chubby/views/comment.variables index fa4e8d26e5..a1e3b53a2d 100644 --- a/src/themes/chubby/views/comment.variables +++ b/src/themes/chubby/views/comment.variables @@ -8,7 +8,7 @@ /* Comment */ @commentBackground: #FFFFFF; -@commentMargin: 1em 0em 0em; +@commentMargin: 1em 0 0; @commentPadding: 1em 1.5em; @commentBorder: 1px solid rgba(0, 0, 0, 0.1); @commentDivider: 1px solid rgba(0, 0, 0, 0.1); @@ -16,8 +16,8 @@ @firstCommentPadding: 1em; /* Nested Comment */ -@nestedCommentsMargin: 0em 0em 0.5em 0.5em; -@nestedCommentsPadding: 1em 0em 0em 1em; +@nestedCommentsMargin: 0 0 0.5em 0.5em; +@nestedCommentsPadding: 1em 0 0 1em; @nestedCommentBackground: #F0F0F0; /* Avatar */ @@ -35,7 +35,7 @@ @authorFontWeight: bold; @metadataDisplay: block; -@metadataSpacing: 0em; +@metadataSpacing: 0; @metadataColor: @textColor; /* ------------------- diff --git a/src/themes/classic/collections/table.variables b/src/themes/classic/collections/table.variables index 309faeb9f3..864e02e1f6 100644 --- a/src/themes/classic/collections/table.variables +++ b/src/themes/classic/collections/table.variables @@ -10,5 +10,5 @@ @headerBackground: @subtleGradient; @headerBoxShadow: @subtleShadow; -@footerBoxShadow: 0px -1px 1px 0px rgba(0, 0, 0, 0.05); +@footerBoxShadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.05); @footerBackground: rgba(0, 0, 0, 0.05); diff --git a/src/themes/classic/elements/button.variables b/src/themes/classic/elements/button.variables index dc1db6f717..ebed8ef364 100644 --- a/src/themes/classic/elements/button.variables +++ b/src/themes/classic/elements/button.variables @@ -7,13 +7,13 @@ -------------------- */ /* Shadow */ -@shadowDistance: 0em; +@shadowDistance: 0; @shadowOffset: (@shadowDistance / 2); -@shadowBoxShadow: 0px -@shadowDistance 0px 0px @borderColor inset; +@shadowBoxShadow: 0 -@shadowDistance 0 0 @borderColor inset; @backgroundColor: #FAFAFA; @backgroundImage: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.09)); @boxShadow: - 0px 0px 0px 1px @borderColor inset, + 0 0 0 1px @borderColor inset, @shadowBoxShadow ; @@ -27,12 +27,12 @@ @groupBoxShadow: none; @groupButtonBoxShadow: - 0px 0px 0px 1px @borderColor inset, + 0 0 0 1px @borderColor inset, @shadowBoxShadow ; -@verticalBoxShadow: 0px 0px 0px 1px @borderColor inset; -@groupButtonOffset: 0px 0px 0px -1px; -@verticalGroupOffset: 0px 0px -1px 0px; +@verticalBoxShadow: 0 0 0 1px @borderColor inset; +@groupButtonOffset: 0 0 0 -1px; +@verticalGroupOffset: 0 0 -1px 0; /* ------------------- States @@ -49,8 +49,8 @@ @focusBackgroundColor: ''; @focusBackgroundImage: none; @focusBoxShadow: - 0px 0px 1px rgba(81, 167, 232, 0.8) inset, - 0px 0px 3px 2px rgba(81, 167, 232, 0.8) + 0 0 1px rgba(81, 167, 232, 0.8) inset, + 0 0 3px 2px rgba(81, 167, 232, 0.8) ; @focusColor: @hoveredTextColor; @iconFocusOpacity: 0.85; @@ -59,8 +59,8 @@ @downBackgroundColor: #F1F1F1; @downBackgroundImage: ''; @downBoxShadow: - 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset, - 0px 1px 4px 0px rgba(0, 0, 0, 0.1) inset !important + 0 0 0 1px rgba(0, 0, 0, 0.1) inset, + 0 1px 4px 0 rgba(0, 0, 0, 0.1) inset !important ; @downColor: @pressedTextColor; @@ -69,16 +69,16 @@ @activeBackgroundImage: none; @activeColor: @selectedTextColor; @activeBoxShadow: - 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset, - 0px 1px 4px 0px rgba(0, 0, 0, 0.1) inset !important + 0 0 0 1px rgba(0, 0, 0, 0.1) inset, + 0 1px 4px 0 rgba(0, 0, 0, 0.1) inset !important ; /* Active + Hovered */ @activeHoverBackgroundColor: #DADADA; @activeHoverBackgroundImage: none; @activeHoverBoxShadow: - 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset, - 0px 1px 4px 0px rgba(0, 0, 0, 0.1) inset !important + 0 0 0 1px rgba(0, 0, 0, 0.1) inset, + 0 1px 4px 0 rgba(0, 0, 0, 0.1) inset !important ; @activeHoverColor: @selectedTextColor; @@ -91,5 +91,5 @@ /* Labeled Icon */ @labeledIconBackgroundColor: rgba(0, 0, 0, 0.05); -@labeledIconLeftShadow: -1px 0px 0px 0px @labeledIconBorder inset; -@labeledIconRightShadow: 1px 0px 0px 0px @labeledIconBorder inset; +@labeledIconLeftShadow: -1px 0 0 0 @labeledIconBorder inset; +@labeledIconRightShadow: 1px 0 0 0 @labeledIconBorder inset; diff --git a/src/themes/classic/modules/progress.variables b/src/themes/classic/modules/progress.variables index 8ba385cdfc..89207a7492 100644 --- a/src/themes/classic/modules/progress.variables +++ b/src/themes/classic/modules/progress.variables @@ -3,7 +3,7 @@ *******************************/ @background: rgba(0, 0, 0, 0.05); -@boxShadow: 0px 0px 4px rgba(0, 0, 0, 0.1) inset; +@boxShadow: 0 0 4px rgba(0, 0, 0, 0.1) inset; @barBackground: @subtleGradient #888888; @border: 1px solid @borderColor; @padding: @relative3px; diff --git a/src/themes/classic/views/card.overrides b/src/themes/classic/views/card.overrides index 998a91ff89..34399fd183 100644 --- a/src/themes/classic/views/card.overrides +++ b/src/themes/classic/views/card.overrides @@ -11,13 +11,13 @@ @borderRadius: 0.325rem; @display: block; @float: left; -@margin: 0em @horizontalSpacing @rowSpacing; -@minHeight: 0px; -@padding: 0em; +@margin: 0 @horizontalSpacing @rowSpacing; +@minHeight: 0; +@padding: 0; @width: 300px; @boxShadow: - 0px 0px 0px 1px @borderColor, - 0px 3px 0px 0px @borderColor + 0 0 0 1px @borderColor, + 0 3px 0 0 @borderColor ; @border: none; @zIndex: ''; @@ -33,21 +33,21 @@ /* Image */ @imageBackground: @transparentBlack; -@imagePadding: 0em; -@imageBorderRadius: @borderRadius @borderRadius 0em 0em; +@imagePadding: 0; +@imageBorderRadius: @borderRadius @borderRadius 0 0; @imageBoxShadow: none; @imageBorder: none; /* Content */ -@contentMargin: 0em; +@contentMargin: 0; @contentPadding: 0.75em 1em; @contentFontSize: 1em; @contentBorder: none; -@contentBorderRadius: 0em; +@contentBorderRadius: 0; @contentBoxShadow: none; /* Title */ -@titleMargin: 0em; +@titleMargin: 0; @titleFont: @headerFont; @titleFontWeight: bold; @titleFontSize: 1.25em; @@ -71,7 +71,7 @@ /* Additional Content */ @extraDisplay: absolute; @extraTop: 100%; -@extraLeft: 0em; +@extraLeft: 0; @extraWidth: 100%; @extraPadding: 0.5em 0.75em; @@ -86,8 +86,8 @@ @hoverZIndex: 5; @hoverBorder: none; @hoverBoxShadow: - 0px 0px 0px 1px @selectedBorderColor, - 0px 3px 0px 0px @selectedBorderColor + 0 0 0 1px @selectedBorderColor, + 0 3px 0 0 @selectedBorderColor ; /* ------------------- diff --git a/src/themes/classic/views/card.variables b/src/themes/classic/views/card.variables index 1d5d774b2f..3a56ba8f91 100644 --- a/src/themes/classic/views/card.variables +++ b/src/themes/classic/views/card.variables @@ -7,8 +7,8 @@ -------------------- */ /* Shadow */ -@shadowDistance: 0em; -@padding: 0em; +@shadowDistance: 0; +@padding: 0; /* ------------------- Content diff --git a/src/themes/colored/modules/checkbox.variables b/src/themes/colored/modules/checkbox.variables index 5be06ede3d..5fb6c6b49f 100644 --- a/src/themes/colored/modules/checkbox.variables +++ b/src/themes/colored/modules/checkbox.variables @@ -25,5 +25,5 @@ /* Handle */ @handleBackground: @white @subtleGradient; @handleBoxShadow: - 0px 0px 0px 1px @selectedBorderColor inset + 0 0 0 1px @selectedBorderColor inset ; diff --git a/src/themes/default/modules/transition.overrides b/src/themes/default/modules/transition.overrides index 9d763a6272..8e60c27702 100644 --- a/src/themes/default/modules/transition.overrides +++ b/src/themes/default/modules/transition.overrides @@ -55,7 +55,7 @@ @keyframes browseOutLeft { 0% { z-index: 999; - transform: translateX(0%) rotateY(0deg) rotateX(0deg); + transform: translateX(0) rotateY(0) rotateX(0); } 50% { z-index: -1; @@ -66,14 +66,14 @@ } 100% { z-index: -1; - transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px); + transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px); opacity: 0; } } @keyframes browseOutRight { 0% { z-index: 999; - transform: translateX(0%) rotateY(0deg) rotateX(0deg); + transform: translateX(0) rotateY(0) rotateX(0); } 50% { z-index: 1; @@ -84,7 +84,7 @@ } 100% { z-index: 1; - transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px); + transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px); opacity: 0; } } @@ -183,7 +183,7 @@ } 100% { opacity: 1; - transform: translateY(0%); + transform: translateY(0); } } @keyframes fadeInDown { @@ -193,7 +193,7 @@ } 100% { opacity: 1; - transform: translateY(0%); + transform: translateY(0); } } @keyframes fadeInLeft { @@ -203,7 +203,7 @@ } 100% { opacity: 1; - transform: translateX(0%); + transform: translateX(0); } } @keyframes fadeInRight { @@ -213,7 +213,7 @@ } 100% { opacity: 1; - transform: translateX(0%); + transform: translateX(0); } } @@ -229,7 +229,7 @@ @keyframes fadeOutUp { 0% { opacity: 1; - transform: translateY(0%); + transform: translateY(0); } 100% { opacity: 0; @@ -239,7 +239,7 @@ @keyframes fadeOutDown { 0% { opacity: 1; - transform: translateY(0%); + transform: translateY(0); } 100% { opacity: 0; @@ -249,7 +249,7 @@ @keyframes fadeOutLeft { 0% { opacity: 1; - transform: translateX(0%); + transform: translateX(0); } 100% { opacity: 0; @@ -259,7 +259,7 @@ @keyframes fadeOutRight { 0% { opacity: 1; - transform: translateX(0%); + transform: translateX(0); } 100% { opacity: 0; @@ -297,7 +297,7 @@ opacity: 0; } 100% { - transform: perspective(2000px) rotateY(0deg); + transform: perspective(2000px) rotateY(0); opacity: 1; } } @@ -307,7 +307,7 @@ opacity: 0; } 100% { - transform: perspective(2000px) rotateX(0deg); + transform: perspective(2000px) rotateX(0); opacity: 1; } } @@ -315,7 +315,7 @@ /* Out */ @keyframes horizontalFlipOut { 0% { - transform: perspective(2000px) rotateY(0deg); + transform: perspective(2000px) rotateY(0); opacity: 1; } 100% { @@ -325,7 +325,7 @@ } @keyframes verticalFlipOut { 0% { - transform: perspective(2000px) rotateX(0deg); + transform: perspective(2000px) rotateX(0); opacity: 1; } 100% { @@ -727,7 +727,7 @@ transform: perspective(1000px) rotateX(-7.5deg); } 100% { - transform: perspective(1000px) rotateX(0deg); + transform: perspective(1000px) rotateX(0); } } @keyframes swingInY { @@ -746,14 +746,14 @@ transform: perspective(1000px) rotateY(7.5deg); } 100% { - transform: perspective(1000px) rotateY(0deg); + transform: perspective(1000px) rotateY(0); } } /* Out */ @keyframes swingOutX { 0% { - transform: perspective(1000px) rotateX(0deg); + transform: perspective(1000px) rotateX(0); } 40% { transform: perspective(1000px) rotateX(-7.5deg); @@ -772,7 +772,7 @@ } @keyframes swingOutY { 0% { - transform: perspective(1000px) rotateY(0deg); + transform: perspective(1000px) rotateY(0); } 40% { transform: perspective(1000px) rotateY(7.5deg); diff --git a/src/themes/fixed-width/collections/grid.variables b/src/themes/fixed-width/collections/grid.variables index 1c648c79c6..1b61f8ed82 100644 --- a/src/themes/fixed-width/collections/grid.variables +++ b/src/themes/fixed-width/collections/grid.variables @@ -1,11 +1,11 @@ /* Fixed Page Grid */ @mobileWidth: auto; -@mobileMargin: 0em; -@mobileGutter: 0em; +@mobileMargin: 0; +@mobileGutter: 0; @tabletWidth: auto; -@tabletMargin: 0em; +@tabletMargin: 0; @tabletGutter: 8%; @computerWidth: 960px; diff --git a/src/themes/fixed-width/modules/modal.variables b/src/themes/fixed-width/modules/modal.variables index c32a6fab7a..95ce9d86b8 100644 --- a/src/themes/fixed-width/modules/modal.variables +++ b/src/themes/fixed-width/modules/modal.variables @@ -3,9 +3,9 @@ @modalLargeMonitorWidth: 800px; @modalWidescreenMonitorWidth: 850px; -@modalComputerMargin: 0em 0em 0em -(@modalComputerWidth / 2); -@modalLargeMonitorMargin: 0em 0em 0em -(@modalLargeMonitorWidth / 2); -@modalWidescreenMonitorMargin: 0em 0em 0em -(@modalWidescreenMonitorWidth / 2); +@modalComputerMargin: 0 0 0 -(@modalComputerWidth / 2); +@modalLargeMonitorMargin: 0 0 0 -(@modalLargeMonitorWidth / 2); +@modalWidescreenMonitorMargin: 0 0 0 -(@modalWidescreenMonitorWidth / 2); /* ------------------- Variations @@ -21,15 +21,15 @@ @modalSmallLargeMonitorWidth: (@modalLargeMonitorWidth * @modalSmallRatio); @modalSmallWidescreenMonitorWidth: (@modalWidescreenMonitorWidth * @modalSmallRatio); -@modalSmallComputerMargin: 0em 0em 0em -(@modalSmallComputerWidth / 2); -@modalSmallLargeMonitorMargin: 0em 0em 0em -(@modalSmallLargeMonitorWidth / 2); -@modalSmallWidescreenMonitorMargin: 0em 0em 0em -(@modalSmallWidescreenMonitorWidth / 2); +@modalSmallComputerMargin: 0 0 0 -(@modalSmallComputerWidth / 2); +@modalSmallLargeMonitorMargin: 0 0 0 -(@modalSmallLargeMonitorWidth / 2); +@modalSmallWidescreenMonitorMargin: 0 0 0 -(@modalSmallWidescreenMonitorWidth / 2); @modalLargeHeaderSize: 1.3em; @modalLargeComputerWidth: (@modalComputerWidth * @modalLargeRatio); @modalLargeLargeMonitorWidth: (@modalLargeMonitorWidth * @modalLargeRatio); @modalLargeWidescreenMonitorWidth: (@modalWidescreenMonitorWidth * @modalLargeRatio); -@modalLargeComputerMargin: 0em 0em 0em -(@modalLargeComputerWidth / 2); -@modalLargeLargeMonitorMargin: 0em 0em 0em -(@modalLargeLargeMonitorWidth / 2); -@modalLargeWidescreenMonitorMargin: 0em 0em 0em -(@modalLargeWidescreenMonitorWidth / 2); +@modalLargeComputerMargin: 0 0 0 -(@modalLargeComputerWidth / 2); +@modalLargeLargeMonitorMargin: 0 0 0 -(@modalLargeLargeMonitorWidth / 2); +@modalLargeWidescreenMonitorMargin: 0 0 0 -(@modalLargeWidescreenMonitorWidth / 2); diff --git a/src/themes/flat/collections/form.variables b/src/themes/flat/collections/form.variables index cc8f1acf73..77fe86ebf7 100644 --- a/src/themes/flat/collections/form.variables +++ b/src/themes/flat/collections/form.variables @@ -7,10 +7,10 @@ -------------------- */ /* Text */ -@paragraphMargin: 1em 0em; +@paragraphMargin: 1em 0; /* Field */ -@fieldMargin: 0em 0em 1em; +@fieldMargin: 0 0 1em; /* Form Label */ @labelFontSize: @relative11px; @@ -22,7 +22,7 @@ @inputHorizontalPadding: 0.5em; @inputBackground: transparent; @inputBorder: none; -@inputBorderRadius: 0em; +@inputBorderRadius: 0; @inputBoxShadow: none; @invertedInputColor: @invertedTextColor; @@ -32,10 +32,10 @@ @textAreaBorder: 1px solid #DDDDDD; /* Divider */ -@dividerMargin: 1em 0em; +@dividerMargin: 1em 0; /* Validation Prompt */ -@validationMargin: 0em 0em 0em 1em; +@validationMargin: 0 0 0 1em; @validationArrowOffset: -0.3em; /* ------------------- @@ -45,8 +45,8 @@ /* Disabled */ /* Focus */ -@inputFocusPointerSize: 0px; -@inputErrorPointerSize: 0px; +@inputFocusPointerSize: 0; +@inputErrorPointerSize: 0; /* Dropdown Error */ @dropdownErrorHoverBackground: #FFF2F2; @@ -56,7 +56,7 @@ @inputErrorFocusBackground: @negativeBackgroundColor; @inputErrorFocusColor: @negativeColorHover; @inputErrorFocusBorder: @negativeBorderColor; -@inputErrorFocusBoxShadow: @inputErrorPointerSize 0em 0em 0em @negativeColorHover inset; +@inputErrorFocusBoxShadow: @inputErrorPointerSize 0 0 0 @negativeColorHover inset; /* Placeholder */ @inputPlaceholderColor: lighten(@inputColor, 55); diff --git a/src/themes/flat/globals/site.variables b/src/themes/flat/globals/site.variables index c4bf7166bd..893da01f05 100644 --- a/src/themes/flat/globals/site.variables +++ b/src/themes/flat/globals/site.variables @@ -55,8 +55,8 @@ @fontSize: 14px; @textColor: rgba(0, 0, 0, 0.8); -@headerMargin: 1em 0em 1rem; -@paragraphMargin: 0em 0em 1em; +@headerMargin: 1em 0 1rem; +@paragraphMargin: 0 0 1em; @linkColor: #009FDA; @linkUnderline: none; @@ -82,7 +82,7 @@ @subtleGradient: linear-gradient(transparent, rgba(0, 0, 0, 0.05)); /* Used for differentiating layers */ -@subtleShadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.05); +@subtleShadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); /* ------------------- Grid diff --git a/src/themes/github/collections/form.variables b/src/themes/github/collections/form.variables index 8814d37fd1..ee64594270 100644 --- a/src/themes/github/collections/form.variables +++ b/src/themes/github/collections/form.variables @@ -20,8 +20,8 @@ @inputFocusBackground: #FFFFFF; @inputFocusBoxShadow: - 0px 1px 2px rgba(0, 0, 0, 0.075) inset, - 0px 0px 5px rgba(81, 167, 232, 0.5) + 0 1px 2px rgba(0, 0, 0, 0.075) inset, + 0 0 5px rgba(81, 167, 232, 0.5) ; @inputFocusBorderColor: #51A7E8; @inputFocusBorderRadius: @inputBorderRadius; diff --git a/src/themes/github/collections/menu.variables b/src/themes/github/collections/menu.variables index 88236fe589..fee1a31258 100644 --- a/src/themes/github/collections/menu.variables +++ b/src/themes/github/collections/menu.variables @@ -8,7 +8,7 @@ @background: #FFFFFF linear-gradient(rgba(255, 255, 255, 0.05), rgba(0, 0, 0, 0.05)); @fontWeight: normal; -@activeBorderSize: 0em; +@activeBorderSize: 0; @hoverBackground: rgba(0, 0, 0, 0.02); @downBackground: rgba(0, 0, 0, 0.06); @@ -54,7 +54,7 @@ @invertedBackground: @black linear-gradient(rgba(255, 255, 255, 0.05), rgba(0, 0, 0, 0)); @invertedBoxShadow: - 0px 1px 2px 0px rgba(0, 0, 0, 0.15), - 0px 0px 0px 1px rgba(255, 255, 255, 0.15) + 0 1px 2px 0 rgba(0, 0, 0, 0.15), + 0 0 0 1px rgba(255, 255, 255, 0.15) ; @secondaryVerticalPadding: 0.75em; diff --git a/src/themes/github/collections/message.variables b/src/themes/github/collections/message.variables index 244204f2ea..c017363c38 100644 --- a/src/themes/github/collections/message.variables +++ b/src/themes/github/collections/message.variables @@ -1,7 +1,7 @@ @background: linear-gradient(rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.05)) #FEFEFE; @boxShadow: - 0px 0px 0px 1px rgba(255, 255, 255, 0.3) inset, - 0px 0px 0px 1px rgba(0, 0, 0, 0.2) inset + 0 0 0 1px rgba(255, 255, 255, 0.3) inset, + 0 0 0 1px rgba(0, 0, 0, 0.2) inset ; @verticalPadding: 15px; @horizontalPadding: 15px; @@ -13,9 +13,9 @@ @errorTextColor: #991111; @floatingBoxShadow: - 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset, - 0px 2px 3px 0px rgba(0, 0, 0, 0.1), - 0px 0px 0px 1px rgba(0, 0, 0, 0.05) inset + 0 0 0 1px rgba(0, 0, 0, 0.1) inset, + 0 2px 3px 0 rgba(0, 0, 0, 0.1), + 0 0 0 1px rgba(0, 0, 0, 0.05) inset ; @infoBorderColor: #97C1DA; diff --git a/src/themes/github/elements/button.variables b/src/themes/github/elements/button.variables index 1024528acd..b9965f9c9c 100644 --- a/src/themes/github/elements/button.variables +++ b/src/themes/github/elements/button.variables @@ -8,8 +8,8 @@ @fontWeight: bold; @textColor: #333333; -@textShadow: 0px 1px 0px rgba(255, 255, 255, 0.9); -@invertedTextShadow: 0px -1px 0px rgba(0, 0, 0, 0.25); +@textShadow: 0 1px 0 rgba(255, 255, 255, 0.9); +@invertedTextShadow: 0 -1px 0 rgba(0, 0, 0, 0.25); @borderRadius: @relativeBorderRadius; diff --git a/src/themes/github/elements/segment.variables b/src/themes/github/elements/segment.variables index fbb480292a..1ae3454c05 100644 --- a/src/themes/github/elements/segment.variables +++ b/src/themes/github/elements/segment.variables @@ -8,7 +8,7 @@ @segmentBorderWidth: 1px; @border: 1px solid #D8DEE2; -@boxShadow: 0px 1px 3px rgba(0, 0, 0, 0.075); +@boxShadow: 0 1px 3px rgba(0, 0, 0, 0.075); @verticalPadding: 20px; @horizontalPadding: 20px; @@ -20,7 +20,7 @@ *******************************/ /* Raised */ -@raisedBoxShadow: 0px 1px 3px rgba(0, 0, 0, 0.075); +@raisedBoxShadow: 0 1px 3px rgba(0, 0, 0, 0.075); /* Colors */ @coloredBorderSize: 0.5em; diff --git a/src/themes/github/elements/step.overrides b/src/themes/github/elements/step.overrides index f0f05bc0a2..9256b2b956 100644 --- a/src/themes/github/elements/step.overrides +++ b/src/themes/github/elements/step.overrides @@ -19,7 +19,7 @@ display: block; border: none; top: 50%; - right: 0%; + right: 0; border-left: none; border-bottom: 1px solid rgba(0, 0, 0, 0.2); border-right: 1px solid rgba(0, 0, 0, 0.2); diff --git a/src/themes/github/elements/step.variables b/src/themes/github/elements/step.variables index 1b714aa8f9..59902cf07d 100644 --- a/src/themes/github/elements/step.variables +++ b/src/themes/github/elements/step.variables @@ -13,7 +13,7 @@ /* Group */ @stepsBackground: #FFFFFF; -@stepsBoxShadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.15); +@stepsBoxShadow: 0 0 1px 0 rgba(0, 0, 0, 0.15); /* States */ @activeBackground: #FFFFFF; @@ -23,4 +23,4 @@ @arrowTopOffset: 100%; @arrowRightOffset: 50%; @arrowBorderColor: rgba(0, 0, 0, 0.2); -@arrowBorderWidth: 0px 0px @borderWidth @borderWidth; +@arrowBorderWidth: 0 0 @borderWidth @borderWidth; diff --git a/src/themes/github/modules/dropdown.variables b/src/themes/github/modules/dropdown.variables index 60ea6d36da..857db38030 100644 --- a/src/themes/github/modules/dropdown.variables +++ b/src/themes/github/modules/dropdown.variables @@ -6,25 +6,25 @@ width @defaultDuration @defaultEasing ; -@menuPadding: 0px; +@menuPadding: 0; @itemVerticalPadding: @relative8px; @itemHorizontalPadding: @relative14px; -@dropdownIconMargin: 0em 0em 0em 2px; +@dropdownIconMargin: 0 0 0 2px; -@raisedBoxShadow: 0px 3px 12px rgba(0, 0, 0, 0.15); +@raisedBoxShadow: 0 3px 12px rgba(0, 0, 0, 0.15); -@menuPadding: @relative5px 0px; +@menuPadding: @relative5px 0; -@menuHeaderMargin: 0em; +@menuHeaderMargin: 0; @menuHeaderPadding: @relative6px @itemHorizontalPadding; @menuHeaderFontSize: @relative12px; @menuHeaderTextTransform: none; @menuHeaderFontWeight: normal; @menuHeaderColor: #767676; -@menuDividerMargin: @relative8px 0em; +@menuDividerMargin: @relative8px 0; @disabledOpacity: 0.6; diff --git a/src/themes/gmail/collections/message.variables b/src/themes/gmail/collections/message.variables index 16902bc865..bd93a284d8 100644 --- a/src/themes/gmail/collections/message.variables +++ b/src/themes/gmail/collections/message.variables @@ -1,13 +1,13 @@ @background: #F3F3F3; -@boxShadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset; +@boxShadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset; @borderRadius: 4px; @verticalPadding: 7px; @horizontalPadding: 15px; @headerFontSize: 1em; -@floatingBoxShadow: 0px 2px 4px rgba(0, 0, 0, 0.2); +@floatingBoxShadow: 0 2px 4px rgba(0, 0, 0, 0.2); @iconSize: 1.5em; @iconDistance: 1em; diff --git a/src/themes/instagram/views/card.variables b/src/themes/instagram/views/card.variables index 7d85f8937d..5f807c7724 100644 --- a/src/themes/instagram/views/card.variables +++ b/src/themes/instagram/views/card.variables @@ -17,6 +17,6 @@ @metaColor: #A5A7AA; -@linkHoverRaiseDistance: 0px; +@linkHoverRaiseDistance: 0; @linkHoverBoxShadow: none; @linkHoverBorder: 1px solid #D0D0D8; diff --git a/src/themes/material/collections/menu.variables b/src/themes/material/collections/menu.variables index 52b32b3696..b350977d5f 100644 --- a/src/themes/material/collections/menu.variables +++ b/src/themes/material/collections/menu.variables @@ -3,8 +3,8 @@ *******************************/ @fontFamily: 'Roboto', Arial, sans-serif; -@boxShadow: 0px 1px 6px rgba(0, 0, 0, 0.2); -@dividerSize: 0px; +@boxShadow: 0 1px 6px rgba(0, 0, 0, 0.2); +@dividerSize: 0; @itemVerticalPadding: @relativeLarge; @itemHorizontalPadding: @relativeLarge; diff --git a/src/themes/material/elements/button.variables b/src/themes/material/elements/button.variables index 50c8330d22..b7784d3a3a 100644 --- a/src/themes/material/elements/button.variables +++ b/src/themes/material/elements/button.variables @@ -24,8 +24,8 @@ @solidBorderColor: #DDDDDD; @borderBoxShadowColor: @solidBorderColor; -@borderBoxShadow: 0px 0px 0px 1px @solidBorderColor inset; -@shadowBoxShadow: 0px 0px 0px 0px transparent; +@borderBoxShadow: 0 0 0 1px @solidBorderColor inset; +@shadowBoxShadow: 0 0 0 0 transparent; @transition: opacity 0.3s @defaultEasing, @@ -42,7 +42,7 @@ @hoverBackgroundColor: @white; @hoverBoxShadow: @borderBoxShadow, - 0px 2px 3px 0px rgba(0, 0, 0, 0.2) !important + 0 2px 3px 0 rgba(0, 0, 0, 0.2) !important ; @downBackgroundColor: @white; @@ -51,14 +51,14 @@ @downBoxShadow: @borderBoxShadow; @activeBackgroundColor: #F0F0F0; -@activeBoxShadow: 0px 0px 0px 1px #DDDDDD; +@activeBoxShadow: 0 0 0 1px #DDDDDD; /* ------------------- Variations -------------------- */ /* Basic */ -@basicBorderSize: 0px; +@basicBorderSize: 0; @basicBorderRadius: 4px; @basicColoredBorderSize: 1px; @basicHoverBackground: @white; @@ -67,21 +67,21 @@ @basicDownBoxShadow: @downBoxShadow; @basicActiveBackground: #FFFFFF; -@basicActiveBoxShadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2); +@basicActiveBoxShadow: 0 0 0 1px rgba(0, 0, 0, 0.2); /* Labeled */ @labeledIconBackgroundColor: transparent; @labeledIconWidth: 2em; -@labeledLabelBorderOffset: 0px; +@labeledLabelBorderOffset: 0; /* Colored */ @coloredBackgroundImage: @subtleGradient; -@coloredBoxShadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset; +@coloredBoxShadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset; /* Primary */ @primaryColor: #4184F3; -@primaryBoxShadow: 0px 0px 0px 1px #0157E4 inset; +@primaryBoxShadow: 0 0 0 1px #0157E4 inset; /* Secondary */ @secondaryColor: #EEEEEE; diff --git a/src/themes/material/globals/site.variables b/src/themes/material/globals/site.variables index a00456a4de..5752d859db 100644 --- a/src/themes/material/globals/site.variables +++ b/src/themes/material/globals/site.variables @@ -99,7 +99,7 @@ Paragraph -------------------- */ -@paragraphMargin: 0em 0em 1.53em; +@paragraphMargin: 0 0 1.53em; /* ------------------- Links diff --git a/src/themes/material/modules/dropdown.variables b/src/themes/material/modules/dropdown.variables index 12594f8ce9..ca3b3eed0c 100644 --- a/src/themes/material/modules/dropdown.variables +++ b/src/themes/material/modules/dropdown.variables @@ -4,9 +4,9 @@ @menuBorderRadius: @borderRadius; @menuBorderColor: #DADADA; -@menuBoxShadow: 0px 2px 4px rgba(0, 0, 0, 0.2); +@menuBoxShadow: 0 2px 4px rgba(0, 0, 0, 0.2); -@menuPadding: @relative8px 0em; +@menuPadding: @relative8px 0; @itemVerticalPadding: 1em; @itemHorizontalPadding: 1.5em; @@ -14,7 +14,7 @@ @menuHeaderFontWeight: bold; @menuHeaderTextTransform: none; -@selectionBorderEmWidth: 0em; +@selectionBorderEmWidth: 0; @selectionItemDivider: none; @labelBoxShadow: none; diff --git a/src/themes/material/modules/modal.variables b/src/themes/material/modules/modal.variables index e1e3ad460d..e84adf5e48 100644 --- a/src/themes/material/modules/modal.variables +++ b/src/themes/material/modules/modal.variables @@ -1,5 +1,5 @@ -@boxShadow: 0px 10px 18px rgba(0, 0, 0, 0.22); -@borderRadius: 0em; +@boxShadow: 0 10px 18px rgba(0, 0, 0, 0.22); +@borderRadius: 0; @headerBackground: @white; @headerVerticalPadding: 1.7142rem; diff --git a/src/themes/pulsar/elements/loader.overrides b/src/themes/pulsar/elements/loader.overrides index f2445809e6..eb4f38eb79 100644 --- a/src/themes/pulsar/elements/loader.overrides +++ b/src/themes/pulsar/elements/loader.overrides @@ -9,8 +9,8 @@ @-webkit-keyframes loader-pulsar { 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); + -webkit-transform: rotate(0); + transform: rotate(0); opacity: 0; } 20% { @@ -40,8 +40,8 @@ @keyframes loader-pulsar { 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); + -webkit-transform: rotate(0); + transform: rotate(0); opacity: 0; } 20% { diff --git a/src/themes/round/elements/button.variables b/src/themes/round/elements/button.variables index a14ac0b7fd..294bf59438 100644 --- a/src/themes/round/elements/button.variables +++ b/src/themes/round/elements/button.variables @@ -12,7 +12,7 @@ @fontWeight: bold; @textColor: rgba(0, 0, 0, 0.6); @boxShadow: - 0px 0px 0px 2px rgba(0, 0, 0, 0.2) inset + 0 0 0 2px rgba(0, 0, 0, 0.2) inset ; /* Padding */ @@ -23,14 +23,14 @@ @iconOpacity: 0.8; @iconDistance: 0.4em; @iconTransition: opacity @defaultDuration @defaultEasing; -@iconMargin: 0em @iconDistance 0em -(@iconDistance / 2); +@iconMargin: 0 @iconDistance 0 -(@iconDistance / 2); @iconVerticalAlign: top; /* ------------------- Group -------------------- */ -@verticalBoxShadow: 0px 0px 0px 1px @borderColor inset; +@verticalBoxShadow: 0 0 0 1px @borderColor inset; /* ------------------- States @@ -38,15 +38,15 @@ @hoverBackgroundColor: #FAFAFA; @hoverBackgroundImage: none; -@hoverBoxShadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.3) inset; +@hoverBoxShadow: 0 0 0 2px rgba(0, 0, 0, 0.3) inset; @downBackgroundColor: #F0F0F0; @downBackgroundImage: none; -@downBoxShadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.35) inset !important; +@downBoxShadow: 0 0 0 2px rgba(0, 0, 0, 0.35) inset !important; @activeBackgroundColor: #DDDDDD; @activeBackgroundImage: none; -@activeBoxShadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.3) inset !important; +@activeBoxShadow: 0 0 0 2px rgba(0, 0, 0, 0.3) inset !important; @loadingBackgroundColor: #FFFFFF; @@ -65,15 +65,15 @@ @labeledIconRightShadow: none; /* Basic */ -@basicBoxShadow: 0px 0px 0px 1px @borderColor; +@basicBoxShadow: 0 0 0 1px @borderColor; @iconOffset: 0.05em; @basicLoadingColor: #FFFFFF; @basicHoverBackground: #FAFAFA; -@basicHoverBoxShadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.15); +@basicHoverBoxShadow: 0 0 0 1px rgba(0, 0, 0, 0.15); @basicDownBackground: rgba(0, 0, 0, 0.02); -@basicDownBoxShadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2); +@basicDownBoxShadow: 0 0 0 1px rgba(0, 0, 0, 0.2); @basicActiveBackground: @transparentBlack; @basicActiveColor: @selectedTextColor; @@ -84,10 +84,10 @@ @basicInvertedDownBackground: @transparentWhite; @basicInvertedActiveBackground: @transparentWhite; -@basicInvertedBoxShadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5); -@basicInvertedHoverBoxShadow: 0px 0px 0px 2px @selectedWhiteBorderColor; -@basicInvertedDownBoxShadow: 0px 0px 0px 2px @selectedWhiteBorderColor; -@basicInvertedActiveBoxShadow: 0px 0px 0px 2px @selectedWhiteBorderColor; +@basicInvertedBoxShadow: 0 0 0 2px rgba(255, 255, 255, 0.5); +@basicInvertedHoverBoxShadow: 0 0 0 2px @selectedWhiteBorderColor; +@basicInvertedDownBoxShadow: 0 0 0 2px @selectedWhiteBorderColor; +@basicInvertedActiveBoxShadow: 0 0 0 2px @selectedWhiteBorderColor; @basicInvertedColor: @darkWhite; @basicInvertedHoverColor: @darkWhiteHover; @@ -96,7 +96,7 @@ /* Basic Group */ @basicGroupBorder: 1px solid @borderColor; -@basicGroupBoxShadow: 0px 0px 0px 1px @borderColor; +@basicGroupBoxShadow: 0 0 0 1px @borderColor; /* ------------------- Variations @@ -112,7 +112,7 @@ /* Attached */ @attachedOffset: -1px; -@attachedBoxShadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1); +@attachedBoxShadow: 0 0 0 1px rgba(0, 0, 0, 0.1); @attachedHorizontalPadding: 0.75em; /* Floated */ diff --git a/src/themes/timeline/views/feed.variables b/src/themes/timeline/views/feed.variables index 9b9596ca38..f4df4aafb3 100644 --- a/src/themes/timeline/views/feed.variables +++ b/src/themes/timeline/views/feed.variables @@ -6,15 +6,15 @@ Elements -------------------- */ -@eventMargin: 0em; +@eventMargin: 0; @eventDivider: none; -@eventPadding: 0em; +@eventPadding: 0; /* Event Label */ @labelWidth: 3em; @labelHeight: auto; -@labeledContentMargin: 0.75em 0em 2em 0.75em; +@labeledContentMargin: 0.75em 0 2em 0.75em; /* Icon */ @iconLabelBackground: @primaryColor; @@ -23,7 +23,7 @@ /* Metadata Group */ @metadataDisplay: inline-block; -@metadataMargin: 1em 0em 0em; +@metadataMargin: 1em 0 0; @metadataBackground: @white @subtleGradient; @metadataBorder: 1px solid @solidBorderColor; @metadataBorderRadius: 0.25em; diff --git a/src/themes/twitter/elements/button.variables b/src/themes/twitter/elements/button.variables index b54a5de083..2c70623c2e 100644 --- a/src/themes/twitter/elements/button.variables +++ b/src/themes/twitter/elements/button.variables @@ -37,7 +37,7 @@ @downBackgroundColor: #E1E8ED; @downColor: #292F33; -@downPressedShadow: 0px 1px 4px rgba(0, 0, 0, 0.2) inset; +@downPressedShadow: 0 1px 4px rgba(0, 0, 0, 0.2) inset; @labeledIconBackgroundColor: rgba(85, 172, 238, 0.05); @labeledIconBorder: rgba(0, 0, 0, 0.1);