diff options
| author |  Alexandre Alapetite <alexandre@alapetite.fr>
| 2022-02-04 15:41:51 +0100 |
|---|---|---|
| committer |  GitHub <noreply@github.com>
| 2022-02-04 15:41:51 +0100 |
| commit | 5a891dc0e4d1e5c7d36609bba4bd3df5063b9745 (patch) | |
| tree | 4b420f96082fcde911a36ed8fc709ed12a500089 /p/themes/Mapco/_forms.scss | |
| parent | 88b934da8bec70da1400525748336c0b71864b1a (diff) | |
Update dev dependencies stylelint SASS (#4173)
* Update dev dependencies stylelint SASS
Major update for stylelint with breaking changes
https://stylelint.io/migration-guide/to-14/
Applied automatic SASS migration to current syntax
https://sass-lang.com/documentation/cli/migrator#migrations
And a few manual fixes such as:
https://github.com/stylelint-scss/stylelint-scss/blob/master/src/rules/dollar-variable-no-missing-interpolation/README.md
Other dev dependencies are minor updates.
* RTLCSS
* Fix color-hex-length bug
* Implement make bin/composer
* Update git hash
Diffstat (limited to 'p/themes/Mapco/_forms.scss')
| -rw-r--r-- | p/themes/Mapco/_forms.scss | 38 |
1 files changed, 21 insertions, 17 deletions
diff --git a/p/themes/Mapco/_forms.scss b/p/themes/Mapco/_forms.scss index bb2bc5d51..062cfc2fd 100644 --- a/p/themes/Mapco/_forms.scss +++ b/p/themes/Mapco/_forms.scss @@ -1,10 +1,14 @@ +@use "mixins"; + +@use "variables"; + /* btns */ .btn { margin: 0; padding: 0.5rem 1.5rem; - background: $grey-lighter; + background: variables.$grey-lighter; display: inline-block; - color: $grey-dark; + color: variables.$grey-dark; font-size: 1rem; border: none; border-radius: 5px; @@ -15,27 +19,27 @@ cursor: pointer; overflow: hidden; - @include transition(all, 0.15s, ease-in-out); + @include mixins.transition(all, 0.15s, ease-in-out); &.btn-important { - background: $main-first; - color: $white; + background: variables.$main-first; + color: variables.$white; // @include transition(all, 0.15s, ease-in-out); &:hover, &:active { - background: $main-first-alt; + background: variables.$main-first-alt; } } &.btn-attention { - background: $alert-bg; + background: variables.$alert-bg; color: #fff; &:hover, &:active { - background: $alert-text; + background: variables.$alert-text; } } @@ -66,7 +70,7 @@ label { min-height: 25px; padding: 5px 0; cursor: pointer; - color: $grey-dark; + color: variables.$grey-dark; } textarea { @@ -77,11 +81,11 @@ textarea { input, select, textarea, button { padding: 5px 10px; - background: $white; - color: $grey-dark; + background: variables.$white; + color: variables.$grey-dark; font-family: "lato", "Helvetica", "Arial", sans-serif; font-size: 1rem; - border: 1px solid $grey-light; + border: 1px solid variables.$grey-light; border-radius: 2px; min-height: 25px; line-height: 25px; @@ -93,18 +97,18 @@ option { } input:focus, select:focus, textarea:focus { - color: $main-font-color; - border-color: $main-first; + color: variables.$main-font-color; + border-color: variables.$main-first; } input:invalid, select:invalid { - color: $alert-bg; - border-color: $alert-bg; + color: variables.$alert-bg; + border-color: variables.$alert-bg; box-shadow: none; } input:disabled, select:disabled { - background: $grey-light; + background: variables.$grey-light; } input.extend { |