diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml index 31ac9766e9..ad5655a50c 100644 --- a/.github/workflows/ci.yml +++ b/.github/workflows/ci.yml @@ -14,6 +14,12 @@ jobs: run: yarn && yarn add -D eslint-config-airbnb-base eslint-plugin-unicorn eslint-plugin-jest@^26.9.0 @typescript-eslint/eslint-plugin @typescript-eslint/parser typescript - name: Lint JS and LESS files run: npm run lint + - name: Assert LESS files formatting using Prettier + run: > + yarn add -D github:fomantic/prettier#2.8.1-patched + && npx prettier --loglevel warn '!dist' '!test/coverage' '!src/semantic.less' '**/*.{css,less,overrides,variables}' --write + && git restore package.json yarn.lock + && git add . -N && git diff --exit-code test: name: Test build process on node ${{ matrix.node-version }} runs-on: ubuntu-latest diff --git a/.prettierrc.js b/.prettierrc.js new file mode 100644 index 0000000000..2bc56c6098 --- /dev/null +++ b/.prettierrc.js @@ -0,0 +1,12 @@ +module.exports = { + tabWidth: 4, + overrides: [ + { + files: ['*.less', '*.overrides', '*.variables'], + options: { + parser: 'less', + printWidth: Infinity, + }, + }, + ], +}; diff --git a/.stylelintrc.js b/.stylelintrc.js index 0e91533970..1dacba7ab0 100644 --- a/.stylelintrc.js +++ b/.stylelintrc.js @@ -11,16 +11,16 @@ module.exports = { '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()" 'color-function-notation': 'legacy', 'color-hex-case': 'lower', - 'declaration-block-trailing-semicolon': null, // fix bad formatting with "each()" + 'declaration-colon-newline-after': null, // handled by Prettier 'function-no-unknown': null, - indentation: null, // TODO change to "4" once https://github.com/fomantic/Fomantic-UI/pull/2593#discussion_r1045131096 is fixed + 'import-notation': null, + indentation: null, // handled by Prettier linebreaks: 'unix', 'max-line-length': null, 'no-descending-specificity': null, - 'no-extra-semicolons': null, // fix GH-1832 - workaround for wikimedia/less.php parser + 'no-extra-semicolons': null, // handled by Prettier 'no-duplicate-selectors': null, 'number-max-precision': 5, 'property-case': null, @@ -38,10 +38,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 + 'selector-not-notation': null, // https://caniuse.com/css-not-sel-list // TODO - 'selector-not-notation': null, // 169 errors - 'import-notation': null, // 56 errors 'keyframes-name-pattern': null, // 50 errors 'block-no-empty': null, // 25 errors 'selector-no-vendor-prefix': null, // 19 errors diff --git a/src/definitions/elements/button.less b/src/definitions/elements/button.less index e0a454e71f..9201dfe1d0 100755 --- a/src/definitions/elements/button.less +++ b/src/definitions/elements/button.less @@ -256,7 +256,9 @@ /* Vertical */ .ui.vertical.animated.button .visible.content, .ui.vertical.animated.button .hidden.content { - transition: top @animationDuration @animationEasing, transform @animationDuration @animationEasing; + transition: + top @animationDuration @animationEasing, + transform @animationDuration @animationEasing; } .ui.vertical.animated.button .visible.content { transform: translateY(0); @@ -282,7 +284,9 @@ /* Fade */ .ui.fade.animated.button .visible.content, .ui.fade.animated.button .hidden.content { - transition: opacity @animationDuration @animationEasing, transform @animationDuration @animationEasing; + transition: + opacity @animationDuration @animationEasing, + transform @animationDuration @animationEasing; } .ui.fade.animated.button .visible.content { left: auto; @@ -897,6 +901,7 @@ .ui.tertiary.button { transition: color @defaultDuration @defaultEasing !important; border-radius: 0; + // prettier-ignore margin: (@verticalPadding - @tertiaryVerticalPadding) (@horizontalMargin) diff --git a/src/definitions/elements/icon.less b/src/definitions/elements/icon.less index c3f2f82bb0..7a60a26713 100755 --- a/src/definitions/elements/icon.less +++ b/src/definitions/elements/icon.less @@ -443,8 +443,7 @@ i.icons { } } -& when ((@variationIconGroups) or (@variationIconCorner)) -and ((@variationIconBordered) or (@variationIconCircular)) { +& when ((@variationIconGroups) or (@variationIconCorner)) and ((@variationIconBordered) or (@variationIconCircular)) { /************************************************* Bordered/circular with corner or group icons *************************************************/ @@ -527,7 +526,7 @@ and ((@variationIconBordered) or (@variationIconCircular)) { } } }); -}; +} & when (@variationIconDeprecated) { /* Deprecated *In/Out Naming Conflict) */ diff --git a/src/definitions/modules/rating.less b/src/definitions/modules/rating.less index cbb2c50af6..909e335dc1 100755 --- a/src/definitions/modules/rating.less +++ b/src/definitions/modules/rating.less @@ -107,8 +107,7 @@ 0 -@shadowWidth 0 @c, -@shadowWidth 0 0 @c, 0 @shadowWidth 0 @c, - @shadowWidth 0 0 @c - ; + @shadowWidth 0 0 @c; } .ui.@{color}.rating .icon.selected, .ui.@{color}.rating .icon.selected.active, @@ -119,8 +118,7 @@ 0 -@shadowWidth 0 @h, -@shadowWidth 0 0 @h, 0 @shadowWidth 0 @h, - @shadowWidth 0 0 @h - ; + @shadowWidth 0 0 @h; -webkit-text-stroke: unset; background-clip: unset; diff --git a/src/definitions/modules/toast.less b/src/definitions/modules/toast.less index cf29365925..645e239fe4 100644 --- a/src/definitions/modules/toast.less +++ b/src/definitions/modules/toast.less @@ -589,7 +589,9 @@ } .ui.hoverfloating.message:hover when (@variationToastMessage) and (@variationToastFloating) { - box-shadow: 0 0 0 1px inset, @floatingShadow; + box-shadow: + 0 0 0 1px inset, + @floatingShadow; } .ui.center.toast-container .toast-box, diff --git a/src/definitions/views/card.less b/src/definitions/views/card.less index 406b8a980d..1f6cd0881c 100755 --- a/src/definitions/views/card.less +++ b/src/definitions/views/card.less @@ -675,8 +675,7 @@ box-shadow: @borderShadow, 0 @coloredShadowDistance 0 0 @c, - @shadowBoxShadow - ; + @shadowBoxShadow; } & when (@variationCardLink) { .ui.cards a.@{color}.card:hover, @@ -688,8 +687,7 @@ box-shadow: @borderShadow, 0 @coloredShadowDistance 0 0 @h, - @shadowHoverBoxShadow - ; + @shadowHoverBoxShadow; } } & when (@variationCardBasic) { @@ -727,8 +725,7 @@ box-shadow: 0 @shadowDistance 3px 0 @solidWhiteBorderColor, 0 @coloredShadowDistance 0 0 @l, - 0 0 0 @borderWidth @solidWhiteBorderColor - ; + 0 0 0 @borderWidth @solidWhiteBorderColor; } & when (@variationCardLink) { .ui.inverted.cards a.@{color}.card:hover, @@ -740,8 +737,7 @@ box-shadow: 0 @shadowDistance 3px 0 @solidWhiteBorderColor, 0 @coloredShadowDistance 0 0 @lh, - 0 0 0 @borderWidth @solidWhiteBorderColor - ; + 0 0 0 @borderWidth @solidWhiteBorderColor; } } & when (@variationCardBasic) { diff --git a/src/themes/amazon/elements/button.variables b/src/themes/amazon/elements/button.variables index d400075833..39c89ca94f 100644 --- a/src/themes/amazon/elements/button.variables +++ b/src/themes/amazon/elements/button.variables @@ -11,8 +11,7 @@ opacity @defaultDuration @defaultEasing, background-color @defaultDuration @defaultEasing, color @defaultDuration @defaultEasing, - background @defaultDuration @defaultEasing -; + background @defaultDuration @defaultEasing; @hoverBackgroundColor: #e0e0e0; @@ -24,18 +23,14 @@ @backgroundImage: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1)); @boxShadow: 0 1px 0 1px rgba(255, 255, 255, 0.3) inset, - 0 0 0 1px #adb2bb inset -; + 0 0 0 1px #adb2bb inset; @coloredBackgroundImage: linear-gradient(rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2)); -@coloredBoxShadow: - 0 1px 0 0 rgba(255, 255, 255, 0.2) inset -; +@coloredBoxShadow: 0 1px 0 0 rgba(255, 255, 255, 0.2) inset; @downBoxShadow: 0 0 0 1px #adb2bb inset, - 0 1px 3px rgba(0, 0, 0, 0.2) inset -; + 0 1px 3px rgba(0, 0, 0, 0.2) inset; @labeledIconBackgroundColor: #313a43; @labeledIconColor: #fff; diff --git a/src/themes/bootstrap3/elements/button.variables b/src/themes/bootstrap3/elements/button.variables index efe067ddc7..629db9aef2 100644 --- a/src/themes/bootstrap3/elements/button.variables +++ b/src/themes/bootstrap3/elements/button.variables @@ -38,8 +38,7 @@ @basicHoverBackground: transparent; @basicDownBoxShadow: 0 0 0 1px #adadad inset, - 0 3px 5px rgba(0, 0, 0, 0.125) inset -; + 0 3px 5px rgba(0, 0, 0, 0.125) inset; @groupButtonOffset: 0 0 0 -1px; @verticalGroupOffset: 0 0 -1px 0; @@ -47,15 +46,12 @@ /* States */ @hoverBackgroundColor: #e6e6e6; -@hoverBoxShadow: - 0 0 0 1px #adadad inset -; +@hoverBoxShadow: 0 0 0 1px #adadad inset; @downBackgroundColor: #e6e6e6; @downBoxShadow: 0 0 0 1px #adadad inset, - 0 3px 5px rgba(0, 0, 0, 0.125) inset -; + 0 3px 5px rgba(0, 0, 0, 0.125) inset; @activeBackgroundColor: #e6e6e6; diff --git a/src/themes/classic/elements/button.variables b/src/themes/classic/elements/button.variables index 969baee244..9e4f7b1fb6 100644 --- a/src/themes/classic/elements/button.variables +++ b/src/themes/classic/elements/button.variables @@ -14,8 +14,7 @@ @backgroundImage: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.09)); @boxShadow: 0 0 0 1px @borderColor inset, - @shadowBoxShadow -; + @shadowBoxShadow; /* Padding */ @verticalPadding: 0.8em; @@ -28,8 +27,7 @@ @groupBoxShadow: none; @groupButtonBoxShadow: 0 0 0 1px @borderColor inset, - @shadowBoxShadow -; + @shadowBoxShadow; @verticalBoxShadow: 0 0 0 1px @borderColor inset; @groupButtonOffset: 0 0 0 -1px; @verticalGroupOffset: 0 0 -1px 0; @@ -50,8 +48,7 @@ @focusBackgroundImage: none; @focusBoxShadow: 0 0 1px rgba(81, 167, 232, 0.8) inset, - 0 0 3px 2px rgba(81, 167, 232, 0.8) -; + 0 0 3px 2px rgba(81, 167, 232, 0.8); @focusColor: @hoveredTextColor; @iconFocusOpacity: 0.85; @@ -60,8 +57,7 @@ @downBackgroundImage: ""; @downBoxShadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset, - 0 1px 4px 0 rgba(0, 0, 0, 0.1) inset !important -; + 0 1px 4px 0 rgba(0, 0, 0, 0.1) inset !important; @downColor: @pressedTextColor; /* Active */ @@ -70,16 +66,14 @@ @activeColor: @selectedTextColor; @activeBoxShadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset, - 0 1px 4px 0 rgba(0, 0, 0, 0.1) inset !important -; + 0 1px 4px 0 rgba(0, 0, 0, 0.1) inset !important; /* Active + Hovered */ @activeHoverBackgroundColor: #dadada; @activeHoverBackgroundImage: none; @activeHoverBoxShadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset, - 0 1px 4px 0 rgba(0, 0, 0, 0.1) inset !important -; + 0 1px 4px 0 rgba(0, 0, 0, 0.1) inset !important; @activeHoverColor: @selectedTextColor; /* Loading */ diff --git a/src/themes/classic/views/card.overrides b/src/themes/classic/views/card.overrides index b6cede32b7..393bac231b 100644 --- a/src/themes/classic/views/card.overrides +++ b/src/themes/classic/views/card.overrides @@ -17,8 +17,7 @@ @width: 300px; @boxShadow: 0 0 0 1px @borderColor, - 0 3px 0 0 @borderColor -; + 0 3px 0 0 @borderColor; @border: none; @zIndex: ""; @@ -87,8 +86,7 @@ @hoverBorder: none; @hoverBoxShadow: 0 0 0 1px @selectedBorderColor, - 0 3px 0 0 @selectedBorderColor -; + 0 3px 0 0 @selectedBorderColor; /* ------------------- Variations diff --git a/src/themes/colored/modules/checkbox.variables b/src/themes/colored/modules/checkbox.variables index 5fb6c6b49f..d3a7688ba9 100644 --- a/src/themes/colored/modules/checkbox.variables +++ b/src/themes/colored/modules/checkbox.variables @@ -24,6 +24,4 @@ /* Handle */ @handleBackground: @white @subtleGradient; -@handleBoxShadow: - 0 0 0 1px @selectedBorderColor inset -; +@handleBoxShadow: 0 0 0 1px @selectedBorderColor inset; diff --git a/src/themes/default/collections/form.variables b/src/themes/default/collections/form.variables index f8d7074b5f..70907c8765 100644 --- a/src/themes/default/collections/form.variables +++ b/src/themes/default/collections/form.variables @@ -37,8 +37,7 @@ @inputColor: @textColor; @inputTransition: color @defaultDuration @defaultEasing, - border-color @defaultDuration @defaultEasing -; + border-color @defaultDuration @defaultEasing; @inputBoxShadow: 0 0 0 0 transparent inset; /* Select */ diff --git a/src/themes/default/collections/menu.variables b/src/themes/default/collections/menu.variables index 4464865ce2..b5e36f051c 100644 --- a/src/themes/default/collections/menu.variables +++ b/src/themes/default/collections/menu.variables @@ -27,8 +27,7 @@ @itemTransition: background @defaultDuration @defaultEasing, box-shadow @defaultDuration @defaultEasing, - color @defaultDuration @defaultEasing -; + color @defaultDuration @defaultEasing; @itemFontWeight: @normal; @itemTextColor: @textColor; @@ -431,8 +430,7 @@ @attachedBorder: @borderWidth solid @solidBorderColor; @attachedBottomBoxShadow: @boxShadow, - @attachedBoxShadow -; + @attachedBoxShadow; /* Resize large sizes */ @mini: @11px; diff --git a/src/themes/default/collections/message.variables b/src/themes/default/collections/message.variables index 5dc90899b4..7262926ed9 100644 --- a/src/themes/default/collections/message.variables +++ b/src/themes/default/collections/message.variables @@ -21,15 +21,13 @@ @shadowShadow: 0 0 0 0 rgba(0, 0, 0, 0); @boxShadow: @borderShadow, - @shadowShadow -; + @shadowShadow; @transition: opacity @defaultDuration @defaultEasing, color @defaultDuration @defaultEasing, background @defaultDuration @defaultEasing, - box-shadow @defaultDuration @defaultEasing -; + box-shadow @defaultDuration @defaultEasing; /* Header */ @headerFontSize: @relativeLarge; @@ -75,154 +73,118 @@ @attachedBoxShadow: 0 0 0 @borderWidth @borderColor inset; @attachedBottomBoxShadow: @attachedBoxShadow, - @subtleShadow -; + @subtleShadow; /* Floating */ @floatingBoxShadow: @borderShadow, - @floatingShadow -; + @floatingShadow; /* Colors */ @redBoxShadow: 0 0 0 @borderWidth @redBorderColor inset, - @shadowShadow -; + @shadowShadow; @redBoxFloatingShadow: 0 0 0 @borderWidth @redBorderColor inset, - @floatingShadow -; + @floatingShadow; @orangeBoxShadow: 0 0 0 @borderWidth @orangeBorderColor inset, - @shadowShadow -; + @shadowShadow; @orangeBoxFloatingShadow: 0 0 0 @borderWidth @orangeBorderColor inset, - @floatingShadow -; + @floatingShadow; @yellowBoxShadow: 0 0 0 @borderWidth @yellowBorderColor inset, - @shadowShadow -; + @shadowShadow; @yellowBoxFloatingShadow: 0 0 0 @borderWidth @yellowBorderColor inset, - @floatingShadow -; + @floatingShadow; @oliveBoxShadow: 0 0 0 @borderWidth @oliveBorderColor inset, - @shadowShadow -; + @shadowShadow; @oliveBoxFloatingShadow: 0 0 0 @borderWidth @oliveBorderColor inset, - @floatingShadow -; + @floatingShadow; @greenBoxShadow: 0 0 0 @borderWidth @greenBorderColor inset, - @shadowShadow -; + @shadowShadow; @greenBoxFloatingShadow: 0 0 0 @borderWidth @greenBorderColor inset, - @floatingShadow -; + @floatingShadow; @tealBoxShadow: 0 0 0 @borderWidth @tealBorderColor inset, - @shadowShadow -; + @shadowShadow; @tealBoxFloatingShadow: 0 0 0 @borderWidth @tealBorderColor inset, - @floatingShadow -; + @floatingShadow; @blueBoxShadow: 0 0 0 @borderWidth @blueBorderColor inset, - @shadowShadow -; + @shadowShadow; @blueBoxFloatingShadow: 0 0 0 @borderWidth @blueBorderColor inset, - @floatingShadow -; + @floatingShadow; @violetBoxShadow: 0 0 0 @borderWidth @violetBorderColor inset, - @shadowShadow -; + @shadowShadow; @violetBoxFloatingShadow: 0 0 0 @borderWidth @violetBorderColor inset, - @floatingShadow -; + @floatingShadow; @purpleBoxShadow: 0 0 0 @borderWidth @purpleBorderColor inset, - @shadowShadow -; + @shadowShadow; @purpleBoxFloatingShadow: 0 0 0 @borderWidth @purpleBorderColor inset, - @floatingShadow -; + @floatingShadow; @pinkBoxShadow: 0 0 0 @borderWidth @pinkBorderColor inset, - @shadowShadow -; + @shadowShadow; @pinkBoxFloatingShadow: 0 0 0 @borderWidth @pinkBorderColor inset, - @floatingShadow -; + @floatingShadow; @brownBoxShadow: 0 0 0 @borderWidth @brownBorderColor inset, - @shadowShadow -; + @shadowShadow; @brownBoxFloatingShadow: 0 0 0 @borderWidth @brownBorderColor inset, - @floatingShadow -; + @floatingShadow; /* Warning / Positive / Negative / Info */ @positiveBoxShadow: 0 0 0 @borderWidth @positiveBorderColor inset, - @shadowShadow -; + @shadowShadow; @positiveBoxFloatingShadow: 0 0 0 @borderWidth @positiveBorderColor inset, - @floatingShadow -; + @floatingShadow; @negativeBoxShadow: 0 0 0 @borderWidth @negativeBorderColor inset, - @shadowShadow -; + @shadowShadow; @negativeBoxFloatingShadow: 0 0 0 @borderWidth @negativeBorderColor inset, - @floatingShadow -; + @floatingShadow; @infoBoxShadow: 0 0 0 @borderWidth @infoBorderColor inset, - @shadowShadow -; + @shadowShadow; @infoBoxFloatingShadow: 0 0 0 @borderWidth @infoBorderColor inset, - @floatingShadow -; + @floatingShadow; @warningBoxShadow: 0 0 0 @borderWidth @warningBorderColor inset, - @shadowShadow -; + @shadowShadow; @warningBoxFloatingShadow: 0 0 0 @borderWidth @warningBorderColor inset, - @floatingShadow -; + @floatingShadow; @errorBoxShadow: 0 0 0 @borderWidth @errorBorderColor inset, - @shadowShadow -; + @shadowShadow; @errorBoxFloatingShadow: 0 0 0 @borderWidth @errorBorderColor inset, - @floatingShadow -; + @floatingShadow; @successBoxShadow: 0 0 0 @borderWidth @successBorderColor inset, - @shadowShadow -; + @shadowShadow; @successBoxFloatingShadow: 0 0 0 @borderWidth @successBorderColor inset, - @floatingShadow -; + @floatingShadow; @miniMessageSize: @relativeMini; @tinyMessageSize: @relativeTiny; diff --git a/src/themes/default/collections/table.variables b/src/themes/default/collections/table.variables index 3ce441519b..114f50ca7a 100644 --- a/src/themes/default/collections/table.variables +++ b/src/themes/default/collections/table.variables @@ -14,8 +14,7 @@ @borderRadius: @defaultBorderRadius; @transition: background @defaultDuration @defaultEasing, - color @defaultDuration @defaultEasing -; + color @defaultDuration @defaultEasing; @background: @white; @color: @textColor; @borderWidth: 1px; @@ -169,8 +168,7 @@ @attachedBorder: @borderWidth solid @solidBorderColor; @attachedBottomBoxShadow: @boxShadow, - @attachedBoxShadow -; + @attachedBoxShadow; /* Striped */ @stripedBackground: rgba(0, 0, 50, 0.02); diff --git a/src/themes/default/elements/button.variables b/src/themes/default/elements/button.variables index c258796f1d..1baa92c180 100644 --- a/src/themes/default/elements/button.variables +++ b/src/themes/default/elements/button.variables @@ -40,8 +40,7 @@ @borderBoxShadow: 0 0 0 @borderBoxShadowWidth @borderBoxShadowColor inset; @boxShadow: @borderBoxShadow, - @shadowBoxShadow -; + @shadowBoxShadow; /* Icon */ @iconHeight: auto; @@ -62,8 +61,7 @@ background-color @defaultDuration @defaultEasing, color @defaultDuration @defaultEasing, box-shadow @defaultDuration @defaultEasing, - background @defaultDuration @defaultEasing -; + background @defaultDuration @defaultEasing; /* @willChange: box-shadow, transform, opacity, color, background; @@ -108,8 +106,7 @@ @downPressedShadow: none; @downBoxShadow: @borderBoxShadow, - @downPressedShadow -; + @downPressedShadow; @downColor: @pressedTextColor; /* Active */ @@ -129,8 +126,7 @@ @loadingPointerEvents: auto; @loadingTransition: all 0s linear, - opacity @defaultDuration @defaultEasing -; + opacity @defaultDuration @defaultEasing; /* ------------------- Types @@ -208,8 +204,7 @@ @basicHoverTextColor: @hoveredTextColor; @basicHoverBoxShadow: 0 0 0 @basicBorderSize @selectedBorderColor inset, - 0 0 0 0 @borderColor inset -; + 0 0 0 0 @borderColor inset; /* Basic Focus */ @basicFocusBackground: @basicHoverBackground; @@ -221,8 +216,7 @@ @basicDownTextColor: @pressedTextColor; @basicDownBoxShadow: 0 0 0 @basicBorderSize rgba(0, 0, 0, 0.15) inset, - 0 1px 4px 0 @borderColor inset -; + 0 1px 4px 0 @borderColor inset; /* Basic Active */ @basicActiveBackground: @transparentBlack; diff --git a/src/themes/default/elements/flag.variables b/src/themes/default/elements/flag.variables index 8a5f797759..dcf42db3fb 100644 --- a/src/themes/default/elements/flag.variables +++ b/src/themes/default/elements/flag.variables @@ -1159,7 +1159,7 @@ countrycode: sa; class: saudi_arabia; aliasClass: saudiarabia; - aliasClass2: saudi + aliasClass2: saudi; }; @1f1f8-1f1f3: { countrycode: sn; @@ -1579,7 +1579,7 @@ countrycode: sj; class: svalbard_and_jan_mayen; aliasClass: svalbard; - aliasClass2: jan_mayen + aliasClass2: jan_mayen; }; @1f1f9-1f1e6: { countrycode: ta; @@ -1598,7 +1598,7 @@ class: united_nations; aliasClass: united_nations; aliasClass2: false; - } + }; }; @size-map: { diff --git a/src/themes/default/elements/icon.variables b/src/themes/default/elements/icon.variables index a428565bef..8d6be90b66 100644 --- a/src/themes/default/elements/icon.variables +++ b/src/themes/default/elements/icon.variables @@ -45,8 +45,7 @@ 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 +55,7 @@ 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 +65,7 @@ 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; @@ -2107,14 +2104,12 @@ Icons are order A-Z in their group, Solid, Outline, Thin (Pro only) and Brand -@cornerIconStroke -@cornerIconStroke 0 @white, @cornerIconStroke -@cornerIconStroke 0 @white, -@cornerIconStroke @cornerIconStroke 0 @white, - @cornerIconStroke @cornerIconStroke 0 @white -; + @cornerIconStroke @cornerIconStroke 0 @white; @cornerIconInvertedShadow: -@cornerIconStroke -@cornerIconStroke 0 @black, @cornerIconStroke -@cornerIconStroke 0 @black, -@cornerIconStroke @cornerIconStroke 0 @black, - @cornerIconStroke @cornerIconStroke 0 @black -; + @cornerIconStroke @cornerIconStroke 0 @black; @cornerOffset: 0; @borderedGroupCornerOffset: 1.15em; diff --git a/src/themes/default/elements/input.variables b/src/themes/default/elements/input.variables index 2e5a7105a6..9eaa5e709e 100644 --- a/src/themes/default/elements/input.variables +++ b/src/themes/default/elements/input.variables @@ -24,8 +24,7 @@ @borderRadius: @defaultBorderRadius; @transition: box-shadow @defaultDuration @defaultEasing, - border-color @defaultDuration @defaultEasing -; + border-color @defaultDuration @defaultEasing; /* ------------------- Types diff --git a/src/themes/default/elements/list.variables b/src/themes/default/elements/list.variables index 096a342951..34ddbe2cc4 100644 --- a/src/themes/default/elements/list.variables +++ b/src/themes/default/elements/list.variables @@ -106,9 +106,7 @@ @linkListItemHoverColor: @hoveredTextColor; @linkListItemDownColor: @pressedTextColor; @linkListItemActiveColor: @selectedTextColor; -@linkListTransition: - @defaultDuration color @defaultEasing -; +@linkListTransition: @defaultDuration color @defaultEasing; /* Inverted Link List */ @invertedLinkListItemColor: @invertedUnselectedTextColor; @@ -124,8 +122,7 @@ @selectionListTransition: @defaultDuration color @defaultEasing, @defaultDuration padding-left @defaultEasing, - @defaultDuration background-color @defaultEasing -; + @defaultDuration background-color @defaultEasing; /* Selection List States */ @selectionListBackground: transparent; @@ -153,8 +150,7 @@ @animatedListTransition: @animatedDuration color @defaultEasing @animatedDelay, @animatedDuration padding-left @defaultEasing @animatedDelay, - @animatedDuration background-color @defaultEasing @animatedDelay -; + @animatedDuration background-color @defaultEasing @animatedDelay; @animatedListIndent: 1em; /* Bulleted */ diff --git a/src/themes/default/elements/placeholder.variables b/src/themes/default/elements/placeholder.variables index 297dc4e4b8..d0c851da7d 100644 --- a/src/themes/default/elements/placeholder.variables +++ b/src/themes/default/elements/placeholder.variables @@ -34,15 +34,19 @@ /* Glow Gradient */ @placeholderLoadingAnimationDuration: 2s; @placeholderLoadingGradientWidth: 1200px; -@placeholderLoadingGradient: linear-gradient(to right, -rgba(0, 0, 0, 0.08) 0, -rgba(0, 0, 0, 0.15) 15%, -rgba(0, 0, 0, 0.08) 30% +// prettier-ignore +@placeholderLoadingGradient: linear-gradient( + to right, + rgba(0, 0, 0, 0.08) 0, + rgba(0, 0, 0, 0.15) 15%, + rgba(0, 0, 0, 0.08) 30% ); -@placeholderInvertedLoadingGradient: linear-gradient(to right, -rgba(255, 255, 255, 0.08) 0, -rgba(255, 255, 255, 0.14) 15%, -rgba(255, 255, 255, 0.08) 30% +// prettier-ignore +@placeholderInvertedLoadingGradient: linear-gradient( + to right, + rgba(255, 255, 255, 0.08) 0, + rgba(255, 255, 255, 0.14) 15%, + rgba(255, 255, 255, 0.08) 30% ); /* Variations */ diff --git a/src/themes/default/elements/segment.variables b/src/themes/default/elements/segment.variables index 4229229e05..671c56c8f6 100644 --- a/src/themes/default/elements/segment.variables +++ b/src/themes/default/elements/segment.variables @@ -106,8 +106,7 @@ @attachedBorder: @borderWidth solid @solidBorderColor; @attachedBottomBoxShadow: @boxShadow, - @attachedBoxShadow -; + @attachedBoxShadow; /* Inverted */ @invertedBackground: @black; @@ -132,21 +131,21 @@ @tertiaryColor: @mutedTextColor; @secondaryInvertedLightness: 0.2; +// prettier-ignore @secondaryInvertedBackground: lighten(@black, (@secondaryInvertedLightness * 100)) linear-gradient( rgba(255, 255, 255, @secondaryInvertedLightness) 0, rgba(255, 255, 255, @secondaryInvertedLightness) 100% - ) -; + ); @secondaryInvertedColor: @invertedMutedTextColor; @tertiaryInvertedLightness: 0.35; +// prettier-ignore @tertiaryInvertedBackground: lighten(@black, (@tertiaryInvertedLightness * 100)) linear-gradient( rgba(255, 255, 255, @tertiaryInvertedLightness) 0, rgba(255, 255, 255, @tertiaryInvertedLightness) 100% - ) -; + ); @tertiaryInvertedColor: @invertedMutedTextColor; diff --git a/src/themes/default/elements/step.variables b/src/themes/default/elements/step.variables index 8820676b33..d8c7e8c400 100644 --- a/src/themes/default/elements/step.variables +++ b/src/themes/default/elements/step.variables @@ -27,8 +27,7 @@ background-color @defaultDuration @defaultEasing, opacity @defaultDuration @defaultEasing, color @defaultDuration @defaultEasing, - box-shadow @defaultDuration @defaultEasing -; + box-shadow @defaultDuration @defaultEasing; @lineHeight: @relativeLarge; @alignItems: center; @justifyContent: center; diff --git a/src/themes/default/globals/site.variables b/src/themes/default/globals/site.variables index f62654d91f..fb58cd7042 100755 --- a/src/themes/default/globals/site.variables +++ b/src/themes/default/globals/site.variables @@ -28,8 +28,7 @@ @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 +37,7 @@ }; @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 +46,7 @@ }; @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 +55,7 @@ }; @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 +64,7 @@ }; @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 +73,7 @@ }; @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 +82,7 @@ }; @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 +91,7 @@ }; @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; @@ -546,124 +538,94 @@ @primaryBoxShadow: 0 0 0 @borderWidth @primaryBorderColor inset, - @shadowShadow -; + @shadowShadow; @primaryBoxFloatingShadow: 0 0 0 @borderWidth @primaryBorderColor inset, - @floatingShadow -; + @floatingShadow; @secondaryBoxShadow: 0 0 0 @borderWidth @secondaryBorderColor inset, - @shadowShadow -; + @shadowShadow; @secondaryBoxFloatingShadow: 0 0 0 @borderWidth @secondaryBorderColor inset, - @floatingShadow -; + @floatingShadow; @redBoxShadow: 0 0 0 @borderWidth @redBorderColor inset, - @shadowShadow -; + @shadowShadow; @redBoxFloatingShadow: 0 0 0 @borderWidth @redBorderColor inset, - @floatingShadow -; + @floatingShadow; @orangeBoxShadow: 0 0 0 @borderWidth @orangeBorderColor inset, - @shadowShadow -; + @shadowShadow; @orangeBoxFloatingShadow: 0 0 0 @borderWidth @orangeBorderColor inset, - @floatingShadow -; + @floatingShadow; @yellowBoxShadow: 0 0 0 @borderWidth @yellowBorderColor inset, - @shadowShadow -; + @shadowShadow; @yellowBoxFloatingShadow: 0 0 0 @borderWidth @yellowBorderColor inset, - @floatingShadow -; + @floatingShadow; @oliveBoxShadow: 0 0 0 @borderWidth @oliveBorderColor inset, - @shadowShadow -; + @shadowShadow; @oliveBoxFloatingShadow: 0 0 0 @borderWidth @oliveBorderColor inset, - @floatingShadow -; + @floatingShadow; @greenBoxShadow: 0 0 0 @borderWidth @greenBorderColor inset, - @shadowShadow -; + @shadowShadow; @greenBoxFloatingShadow: 0 0 0 @borderWidth @greenBorderColor inset, - @floatingShadow -; + @floatingShadow; @tealBoxShadow: 0 0 0 @borderWidth @tealBorderColor inset, - @shadowShadow -; + @shadowShadow; @tealBoxFloatingShadow: 0 0 0 @borderWidth @tealBorderColor inset, - @floatingShadow -; + @floatingShadow; @blueBoxShadow: 0 0 0 @borderWidth @blueBorderColor inset, - @shadowShadow -; + @shadowShadow; @blueBoxFloatingShadow: 0 0 0 @borderWidth @blueBorderColor inset, - @floatingShadow -; + @floatingShadow; @violetBoxShadow: 0 0 0 @borderWidth @violetBorderColor inset, - @shadowShadow -; + @shadowShadow; @violetBoxFloatingShadow: 0 0 0 @borderWidth @violetBorderColor inset, - @floatingShadow -; + @floatingShadow; @purpleBoxShadow: 0 0 0 @borderWidth @purpleBorderColor inset, - @shadowShadow -; + @shadowShadow; @purpleBoxFloatingShadow: 0 0 0 @borderWidth @purpleBorderColor inset, - @floatingShadow -; + @floatingShadow; @pinkBoxShadow: 0 0 0 @borderWidth @pinkBorderColor inset, - @shadowShadow -; + @shadowShadow; @pinkBoxFloatingShadow: 0 0 0 @borderWidth @pinkBorderColor inset, - @floatingShadow -; + @floatingShadow; @brownBoxShadow: 0 0 0 @borderWidth @brownBorderColor inset, - @shadowShadow -; + @shadowShadow; @brownBoxFloatingShadow: 0 0 0 @borderWidth @brownBorderColor inset, - @floatingShadow -; + @floatingShadow; @greyBoxShadow: 0 0 0 @borderWidth @greyBorderColor inset, - @shadowShadow -; + @shadowShadow; @greyBoxFloatingShadow: 0 0 0 @borderWidth @greyBorderColor inset, - @floatingShadow -; + @floatingShadow; @blackBoxShadow: 0 0 0 @borderWidth @blackBorderColor inset, - @shadowShadow -; + @shadowShadow; @blackBoxFloatingShadow: 0 0 0 @borderWidth @blackBorderColor inset, - @floatingShadow -; + @floatingShadow; /* ------------------- Alpha Colors @@ -686,13 +648,10 @@ @subtleGradient: linear-gradient(transparent, @transparentBlack); /* Differentiating Layers */ -@subtleShadow: - 0 1px 2px 0 @borderColor -; +@subtleShadow: 0 1px 2px 0 @borderColor; @floatingShadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), - 0 2px 10px 0 rgba(34, 36, 38, 0.15) -; + 0 2px 10px 0 rgba(34, 36, 38, 0.15); /******************************* Power-User @@ -1094,8 +1053,7 @@ /* --- Shadows --- */ @floatingShadowHover: 0 2px 4px 0 rgba(34, 36, 38, 0.15), - 0 2px 10px 0 rgba(34, 36, 38, 0.25) -; + 0 2px 10px 0 rgba(34, 36, 38, 0.25); /* --- Colors --- */ @primaryColorHover: saturate(darken(@primaryColor, 5), 10, relative); diff --git a/src/themes/default/modules/accordion.variables b/src/themes/default/modules/accordion.variables index 3ca90f2b15..e7b0dc911f 100644 --- a/src/themes/default/modules/accordion.variables +++ b/src/themes/default/modules/accordion.variables @@ -22,8 +22,7 @@ @iconPadding: 0; @iconTransition: transform @defaultDuration @defaultEasing, - opacity @defaultDuration @defaultEasing -; + opacity @defaultDuration @defaultEasing; @iconVerticalAlign: baseline; @iconTransform: none; @iconTransformRight: @menuIconTransform; @@ -61,8 +60,7 @@ @styledBorderRadius: @defaultBorderRadius; @styledBoxShadow: @subtleShadow, - 0 0 0 1px @borderColor -; + 0 0 0 1px @borderColor; /* Content */ @styledContentMargin: 0; @@ -81,8 +79,7 @@ @styledTitleBorder: 1px solid @borderColor; @styledTitleTransition: background @defaultDuration @defaultEasing, - color @defaultDuration @defaultEasing -; + color @defaultDuration @defaultEasing; /* Styled Title States */ @styledTitleHoverBackground: transparent; @@ -103,8 +100,7 @@ @invertedStyledTitleBorder: 1px solid @whiteBorderColor; @invertedStyledBoxShadow: @subtleShadow, - 0 0 0 1px @whiteBorderColor -; + 0 0 0 1px @whiteBorderColor; @invertedStyledTitleHoverBackground: transparent; @invertedStyledTitleHoverColor: @invertedTextColor; @invertedStyledActiveTitleBackground: transparent; diff --git a/src/themes/default/modules/checkbox.variables b/src/themes/default/modules/checkbox.variables index 61e5370f6d..ade25f3daf 100644 --- a/src/themes/default/modules/checkbox.variables +++ b/src/themes/default/modules/checkbox.variables @@ -17,8 +17,7 @@ border @defaultDuration @defaultEasing, opacity @defaultDuration @defaultEasing, transform @defaultDuration @defaultEasing, - box-shadow @defaultDuration @defaultEasing -; + box-shadow @defaultDuration @defaultEasing; /* Checkmark */ @checkboxCheckFontSize: 14px; @@ -106,8 +105,7 @@ @handleBackground: @white @subtleGradient; @handleBoxShadow: @subtleShadow, - 0 0 0 1px @borderColor inset -; + 0 0 0 1px @borderColor inset; /* Slider */ @sliderHandleSize: 1.5rem; @@ -156,12 +154,10 @@ @toggleHandleOffset: 0; @toggleHandleTransition: background @toggleTransitionDuration @defaultEasing, - left @toggleTransitionDuration @defaultEasing -; + left @toggleTransitionDuration @defaultEasing; @toggleHandleTransitionRightAligned: background @toggleTransitionDuration @defaultEasing, - right @toggleTransitionDuration @defaultEasing -; + right @toggleTransitionDuration @defaultEasing; @toggleLaneBackground: @transparentBlack; @toggleLaneHeight: @toggleHandleSize; diff --git a/src/themes/default/modules/dimmer.variables b/src/themes/default/modules/dimmer.variables index 6833742b75..126ff136b8 100644 --- a/src/themes/default/modules/dimmer.variables +++ b/src/themes/default/modules/dimmer.variables @@ -11,9 +11,7 @@ @padding: 1em; @duration: 0.5s; -@transition: - all @duration linear -; +@transition: all @duration linear; @zIndex: 1000; @textAlign: center; @verticalAlign: middle; diff --git a/src/themes/default/modules/dropdown.variables b/src/themes/default/modules/dropdown.variables index 8bec1efae3..4eb80072a1 100755 --- a/src/themes/default/modules/dropdown.variables +++ b/src/themes/default/modules/dropdown.variables @@ -8,8 +8,7 @@ @transition: box-shadow @defaultDuration @defaultEasing, - width @defaultDuration @defaultEasing -; + width @defaultDuration @defaultEasing; @borderRadius: @defaultBorderRadius; @raisedShadow: 0 2px 3px 0 @borderColor; diff --git a/src/themes/default/modules/embed.variables b/src/themes/default/modules/embed.variables index f1d132c186..07e396c76a 100644 --- a/src/themes/default/modules/embed.variables +++ b/src/themes/default/modules/embed.variables @@ -24,12 +24,9 @@ @iconSize: 6rem; @iconTransition: opacity @transitionDuration @transitionEasing, - color @transitionDuration @transitionEasing -; + color @transitionDuration @transitionEasing; @iconColor: @white; -@iconShadow: - 0 2px 10px rgba(34, 36, 38, 0.2) -; +@iconShadow: 0 2px 10px rgba(34, 36, 38, 0.2); @iconZIndex: 10; /* ------------------- diff --git a/src/themes/default/modules/modal.variables b/src/themes/default/modules/modal.variables index 2adc8cfbda..5236f6865e 100755 --- a/src/themes/default/modules/modal.variables +++ b/src/themes/default/modules/modal.variables @@ -9,8 +9,7 @@ @transformOrigin: 50% 25%; @boxShadow: 1px 3px 3px 0 rgba(0, 0, 0, 0.2), - 1px 3px 15px 2px rgba(0, 0, 0, 0.2) -; + 1px 3px 15px 2px rgba(0, 0, 0, 0.2); /* Close Icon */ @closeOpacity: 0.8; @@ -28,8 +27,7 @@ -1px -1px 2px rgba(0, 0, 0, 0.3), 1px -1px 2px rgba(0, 0, 0, 0.3), -1px 2px 2px rgba(0, 0, 0, 0.3), - 1px 2px 2px rgba(0, 0, 0, 0.3) -; + 1px 2px 2px rgba(0, 0, 0, 0.3); /* Header */ @headerMargin: 0; @@ -261,5 +259,4 @@ -1px -1px 2px rgba(255, 255, 255, 0.3), 1px -1px 2px rgba(255, 255, 255, 0.3), -1px 2px 2px rgba(255, 255, 255, 0.3), - 1px 2px 2px rgba(255, 255, 255, 0.3) -; + 1px 2px 2px rgba(255, 255, 255, 0.3); diff --git a/src/themes/default/modules/progress.variables b/src/themes/default/modules/progress.variables index 06b3fe162c..b65cd16c7a 100644 --- a/src/themes/default/modules/progress.variables +++ b/src/themes/default/modules/progress.variables @@ -26,8 +26,7 @@ @barTransitionDuration: @defaultDuration; @barTransition: width @barTransitionDuration @barTransitionEasing, - background-color @barTransitionDuration @barTransitionEasing -; + background-color @barTransitionDuration @barTransitionEasing; @barInitialWidth: 0; @barMinWidth: 2em; diff --git a/src/themes/default/modules/rating.variables b/src/themes/default/modules/rating.variables index 844ae240f3..0c15babf77 100644 --- a/src/themes/default/modules/rating.variables +++ b/src/themes/default/modules/rating.variables @@ -13,8 +13,7 @@ opacity @defaultDuration @defaultEasing, background @defaultDuration @defaultEasing, text-shadow @defaultDuration @defaultEasing, - color @defaultDuration @defaultEasing -; + color @defaultDuration @defaultEasing; /* ------------------- Types diff --git a/src/themes/default/modules/search.variables b/src/themes/default/modules/search.variables index f5b573a7db..6443f85201 100644 --- a/src/themes/default/modules/search.variables +++ b/src/themes/default/modules/search.variables @@ -16,8 +16,7 @@ background-color @defaultDuration @defaultEasing, color @defaultDuration @defaultEasing, box-shadow @defaultDuration @defaultEasing, - border-color @defaultDuration @defaultEasing -; + border-color @defaultDuration @defaultEasing; @promptBoxShadow: 0 0 0 0 transparent inset; /* Mobile */ @@ -133,8 +132,7 @@ @selectionCloseTop: 0; @selectionCloseTransition: color @defaultDuration @defaultEasing, - opacity @defaultDuration @defaultEasing -; + opacity @defaultDuration @defaultEasing; @selectionCloseRight: 0; @selectionCloseIconOpacity: 0.8; @selectionCloseIconColor: ""; @@ -149,8 +147,7 @@ @categoryDivider: 1px solid @internalBorderColor; @categoryTransition: background @defaultDuration @defaultEasing, - border-color @defaultDuration @defaultEasing -; + border-color @defaultDuration @defaultEasing; @categoryResultsWidth: 28em; diff --git a/src/themes/default/modules/shape.variables b/src/themes/default/modules/shape.variables index 9a19764b2f..5d8f439570 100644 --- a/src/themes/default/modules/shape.variables +++ b/src/themes/default/modules/shape.variables @@ -17,8 +17,7 @@ transform @duration @easing, left @duration @easing, width @duration @easing, - height @duration @easing -; + height @duration @easing; @sideTransition: opacity @duration @easing; @backfaceVisibility: hidden; diff --git a/src/themes/default/modules/slider.variables b/src/themes/default/modules/slider.variables index 6d48e4aca6..67a2b7bb21 100644 --- a/src/themes/default/modules/slider.variables +++ b/src/themes/default/modules/slider.variables @@ -29,7 +29,9 @@ @thumbHeight: @height; @thumbBorderRadius: 100%; @thumbBackground: @white @subtleGradient; -@thumbShadow: @subtleShadow, 0 0 0 1px @borderColor inset; +@thumbShadow: + @subtleShadow, + 0 0 0 1px @borderColor inset; @thumbTransitionDuration: 0.3s; @thumbTransition: background @thumbTransitionDuration @defaultEasing; @thumbVerticalSliderOffset: 0.03em; diff --git a/src/themes/default/views/card.variables b/src/themes/default/views/card.variables index 0bc53ac868..1745a2d3a4 100644 --- a/src/themes/default/views/card.variables +++ b/src/themes/default/views/card.variables @@ -23,14 +23,12 @@ @borderShadow: 0 0 0 @borderWidth @solidBorderColor; @boxShadow: @shadowBoxShadow, - @borderShadow -; + @borderShadow; @border: none; @zIndex: ""; @transition: box-shadow @defaultDuration @defaultEasing, - transform @defaultDuration @defaultEasing -; + transform @defaultDuration @defaultEasing; /* Card Group */ @horizontalSpacing: 1em; @@ -168,8 +166,7 @@ @shadowHoverBoxShadow: 0 @shadowDistance @linkHoverRaiseDistance 0 @solidSelectedBorderColor; @linkHoverBoxShadow: @shadowHoverBoxShadow, - @borderShadow -; + @borderShadow; /* Horizontal */ @horizontalMinWidth: 270px; @@ -179,20 +176,14 @@ /* Raised */ @raisedShadow: @borderShadow, - @floatingShadow -; + @floatingShadow; @raisedShadowHover: @borderShadow, - @floatingShadowHover -; + @floatingShadowHover; /* Basic Raised */ -@basicRaisedShadow: - @floatingShadow -; -@basicRaisedShadowHover: - @floatingShadowHover -; +@basicRaisedShadow: @floatingShadow; +@basicRaisedShadowHover: @floatingShadowHover; /* Card Count */ @wideCardSpacing: 1em; @@ -258,5 +249,4 @@ @invertedLinkHoverBackground: @black; @invertedBoxShadow: 0 @shadowDistance 3px 0 @solidWhiteBorderColor, - 0 0 0 @borderWidth @solidWhiteBorderColor -; + 0 0 0 @borderWidth @solidWhiteBorderColor; diff --git a/src/themes/github/collections/form.variables b/src/themes/github/collections/form.variables index bf8c17f445..fce90d9450 100644 --- a/src/themes/github/collections/form.variables +++ b/src/themes/github/collections/form.variables @@ -21,8 +21,7 @@ @inputFocusBackground: #fff; @inputFocusBoxShadow: 0 1px 2px rgba(0, 0, 0, 0.075) inset, - 0 0 5px rgba(81, 167, 232, 0.5) -; + 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 5cc05bb5e8..21bfde45bf 100644 --- a/src/themes/github/collections/menu.variables +++ b/src/themes/github/collections/menu.variables @@ -55,6 +55,5 @@ @invertedBackground: @black linear-gradient(rgba(255, 255, 255, 0.05), rgba(0, 0, 0, 0)); @invertedBoxShadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), - 0 0 0 1px rgba(255, 255, 255, 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 76cf3dbb4f..a1175e93e0 100644 --- a/src/themes/github/collections/message.variables +++ b/src/themes/github/collections/message.variables @@ -1,8 +1,7 @@ @background: linear-gradient(rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.05)) #fefefe; @boxShadow: 0 0 0 1px rgba(255, 255, 255, 0.3) inset, - 0 0 0 1px rgba(0, 0, 0, 0.2) inset -; + 0 0 0 1px rgba(0, 0, 0, 0.2) inset; @verticalPadding: 15px; @horizontalPadding: 15px; @@ -15,8 +14,7 @@ @floatingBoxShadow: 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 -; + 0 0 0 1px rgba(0, 0, 0, 0.05) inset; @infoBorderColor: #97c1da; @errorBorderColor: #da9797; diff --git a/src/themes/github/elements/button.variables b/src/themes/github/elements/button.variables index 7c4eadf372..4d9fca30f0 100644 --- a/src/themes/github/elements/button.variables +++ b/src/themes/github/elements/button.variables @@ -21,15 +21,13 @@ @boxShadow: 0 -1px 0 0 rgba(0, 0, 0, 0.05) inset, 0 0 0 1px rgba(0, 0, 0, 0.13) inset, - 0 1px 3px rgba(0, 0, 0, 0.05) -; + 0 1px 3px rgba(0, 0, 0, 0.05); @coloredBackgroundImage: linear-gradient(rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2)); @coloredBoxShadow: 0 -1px 0 0 rgba(0, 0, 0, 0.05) inset, 0 0 0 1px rgba(0, 0, 0, 0.1) inset, - 0 1px 3px rgba(0, 0, 0, 0.05) -; + 0 1px 3px rgba(0, 0, 0, 0.05); @hoverBackgroundColor: #e0e0e0; @hoverBackgroundImage: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.08)); @@ -40,15 +38,13 @@ @downBoxShadow: 0 -1px 0 0 rgba(0, 0, 0, 0.05) inset, 0 0 0 1px rgba(0, 0, 0, 0.13) inset, - 0 3px 5px rgba(0, 0, 0, 0.15) inset !important -; + 0 3px 5px rgba(0, 0, 0, 0.15) inset !important; @activeBackgroundColor: #dfdfdf; @activeBackgroundImage: none; @activeBoxShadow: 0 -1px 0 0 rgba(0, 0, 0, 0.05) inset, 0 0 0 1px rgba(0, 0, 0, 0.13) inset, - 0 3px 5px rgba(0, 0, 0, 0.1) inset !important -; + 0 3px 5px rgba(0, 0, 0, 0.1) inset !important; @labeledIconBackgroundColor: transparent; @labeledIconBorder: transparent; diff --git a/src/themes/github/elements/input.variables b/src/themes/github/elements/input.variables index 6a842b563a..1fc57658c8 100644 --- a/src/themes/github/elements/input.variables +++ b/src/themes/github/elements/input.variables @@ -12,5 +12,4 @@ @focusBorderColor: #51a7e8; @focusBoxShadow: 0 1px 2px rgba(0, 0, 0, 0.075) inset, - 0 0 5px rgba(81, 167, 232, 0.5) -; + 0 0 5px rgba(81, 167, 232, 0.5); diff --git a/src/themes/github/modules/dropdown.variables b/src/themes/github/modules/dropdown.variables index b5345b07b5..dddb3da09e 100644 --- a/src/themes/github/modules/dropdown.variables +++ b/src/themes/github/modules/dropdown.variables @@ -2,9 +2,7 @@ User Variable Overrides *******************************/ -@transition: - width @defaultDuration @defaultEasing -; +@transition: width @defaultDuration @defaultEasing; @menuPadding: 0; diff --git a/src/themes/material/elements/button.variables b/src/themes/material/elements/button.variables index eabf35aaed..e3db2e4820 100644 --- a/src/themes/material/elements/button.variables +++ b/src/themes/material/elements/button.variables @@ -32,8 +32,7 @@ background-color 0.3s @defaultEasing, color 0.3s @defaultEasing, box-shadow 0.3s @defaultEasing, - background 0.3s @defaultEasing -; + background 0.3s @defaultEasing; /* ------------------- State @@ -42,8 +41,7 @@ @hoverBackgroundColor: @white; @hoverBoxShadow: @borderBoxShadow, - 0 2px 3px 0 rgba(0, 0, 0, 0.2) !important -; + 0 2px 3px 0 rgba(0, 0, 0, 0.2) !important; @downBackgroundColor: @white; @downBackgroundImage: linear-gradient(rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.04)); diff --git a/src/themes/material/elements/icon.variables b/src/themes/material/elements/icon.variables index b83b180206..11f63ce455 100644 --- a/src/themes/material/elements/icon.variables +++ b/src/themes/material/elements/icon.variables @@ -2,8 +2,7 @@ @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/raised/elements/button.variables b/src/themes/raised/elements/button.variables index 126ab45b5f..d5d2f99500 100644 --- a/src/themes/raised/elements/button.variables +++ b/src/themes/raised/elements/button.variables @@ -23,5 +23,4 @@ background-color @defaultDuration @defaultEasing, box-shadow @defaultDuration @defaultEasing, color @defaultDuration @defaultEasing, - background @defaultDuration @defaultEasing -; + background @defaultDuration @defaultEasing; diff --git a/src/themes/round/elements/button.variables b/src/themes/round/elements/button.variables index 91b7909edd..0161ce087a 100644 --- a/src/themes/round/elements/button.variables +++ b/src/themes/round/elements/button.variables @@ -11,9 +11,7 @@ @backgroundImage: none; @fontWeight: bold; @textColor: rgba(0, 0, 0, 0.6); -@boxShadow: - 0 0 0 2px rgba(0, 0, 0, 0.2) inset -; +@boxShadow: 0 0 0 2px rgba(0, 0, 0, 0.2) inset; /* Padding */ @verticalPadding: 1.25em; diff --git a/src/themes/striped/modules/progress.overrides b/src/themes/striped/modules/progress.overrides index af2476c7ab..ccbbecd0de 100644 --- a/src/themes/striped/modules/progress.overrides +++ b/src/themes/striped/modules/progress.overrides @@ -4,17 +4,17 @@ .ui.progress .bar { background-size: 30px 30px; - background-image: - linear-gradient( - 135deg, - rgba(255, 255, 255, 0.08) 25%, - transparent 25%, - transparent 50%, - rgba(255, 255, 255, 0.08) 50%, - rgba(255, 255, 255, 0.08) 75%, - transparent 75%, - transparent - ); + // prettier-ignore + background-image: linear-gradient( + 135deg, + rgba(255, 255, 255, 0.08) 25%, + transparent 25%, + transparent 50%, + rgba(255, 255, 255, 0.08) 50%, + rgba(255, 255, 255, 0.08) 75%, + transparent 75%, + transparent + ); } .ui.progress.active .bar::after {