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 | |
| 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')
40 files changed, 654 insertions, 613 deletions
diff --git a/p/themes/Ansum/_components.scss b/p/themes/Ansum/_components.scss index 58338db18..105352b8a 100644 --- a/p/themes/Ansum/_components.scss +++ b/p/themes/Ansum/_components.scss @@ -1,3 +1,9 @@ +@use "sass:string"; + +@use "mixins"; + +@use "variables"; + /*=== COMPONENTS */ /*===============*/ /*=== Forms */ @@ -22,7 +28,7 @@ .dropdown-menu { margin: 9px 0 0 0; padding: 0.5rem 0 1rem 0; - background: $grey-lighter; + background: variables.$grey-lighter; font-size: 1rem; border: none; border-radius: 3px; @@ -39,7 +45,7 @@ margin: 1.75rem 0 0.5rem 2rem; font-weight: bold; text-align: left; - color: $grey-dark; + color: variables.$grey-dark; text-transform: uppercase; letter-spacing: 1px; @@ -48,22 +54,22 @@ .item { - @include transition(all, 0.075s, ease-in-out); + @include mixins.transition(all, 0.075s, ease-in-out); a, span, .as-link { padding: 0 2rem; - color: $main-font-color; + color: variables.$main-font-color; font-size: 1rem; line-height: 2.5em; } &:hover { - background: $main-first; - color: $white; + background: variables.$main-first; + color: variables.$white; a, button { text-decoration: none; - color: $white; + color: variables.$white; } .icon { @@ -89,7 +95,7 @@ .separator { margin: 0.75rem 0; - border-bottom: 1px solid $grey-light; + border-bottom: 1px solid variables.$grey-light; // display: none; } @@ -102,15 +108,15 @@ a, button { - color: $main-font-color; + color: variables.$main-font-color; &:hover { - color: $white; + color: variables.$white; } } &:hover { - background: $main-first; + background: variables.$main-first; } } } @@ -123,12 +129,12 @@ margin: 1rem 0; // width: 100%; padding: 1rem; - background: $grey-lighter; - color: $grey-dark; + background: variables.$grey-lighter; + color: variables.$grey-dark; font-size: 1rem; - border: 1px solid $grey-medium; + border: 1px solid variables.$grey-medium; border-radius: 3px; - text-shadow: 0 0 1px $grey-light; + text-shadow: 0 0 1px variables.$grey-light; } .alert-head { @@ -141,48 +147,48 @@ } .alert-warn { - background: $warning-light; - color: $warning-text; - border: 1px solid unquote($warning-text+'33'); // on ajoute l’opacité à la fin + background: variables.$warning-light; + color: variables.$warning-text; + border: 1px solid string.unquote(variables.$warning-text + '33'); // on ajoute l’opacité à la fin } .alert-success { - background: $success-light; - color: $success-text; - border: 1px solid unquote($success-text+'33'); + background: variables.$success-light; + color: variables.$success-text; + border: 1px solid string.unquote(variables.$success-text + '33'); } .alert-error { - background: $alert-light; - color: $alert-text; - border: 1px solid unquote($alert-text+'33'); + background: variables.$alert-light; + color: variables.$alert-text; + border: 1px solid string.unquote(variables.$alert-text + '33'); } /*=== Pagination */ .pagination { - background: $grey-light; - color: $main-font-color; + background: variables.$grey-light; + color: variables.$main-font-color; font-size: 0.8em; text-align: center; .item { &.pager-current { - background: $sid-bg; - color: $grey-light; + background: variables.$sid-bg; + color: variables.$grey-light; font-size: 1.5em; font-weight: bold; } a { display: block; - color: $main-font-color; + color: variables.$main-font-color; font-style: italic; line-height: 3em; text-decoration: none; &:hover { - background: $main-font-color; - color: $grey-light; + background: variables.$main-font-color; + color: variables.$grey-light; } } } @@ -202,7 +208,7 @@ /*=== Boxes */ .box { - background: $white; + background: variables.$white; // border: 1px solid #ddd; border: none; border-radius: 3px; @@ -211,8 +217,8 @@ .box-title { margin: 0; padding: 0.5rem 0.75rem; - background: $grey-light; - color: $main-font-color; + background: variables.$grey-light; + color: variables.$main-font-color; // border-bottom: 1px solid #ddd; border-radius: 2px 2px 0 0; @@ -233,7 +239,7 @@ } &:hover { - background: url("icons/cog-white.svg") no-repeat 4px 4px $main-first; + background: url("icons/cog-white.svg") no-repeat 4px 4px variables.$main-first; } } } @@ -272,9 +278,9 @@ .item { padding: 0.5rem 0; - color: $main-font-color; + color: variables.$main-font-color; font-size: 1rem; - border-bottom: 1px solid $grey-light; + border-bottom: 1px solid variables.$grey-light; line-height: 1.7em; img { @@ -298,7 +304,7 @@ &:hover { // background: $main-first; - background: url("icons/cog-white.svg") no-repeat 4px 4px $main-first; + background: url("icons/cog-white.svg") no-repeat 4px 4px variables.$main-first; } } @@ -314,13 +320,13 @@ #bigMarkAsRead { text-align: center; text-decoration: none; - background: $main-first-light; - color: $main-first; + background: variables.$main-first-light; + color: variables.$main-first; - @include transition(all, 0.15s, ease-in-out); + @include mixins.transition(all, 0.15s, ease-in-out); &:hover { - background: $main-first; + background: variables.$main-first; color: #fff; .bigTick { @@ -341,7 +347,7 @@ // page de login .formLogin { - background: $sid-bg; + background: variables.$sid-bg; .header { .configure { @@ -352,13 +358,13 @@ } a.signin { - color: $white; + color: variables.$white; } } } h1 { - color: $white; + color: variables.$white; } form#crypto-form { @@ -366,18 +372,18 @@ margin-bottom: 1rem; label { - color: $grey-medium; + color: variables.$grey-medium; font-size: 1rem; } input { - background: $main-first-darker; + background: variables.$main-first-darker; &:focus { - background: $grey-lighter; - color: $main-font-color; + background: variables.$grey-lighter; + color: variables.$main-font-color; } } } diff --git a/p/themes/Ansum/_configuration.scss b/p/themes/Ansum/_configuration.scss index 26e9d65fe..e2f9d054a 100644 --- a/p/themes/Ansum/_configuration.scss +++ b/p/themes/Ansum/_configuration.scss @@ -1,3 +1,5 @@ +@use "variables"; + /*=== Configuration pages */ .post { padding: 1rem 2rem; @@ -33,7 +35,7 @@ h1, h2 { // pages titles // font-family: "spectral"; - color: $main-font-color; + color: variables.$main-font-color; font-size: 3rem; margin-top: 1.75rem; font-weight: 300; @@ -43,12 +45,12 @@ a[href="./"] { // C’est le bouton "Retour à vos flux" margin: 0; padding: 0.75rem 1.5rem; - background: $grey-lighter; + background: variables.$grey-lighter; display: inline-block; // border: none; - color: $grey-dark; + color: variables.$grey-dark; font-size: 1rem; - border: 1px solid $grey-medium-light; + border: 1px solid variables.$grey-medium-light; border-radius: 5px; // min-height: 38px; min-width: 15px; @@ -58,9 +60,9 @@ overflow: hidden; &:hover { - background: $main-first; + background: variables.$main-first; color: white; - border: 1px solid $main-first; + border: 1px solid variables.$main-first; text-decoration: none; } } diff --git a/p/themes/Ansum/_forms.scss b/p/themes/Ansum/_forms.scss index bb2bc5d51..062cfc2fd 100644 --- a/p/themes/Ansum/_forms.scss +++ b/p/themes/Ansum/_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 { diff --git a/p/themes/Ansum/_global-view.scss b/p/themes/Ansum/_global-view.scss index 7d24a9109..c2055c64f 100644 --- a/p/themes/Ansum/_global-view.scss +++ b/p/themes/Ansum/_global-view.scss @@ -1,3 +1,5 @@ +@use "variables"; + /*=== GLOBAL VIEW */ /*================*/ #stream { @@ -20,7 +22,7 @@ background: none; a.title { - color: $grey-dark; + color: variables.$grey-dark; font-size: 1rem; font-weight: normal; text-decoration: none; @@ -31,7 +33,7 @@ &:not([data-unread="0"])::after { margin: -0.5rem 1rem 0 0; padding: 0 0.75rem; - background: $grey-light; + background: variables.$grey-light; border-radius: 12px; position: absolute; top: 1.75rem; @@ -41,7 +43,7 @@ } &:hover { - color: $main-first; + color: variables.$main-first; } } } @@ -55,11 +57,11 @@ font-size: 1rem; a { - color: $main-font-color; + color: variables.$main-font-color; font-weight: 400; &:hover { - color: $main-first; + color: variables.$main-first; text-decoration: none; } } diff --git a/p/themes/Ansum/_layout.scss b/p/themes/Ansum/_layout.scss index 632122e3c..0411a1236 100644 --- a/p/themes/Ansum/_layout.scss +++ b/p/themes/Ansum/_layout.scss @@ -1,9 +1,13 @@ +@use "mixins"; + +@use "variables"; + /*=== STRUCTURE */ /*===============*/ /*=== Header */ .header { padding: 0.5rem 1.35rem; - background: $sid-bg; + background: variables.$sid-bg; display: block; width: auto; table-layout: none; @@ -31,22 +35,22 @@ // width: 50%; input { width: 230px; - color: $sid-font-color; + color: variables.$sid-font-color; border: none; border-radius: 2px 0 0 2px; - background-color: $sid-bg-alt; + background-color: variables.$sid-bg-alt; - @include transition(all, 0.15s, ease-in-out); + @include mixins.transition(all, 0.15s, ease-in-out); &:hover { - background-color: $sid-bg-dark; + background-color: variables.$sid-bg-dark; } &:focus { width: 350px; - color: $grey-dark; + color: variables.$grey-dark; - background-color: $white; + background-color: variables.$white; } } @@ -56,7 +60,7 @@ width: 3rem; border-radius: 0 2px 2px 0; - background-color: $main-first; + background-color: variables.$main-first; background-position: center; background-repeat: no-repeat; background-image: url(icons/magnifier.svg); @@ -65,7 +69,7 @@ min-height: 35px; &:hover { - background-color: $main-first-alt; + background-color: variables.$main-first-alt; } } } @@ -134,19 +138,19 @@ /*=== New article notification */ #new-article { - background: $main-first; + background: variables.$main-first; font-size: 1rem; text-align: center; } #new-article:hover { - background: $main-first-alt; + background: variables.$main-first-alt; } #new-article > a { line-height: 3em; font-weight: bold; - color: $white; + color: variables.$white; } #new-article > a:hover { @@ -156,7 +160,7 @@ /*=== Day indication */ .day { padding: 1rem 0 0 1.25rem; - color: $light-font-color; + color: variables.$light-font-color; font-size: 0.875rem; font-weight: 700; line-height: 3em; @@ -166,7 +170,7 @@ .name { padding: 0 1rem 0 1rem; // font-weight: 700; - color: $main-font-color; + color: variables.$main-font-color; font-size: 0.875rem; position: relative; left: 0; @@ -184,33 +188,33 @@ .btn { border-left-width: 0; padding: 0.5rem 1rem; - background-color: $grey-lighter; + background-color: variables.$grey-lighter; background-position: center; background-repeat: no-repeat; &:hover { - background-color: $grey-light; + background-color: variables.$grey-light; } } .stick { - background: $grey-lighter; + background: variables.$grey-lighter; .btn { border-left-width: 0; padding: 0.5rem 1rem; - background-color: $grey-lighter; + background-color: variables.$grey-lighter; background-position: center; background-repeat: no-repeat; - @include transition(all, 0.15s, ease-in-out); + @include mixins.transition(all, 0.15s, ease-in-out); &:hover { - background-color: $grey-medium-light; + background-color: variables.$grey-medium-light; } &.active { - background-color: $main-first; + background-color: variables.$main-first; } img.icon {display: none;} // on efface pour afficher nos icones, mouhahaha !! @@ -253,13 +257,13 @@ &.read_all { padding: 5px 16px; // min-height: 0; - color: $main-font-color; - background-color: $grey-lighter; + color: variables.$main-font-color; + background-color: variables.$grey-lighter; - @include transition(all, 0.15s, ease-in-out); + @include mixins.transition(all, 0.15s, ease-in-out); &:hover { - background-color: $grey-medium-light; + background-color: variables.$grey-medium-light; } } @@ -319,19 +323,19 @@ h1.title, h1 { a { - color: $main-font-color; + color: variables.$main-font-color; font-family: "spectral", serif; font-size: 2rem; &:hover { - color: $main-first; + color: variables.$main-first; text-decoration: none; } } } .author { - color: $light-font-color; + color: variables.$light-font-color; font-size: 1.125rem; } @@ -342,7 +346,7 @@ .content hr { margin: 30px 10px; - background: $grey-medium-light; + background: variables.$grey-medium-light; height: 1px; border: 0; box-shadow: 0 2px 5px #ccc; @@ -352,22 +356,22 @@ margin: 10px auto; padding: 10px 20px; overflow: auto; - background: $main-first-darker; - color: $white; + background: variables.$main-first-darker; + color: variables.$white; font-size: 0.9rem; border-radius: 3px; code { background: transparent; - color: $white; + color: variables.$white; border: none; } } code { padding: 2px 5px; - background: $grey-lighter; - border: 1px solid $grey-light; + background: variables.$grey-lighter; + border: 1px solid variables.$grey-light; border-radius: 3px; } @@ -375,11 +379,11 @@ blockquote { margin: 0; padding: 5px 20px; - background: $grey-lighter; + background: variables.$grey-lighter; display: block; - color: $main-font-color; - border-top: 1px solid $grey-medium-light; - border-bottom: 1px solid $grey-medium-light; + color: variables.$main-font-color; + border-top: 1px solid variables.$grey-medium-light; + border-bottom: 1px solid variables.$grey-medium-light; p { margin: 0; @@ -393,10 +397,10 @@ .notification { padding: 1rem 0; - background: $grey-medium-light; + background: variables.$grey-medium-light; width: 100%; height: 3rem; - color: $grey-dark; + color: variables.$grey-dark; // font-weight: bold; font-size: 1em; // border-radius: 3px; @@ -417,13 +421,13 @@ } &.good { - background: $success-bg; - color: $white; + background: variables.$success-bg; + color: variables.$white; } &.bad { - background: $alert-bg; - color: $white; + background: variables.$alert-bg; + color: variables.$white; } a.close { @@ -433,11 +437,11 @@ } &.good a.close:hover { - background: $success-text; + background: variables.$success-text; } &.bad a.close:hover { - background: $alert-text; + background: variables.$alert-text; } &#actualizeProgress { @@ -456,5 +460,5 @@ text-align: center; line-height: 3em; table-layout: fixed; - background: $sid-bg; + background: variables.$sid-bg; } diff --git a/p/themes/Ansum/_list-view.scss b/p/themes/Ansum/_list-view.scss index 347e2e6dc..f21f472d8 100644 --- a/p/themes/Ansum/_list-view.scss +++ b/p/themes/Ansum/_list-view.scss @@ -1,68 +1,74 @@ +@use "sass:color"; + +@use "mixins"; + +@use "variables"; + /*=== Feed articles */ .flux { // border-left: 2px solid #ecf0f1; - background: $white; + background: variables.$white; - @include transition(all, 0.15s, ease-in-out); + @include mixins.transition(all, 0.15s, ease-in-out); &:hover { - background: $grey-lighter; + background: variables.$grey-lighter; &:not(.current):hover .item.title { - background: $grey-lighter; + background: variables.$grey-lighter; } } &.current { - background: $white; - border-left-color: $main-first; + background: variables.$white; + border-left-color: variables.$main-first; } &.not_read:not(.current) { - background: $unread-bg; //-------------------- + background: variables.$unread-bg; //-------------------- &:hover .item.title { - background: $unread-bg; + background: variables.$unread-bg; } } &.not_read { .item.title { a { - color: $unread-font-color; //-------------------- + color: variables.$unread-font-color; //-------------------- } } .item.website { a { - color: $unread-font-color; //-------------------- + color: variables.$unread-font-color; //-------------------- } } .item.date { - color: scale-color($unread-font-color, $alpha: -50%); + color: color.scale(variables.$unread-font-color, $alpha: -50%); } } &.favorite { - border-left-color: $fav-bg; + border-left-color: variables.$fav-bg; - @include transition(all, 0.15s, ease-in-out); + @include mixins.transition(all, 0.15s, ease-in-out); } &.favorite:not(.current) { - background: $fav-light; + background: variables.$fav-light; &:hover .item.title { - background: $fav-light; + background: variables.$fav-light; } } .website { a { - color: $main-font-color; + color: variables.$main-font-color; opacity: 0.75; } @@ -72,7 +78,7 @@ } .item.date { - color: scale-color($main-font-color, $alpha: -50%); + color: color.scale(variables.$main-font-color, $alpha: -50%); font-size: 0.85rem; } @@ -85,7 +91,7 @@ .flux_header { font-size: 1rem; cursor: pointer; - border-top: 1px solid $grey-light; + border-top: 1px solid variables.$grey-light; .title { font-size: 1rem; diff --git a/p/themes/Ansum/_logs.scss b/p/themes/Ansum/_logs.scss index 82eead3c9..2ea26e68b 100644 --- a/p/themes/Ansum/_logs.scss +++ b/p/themes/Ansum/_logs.scss @@ -1,15 +1,17 @@ +@use "variables"; + /*=== LOGS */ /*=========*/ .loglist { overflow: hidden; - border: 1px solid $grey-medium-dark; + border: 1px solid variables.$grey-medium-dark; } .log { margin: 10px 0; padding: 5px 2%; - background: $grey-lighter; - color: $grey-dark; + background: variables.$grey-lighter; + color: variables.$grey-dark; font-size: 0.8rem; overflow: auto; } @@ -21,19 +23,19 @@ } .log.error > .date { - background: $alert-bg; + background: variables.$alert-bg; color: #fff; } .log.warning > .date { - background: $warning-bg; + background: variables.$warning-bg; } .log.notice > .date { - background: $grey-light; + background: variables.$grey-light; } .log.debug > .date { - background: $main-first-darker; - color: $white; + background: variables.$main-first-darker; + color: variables.$white; } diff --git a/p/themes/Ansum/_mixins.scss b/p/themes/Ansum/_mixins.scss index 84ef1d492..d86cf8f07 100644 --- a/p/themes/Ansum/_mixins.scss +++ b/p/themes/Ansum/_mixins.scss @@ -1,3 +1,4 @@ +@use "sass:list"; /* stylelint-disable property-no-vendor-prefix */ /* FUNCTIONS */ @@ -5,65 +6,40 @@ //animation @mixin transition($target, $duration, $ease) { - -webkit-transition: $target $duration $ease; - -moz-transition: $target $duration $ease; - -o-transition: $target $duration $ease; transition: $target $duration $ease; } //animation @mixin animation-delay($delay) { - -webkit-animation-delay: $delay; - /* Safari 4.0 - 8.0 */ animation-delay: $delay; } //animation @mixin animation($animate...) { - $max: length($animate); + $max: list.length($animate); $animations: ''; @for $i from 1 through $max { - $animations: #{$animations + nth($animate, $i)}; + $animations: #{$animations + list.nth($animate, $i)}; @if $i < $max { $animations: #{$animations + ", "}; } } - -webkit-animation: $animations; - -moz-animation: $animations; - -o-animation: $animations; - animation: $animations; + animation: #{$animations}; } //keyframes @mixin keyframes($animationName) { - @-webkit-keyframes #{$animationName} { - @content; - } - - @-moz-keyframes #{$animationName} { - @content; - } - - @-o-keyframes #{$animationName} { - @content; - } - @keyframes #{$animationName} { @content; } } @mixin border-radius($radius: 4px) { - -moz-border-radius: $radius; - -webkit-border-radius: $radius; - -ms-border-radius: $radius; - -o-border-radius: $radius; - -khtml-border-radius: $radius; border-radius: $radius; } diff --git a/p/themes/Ansum/_mobile.scss b/p/themes/Ansum/_mobile.scss index 824bb1056..c8399169b 100644 --- a/p/themes/Ansum/_mobile.scss +++ b/p/themes/Ansum/_mobile.scss @@ -1,3 +1,7 @@ +@use "mixins"; + +@use "variables"; + /*=== MOBILE */ /*===========*/ @@ -18,18 +22,18 @@ box-sizing: border-box; padding: 1rem 1rem 1rem 2.5rem; - background: url("../../themes/icons/logout.svg") no-repeat $sid-bg-dark 3% center; + background: url("../../themes/icons/logout.svg") no-repeat variables.$sid-bg-dark 3% center; display: inline-block; width: 100%; - color: $sid-font-color; + color: variables.$sid-font-color; - @include transition(all, 0.2s, ease-in-out); + @include mixins.transition(all, 0.2s, ease-in-out); &:hover, &:active { - background: url("../../themes/icons/logout.svg") no-repeat $alert-bg 3% center; + background: url("../../themes/icons/logout.svg") no-repeat variables.$alert-bg 3% center; text-decoration: none; - color: $white; + color: variables.$white; } } @@ -43,7 +47,7 @@ .aside { - @include transition(all, 0.2s, ease-in-out); + @include mixins.transition(all, 0.2s, ease-in-out); &.aside_feed { padding: 0; @@ -58,7 +62,7 @@ #panel .close, #close-slider.active, .dropdown-menu .toggle_aside { - background: $main-first-alt; + background: variables.$main-first-alt; display: block; width: 100%; height: 50px; @@ -149,9 +153,9 @@ .dropdown-target:target { ~ .dropdown-toggle::after { - background-color: $grey-lighter; - border-top: 1px solid $grey-light; - border-left: 1px solid $grey-light; + background-color: variables.$grey-lighter; + border-top: 1px solid variables.$grey-light; + border-left: 1px solid variables.$grey-light; right: 21px; bottom: -14px; } diff --git a/p/themes/Ansum/_reader-view.scss b/p/themes/Ansum/_reader-view.scss index e75e43d00..3390985b0 100644 --- a/p/themes/Ansum/_reader-view.scss +++ b/p/themes/Ansum/_reader-view.scss @@ -1,14 +1,16 @@ +@use "variables"; + /*=== READER VIEW */ /*================*/ #stream.reader .flux { padding: 0 0 50px; - background: $grey-light; - color: $main-font-color; + background: variables.$grey-light; + color: variables.$main-font-color; border: none; } #stream.reader .flux .author { margin: 0 0 10px; - color: $grey-medium-dark; + color: variables.$grey-medium-dark; font-size: 90%; } diff --git a/p/themes/Ansum/_sidebar.scss b/p/themes/Ansum/_sidebar.scss index d9a1d032f..0efbdaf4b 100644 --- a/p/themes/Ansum/_sidebar.scss +++ b/p/themes/Ansum/_sidebar.scss @@ -1,19 +1,25 @@ +@use "sass:string"; + +@use "mixins"; + +@use "variables"; + /*=== Tree */ .tree { margin: 10px 0; &#sidebar { scrollbar-color: rgba(255,255, 0, 0.1) rgba(0, 0, 0, 0.05); - scrollbar-color: unquote($sid-font-color+"33") unquote($sid-font-color+"22"); + scrollbar-color: string.unquote(variables.$sid-font-color + "33") string.unquote(variables.$sid-font-color + "22"); } .tree-folder { - border-bottom: 1px solid $sid-sep; + border-bottom: 1px solid variables.$sid-sep; box-shadow: inset -1px -11px 8px #0003; .tree-folder-title { padding: 12px 16px; - background: $sid-bg; + background: variables.$sid-bg; position: relative; font-size: 0.85rem; letter-spacing: 1px; @@ -22,7 +28,7 @@ .title { background: inherit; - color: $sid-font-color; + color: variables.$sid-font-color; &:hover { text-decoration: none; @@ -32,13 +38,13 @@ &.active { .tree-folder-title { - background: $sid-bg; + background: variables.$sid-bg; font-weight: bold; } } .tree-folder-items { - background: $sid-bg-alt; + background: variables.$sid-bg-alt; .item { padding: 0 1rem; @@ -46,38 +52,38 @@ font-size: 1rem; font-weight: 400; - @include transition(all, 0.15s, ease-in-out); + @include mixins.transition(all, 0.15s, ease-in-out); &.active { - background: $sid-active; + background: variables.$sid-active; .dropdown li a { - color: $main-font-color; + color: variables.$main-font-color; &:hover { - color: $sid-font-color; + color: variables.$sid-font-color; } } a { - color: $sid-active-font; + color: variables.$sid-active-font; } } &:hover { - background: $sid-bg-dark; + background: variables.$sid-bg-dark; } a { text-decoration: none; - color: $sid-font-color; + color: variables.$sid-font-color; } } .feed .item-title:not([data-unread="0"])::before { margin: 11px 6px 0 4px; padding: 3px 4px; - background: $sid-pills; + background: variables.$sid-pills; display: block; float: left; font-size: 0.75rem; @@ -117,20 +123,20 @@ .dropdown + .btn, .dropdown + input, .dropdown + .dropdown > .btn { - border-left: 1px solid $grey-medium-light; + border-left: 1px solid variables.$grey-medium-light; } } .aside { - background: $sid-bg; + background: variables.$sid-bg; &.aside_feed { padding: 10px 0; text-align: center; - background: $sid-bg; - border-right: 1px solid $sid-sep; + background: variables.$sid-bg; + border-right: 1px solid variables.$sid-sep; } &.aside_feed .tree { @@ -154,65 +160,65 @@ } .item { - background: $sid-bg; + background: variables.$sid-bg; - @include transition(all, 0.15s, ease-in-out); + @include mixins.transition(all, 0.15s, ease-in-out); a { padding: 0 1rem; - color: $sid-font-color; + color: variables.$sid-font-color; } .error { a { - color: $alert-bg; + color: variables.$alert-bg; } } &:hover { - background: $sid-bg-dark; - color: $sid-font-color; + background: variables.$sid-bg-dark; + color: variables.$sid-font-color; .error { a { - background: $main-first; - color: $sid-font-color; + background: variables.$main-first; + color: variables.$sid-font-color; } } .empty { a { - background: $warning-bg; - color: $sid-font-color; + background: variables.$warning-bg; + color: variables.$sid-font-color; } } a { - color: $sid-font-color; + color: variables.$sid-font-color; text-decoration: none; } } &.active { - background: $main-first; - color: $white; + background: variables.$main-first; + color: variables.$white; .error { a { - background: $main-first; - color: $white; + background: variables.$main-first; + color: variables.$white; } } .empty { a { - background: $warning-bg; - color: $white; + background: variables.$warning-bg; + color: variables.$white; } } a { - color: $white; + color: variables.$white; text-decoration: none; } } @@ -221,20 +227,20 @@ &.empty { a { - color: $warning-bg; + color: variables.$warning-bg; } } .disable { text-align: center; - background: $grey-lighter; - color: $grey-medium-dark; + background: variables.$grey-lighter; + color: variables.$grey-medium-dark; } .nav-header { padding: 0 10px; font-weight: bold; - color: $grey-dark; + color: variables.$grey-dark; text-transform: uppercase; letter-spacing: 1px; margin-top: 1rem; @@ -249,10 +255,10 @@ margin: 0; text-align: right; // background: #34495e; - color: $white; + color: variables.$white; a { - color: $white; + color: variables.$white; } .item { @@ -271,7 +277,7 @@ .aside_feed .tree-folder-title > .title:not([data-unread="0"])::after { margin: -0.25rem 1rem 0 0; padding: 0 0.75rem; - background: $sid-pills; + background: variables.$sid-pills; border-radius: 12px; position: absolute; right: 0; @@ -280,28 +286,28 @@ } .feed.item.empty.active { - background: $grey-dark; + background: variables.$grey-dark; } .feed.item.error.active { - background: $grey-dark; + background: variables.$grey-dark; } .feed.item.empty, .feed.item.empty > a { - color: $grey-dark; + color: variables.$grey-dark; } .feed.item.error, .feed.item.error > a { - color: $grey-dark; + color: variables.$grey-dark; } .feed.item.empty.active, .feed.item.error.active, .feed.item.empty.active > a, .feed.item.error.active > a { - color: $white; + color: variables.$white; } .aside_feed .tree-folder-items .dropdown-menu::after { @@ -315,5 +321,5 @@ } .aside_feed .stick #btn-add { - border-left-color: $sid-bg; + border-left-color: variables.$sid-bg; } diff --git a/p/themes/Ansum/_stats.scss b/p/themes/Ansum/_stats.scss index 592419166..f98f10234 100644 --- a/p/themes/Ansum/_stats.scss +++ b/p/themes/Ansum/_stats.scss @@ -1,3 +1,5 @@ +@use "variables"; + /*=== STATISTICS */ /*===============*/ .stat { @@ -12,7 +14,7 @@ .stat > table td, .stat > table th { - border-bottom: 1px solid $grey-medium-light; + border-bottom: 1px solid variables.$grey-medium-light; } .stat > .horizontal-list { diff --git a/p/themes/Ansum/_tables.scss b/p/themes/Ansum/_tables.scss index 2d0311608..4955fff6a 100644 --- a/p/themes/Ansum/_tables.scss +++ b/p/themes/Ansum/_tables.scss @@ -1,3 +1,5 @@ +@use "variables"; + /*=== Tables */ table { border-collapse: collapse; @@ -5,11 +7,11 @@ table { tr, th, td { padding: 0.5em; - border: 1px solid $grey-medium-light; + border: 1px solid variables.$grey-medium-light; } th { - background: $grey-lighter; + background: variables.$grey-lighter; } form td, diff --git a/p/themes/Ansum/_variables.scss b/p/themes/Ansum/_variables.scss index e899bec13..8e2190a93 100644 --- a/p/themes/Ansum/_variables.scss +++ b/p/themes/Ansum/_variables.scss @@ -49,5 +49,6 @@ $sid-bg-alt: #f7f2ea; // background inside groups $sid-bg-dark: #efe3d3; // les hovers $sid-sep: #f0e7da; // les séparateurs $sid-active: $main-first; // la couleur active -$sid-active-font: #fff; // la couleur active +// stylelint-disable-next-line color-hex-length +$sid-active-font: #ffffff; // la couleur active $sid-pills: rgba(35,35,0, 0.15); // les gélules diff --git a/p/themes/Ansum/ansum.css b/p/themes/Ansum/ansum.css index 0e92ce051..3a61c3be4 100644 --- a/p/themes/Ansum/ansum.css +++ b/p/themes/Ansum/ansum.css @@ -574,7 +574,7 @@ form th { color: #363330; } .tree .tree-folder .tree-folder-items .item.active a { - color: #fff; + color: #ffffff; } .tree .tree-folder .tree-folder-items .item:hover { background: #efe3d3; diff --git a/p/themes/Ansum/ansum.css.map b/p/themes/Ansum/ansum.css.map index c6f83daa5..4b9c8e262 100644 --- a/p/themes/Ansum/ansum.css.map +++ b/p/themes/Ansum/ansum.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["_fonts.scss","_mixins.scss","_forms.scss","_variables.scss","_tables.scss","_components.scss","_divers.scss","_sidebar.scss","_layout.scss","_list-view.scss","_global-view.scss","_reader-view.scss","_configuration.scss","_logs.scss","_stats.scss","_mobile.scss","ansum.scss"],"names":[],"mappings":"AAAA;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AC7DD;AAEA;ACFA;AACA;EACC;EACA;EACA,YCiBc;EDhBd;EACA,OCUW;EDTX;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EDRA;EACA;EACA;EACA;;ACSA;EACC,YCnBW;EDoBX,OCVM;;ADaN;EAEC,YCxBc;;AD6BhB;EACC,YCJS;EDKT;;AAEA;EAEC,YCPU;;ADWZ;EACC;;;AAIF;EACC;EACA;;;AAGD;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA,OCpDW;;;ADuDZ;EACC;EACA;EACA;;;AAGD;EACC;EACA,YCpEO;EDqEP,OChEW;EDiEX;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC,OCtFiB;EDuFjB,cC/FY;;;ADkGb;EACC,OCxEU;EDyEV,cCzEU;ED0EV;;;AAGD;EACC,YCtFY;;;ADyFb;EACC;;;AAID;EACC;EACA;;AAEA;EACC;EACA;EACA;;AAUD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;EACA;;AAID;EACC;;;AE5JF;AACA;EACC;;;AAGD;EACC;EACA;;;AAGD;EACC,YDUc;;;ACPf;AAAA;EAEC;EACA;;;ACjBD;AACA;AACA;AAGA;AACA;EACC;EACA;;AAEA;EACC;;AAEA;EACC;;;AAMH;AACA;EACC;EACA;EACA,YFHc;EEId;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKD;EAEC;EACA;EACA;EACA,OFlCU;EEmCV;EACA;;AAKD;EJlDA;EACA;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CC,YNhBS;;AMqBV;EACC,ONvDe;EMwDf;;AAGD;EACC;;AAIF;EACC;EACA;;AAGD;EACC;EACA;;;AAIF;EACC;EACA;EACA;;AAEA;EACC;;;AC1FF;AACA;AAWE;EACC;;AAID;EACC;EACA;;AAEA;EACC,OPNQ;EOOR;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA,YPbQ;EOcR;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC,OP1CQ;;AO+CX;EACC;;AAEA;EACC;EAEA;;AAEA;EACC,OPhDa;EOiDb;;AAEA;EACC,OP5DO;EO6DP;;;AAUN;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;;;ACjFD;AACA;AACA;EACC;EACA,YRgBY;EQfZ,ORIiB;EQHjB;;;AAGD;EACC;EACA,ORMkB;EQLlB;;;ACZD;AACA;EACC;EACA;;AAEA;EACC;;AAGA;EACC;;AAmBF;EACC;;AAGD;EAEC,OT1BgB;ES2BhB;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA,YTxBa;ESyBb;EAEA,OThCU;ESiCV;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;;AAEA;EACC,YT3DU;ES4DV;EACA;EACA;;;AAQH;EACC;EACA;;;AAIA;EACC;EACA;EACA;EACA;;AAEA;EACC;EACA;;;ACrFH;AACA;AACA;EACC;EACA;;;AAGD;EACC;EACA;EACA,YVWc;EUVd,OVKW;EUJX;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC,YVKU;EUJV;;;AAGD;EACC,YVIY;;;AUDb;EACC,YVZY;;;AUeb;EACC,YV9BmB;EU+BnB,OV1BO;;;AWXR;AACA;AACA;EACC;;;AAGD;AAAA;AAAA;EAGC;;;AAGD;AAAA;EAEC;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;;;AC5BD;AACA;AAEA;EAME;IACC;;EAEA;IACC;;EAGD;IACC;IACA;IAEA;IACA;IACA;IACA,OZsBa;IFtChB;IACA;IACA;IACA;;EciBG;IAEC;IACA;IACA,OZpBG;;;EY4BP;IACC;;;EAGD;AAAA;IAEC;;;EAGD;IdzCA;IACA;IACA;IACA;;Ec0CC;IACC;;EAGD;IACC;;;EAIF;AAAA;AAAA;IAGC,YZ9De;IY+Df;IACA;IACA;IACA;IACA;;;EAGD;IACC;;EAGC;IACC;;EAGD;IACC;;EAEA;IACC;;EAGD;IACC;IACA;;EAEA;IACC;;EAKF;IACC;IACA;;EAIF;IACC;;;EAKH;IACC;IACA;;;EAIA;IACC;IACA;;EAGD;IACC;;EAEA;IACC;IACA;;EAEA;IACC;;EAKH;IACC;IACA;;EAEA;IAEC;IACA;;EAEA;IACC;;;EAQF;IACC;;;EAOH;IACC;IACA;;EAEA;IACC;IAEA;IACA;IACA;IACA;;;EAKF;IACC;;;EAGD;IACC;;;EAGD;IACC;;EAEA;IACC;IACA;IACA;;EAGD;IACC;;EAGD;IACC;;;AClKH;AACA;AACA;EACC,YbjBY;EakBZ;EACA;EACA;;;AAGD;AACA;EACC;EACA,Ob7CY","file":"ansum.css"}
\ No newline at end of file +{"version":3,"sourceRoot":"","sources":["_fonts.scss","_mixins.scss","_forms.scss","_variables.scss","_tables.scss","_components.scss","_divers.scss","_sidebar.scss","_layout.scss","_list-view.scss","_global-view.scss","_reader-view.scss","_configuration.scss","_logs.scss","_stats.scss","_mobile.scss","ansum.scss"],"names":[],"mappings":"AAAA;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AC5DD;AAEA;ACCA;AACA;EACC;EACA;EACA,YCac;EDZd;EACA,OCMW;EDLX;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EDXA;;ACeA;EACC,YCvBW;EDwBX,OCdM;;ADiBN;EAEC,YC5Bc;;ADiChB;EACC,YCRS;EDST;;AAEA;EAEC,YCXU;;ADeZ;EACC;;;AAIF;EACC;EACA;;;AAGD;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA,OCxDW;;;AD2DZ;EACC;EACA;EACA;;;AAGD;EACC;EACA,YCxEO;EDyEP,OCpEW;EDqEX;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC,OC1FiB;ED2FjB,cCnGY;;;ADsGb;EACC,OC5EU;ED6EV,cC7EU;ED8EV;;;AAGD;EACC,YC1FY;;;AD6Fb;EACC;;;AAID;EACC;EACA;;AAEA;EACC;EACA;EACA;;AAUD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;;AAGD;EACC;EACA;;AAID;EACC;;;AE1JF;AACA;EACC;;;AAGD;EACC;EACA;;;AAGD;EACC,YDQc;;;ACLf;AAAA;EAEC;EACA;;;ACbD;AACA;AACA;AAGA;AACA;EACC;EACA;;AAEA;EACC;;AAEA;EACC;;;AAMH;AACA;EACC;EACA;EACA,YFTc;EEUd;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAGD;EAEC;EACA;EACA;EACA,OF/BU;EEgCV;EACA;;AAKD;EJ9CA;;AIkDC;EACC;EACA,OFnDe;EEoDf;EACA;;AAGD;EACC,YFjEU;EEkEV,OFxDK;;AE0D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","file":"ansum.css"}
\ No newline at end of file diff --git a/p/themes/Ansum/ansum.rtl.css b/p/themes/Ansum/ansum.rtl.css index d03cbcad4..990847458 100644 --- a/p/themes/Ansum/ansum.rtl.css +++ b/p/themes/Ansum/ansum.rtl.css @@ -574,7 +574,7 @@ form th { color: #363330; } .tree .tree-folder .tree-folder-items .item.active a { - color: #fff; + color: #ffffff; } .tree .tree-folder .tree-folder-items .item:hover { background: #efe3d3; diff --git a/p/themes/Ansum/ansum.scss b/p/themes/Ansum/ansum.scss index 337cc5f97..5f0cd0b5a 100644 --- a/p/themes/Ansum/ansum.scss +++ b/p/themes/Ansum/ansum.scss @@ -1,41 +1,41 @@ -@import "fonts"; +@use "fonts"; -@import "mixins"; +@use "mixins"; -@import "variables"; +@use "variables"; -@import "forms"; +@use "forms"; -@import "tables"; +@use "tables"; -@import "components"; +@use "components"; -@import "divers"; +@use "divers"; -@import "sidebar"; +@use "sidebar"; -@import "layout"; +@use "layout"; -@import "list-view"; +@use "list-view"; -@import "global-view"; +@use "global-view"; -@import "reader-view"; +@use "reader-view"; -@import "configuration"; +@use "configuration"; -@import "logs"; +@use "logs"; -@import "stats"; +@use "stats"; -@import "mobile"; +@use "mobile"; @charset "UTF-8"; /*=== GENERAL */ /*============*/ html, body { - background: $grey-light; + background: variables.$grey-light; height: 100%; font-family: "lato", "Helvetica", "Arial", sans-serif; font-size: 0.875rem; @@ -44,5 +44,5 @@ html, body { /*=== Links */ a, button.as-link { outline: none; - color: $main-first; + color: variables.$main-first; } diff --git a/p/themes/Mapco/_components.scss b/p/themes/Mapco/_components.scss index 35b4e5790..11b1ca92c 100644 --- a/p/themes/Mapco/_components.scss +++ b/p/themes/Mapco/_components.scss @@ -1,3 +1,9 @@ +@use "sass:string"; + +@use "mixins"; + +@use "variables"; + /*=== COMPONENTS */ /*===============*/ /*=== Forms */ @@ -22,7 +28,7 @@ .dropdown-menu { margin: 9px 0 0 0; padding: 0.5rem 0 1rem 0; - background: $grey-lighter; + background: variables.$grey-lighter; font-size: 1rem; border: none; border-radius: 3px; @@ -39,7 +45,7 @@ margin: 1.75rem 0 0.5rem 2rem; font-weight: bold; text-align: left; - color: $grey-dark; + color: variables.$grey-dark; text-transform: uppercase; letter-spacing: 1px; @@ -47,22 +53,22 @@ .item { - @include transition(all, 0.075s, ease-in-out); + @include mixins.transition(all, 0.075s, ease-in-out); a, span, .as-link { padding: 0 2rem; - color: $main-font-color; + color: variables.$main-font-color; font-size: 1rem; line-height: 2.5em; } &:hover { - background: $main-first; - color: $white; + background: variables.$main-first; + color: variables.$white; a, button { text-decoration: none; - color: $white; + color: variables.$white; } } @@ -84,7 +90,7 @@ .separator { margin: 0.75rem 0; - border-bottom: 1px solid $grey-light; + border-bottom: 1px solid variables.$grey-light; // display: none; } @@ -97,15 +103,15 @@ a, button { - color: $main-font-color; + color: variables.$main-font-color; &:hover { - color: $white; + color: variables.$white; } } &:hover { - background: $main-first; + background: variables.$main-first; } } } @@ -118,12 +124,12 @@ margin: 1rem 0; // width: 100%; padding: 1rem; - background: $grey-lighter; - color: $grey-dark; + background: variables.$grey-lighter; + color: variables.$grey-dark; font-size: 1rem; - border: 1px solid $grey-medium; + border: 1px solid variables.$grey-medium; border-radius: 3px; - text-shadow: 0 0 1px $grey-light; + text-shadow: 0 0 1px variables.$grey-light; } .alert-head { @@ -136,48 +142,48 @@ } .alert-warn { - background: $warning-light; - color: $warning-text; - border: 1px solid unquote($warning-text+'33'); // on ajoute l’opacité à la fin + background: variables.$warning-light; + color: variables.$warning-text; + border: 1px solid string.unquote(variables.$warning-text + '33'); // on ajoute l’opacité à la fin } .alert-success { - background: $success-light; - color: $success-text; - border: 1px solid unquote($success-text+'33'); + background: variables.$success-light; + color: variables.$success-text; + border: 1px solid string.unquote(variables.$success-text + '33'); } .alert-error { - background: $alert-light; - color: $alert-text; - border: 1px solid unquote($alert-text+'33'); + background: variables.$alert-light; + color: variables.$alert-text; + border: 1px solid string.unquote(variables.$alert-text + '33'); } /*=== Pagination */ .pagination { - background: $grey-light; - color: $main-font-color; + background: variables.$grey-light; + color: variables.$main-font-color; font-size: 0.8em; text-align: center; .item { &.pager-current { - background: $sid-bg; - color: $grey-light; + background: variables.$sid-bg; + color: variables.$grey-light; font-size: 1.5em; font-weight: bold; } a { display: block; - color: $main-font-color; + color: variables.$main-font-color; font-style: italic; line-height: 3em; text-decoration: none; &:hover { - background: $main-font-color; - color: $grey-light; + background: variables.$main-font-color; + color: variables.$grey-light; } } } @@ -197,7 +203,7 @@ /*=== Boxes */ .box { - background: $white; + background: variables.$white; // border: 1px solid #ddd; border: none; border-radius: 3px; @@ -207,8 +213,8 @@ .box-title { margin: 0; padding: 5px 10px; - background: $grey-light; - color: $main-font-color; + background: variables.$grey-light; + color: variables.$main-font-color; // border-bottom: 1px solid #ddd; border-radius: 2px 2px 0 0; @@ -233,7 +239,7 @@ } &:hover { - background: url("icons/cog-white.svg") no-repeat 4px 4px $main-first; + background: url("icons/cog-white.svg") no-repeat 4px 4px variables.$main-first; } } } @@ -269,9 +275,9 @@ .item { padding: 0.5rem 0; - color: $main-font-color; + color: variables.$main-font-color; font-size: 1rem; - border-bottom: 1px solid $grey-light; + border-bottom: 1px solid variables.$grey-light; line-height: 1.7em; img { @@ -295,7 +301,7 @@ &:hover { // background: $main-first; - background: url("icons/cog-white.svg") no-repeat 4px 4px $main-first; + background: url("icons/cog-white.svg") no-repeat 4px 4px variables.$main-first; } } @@ -311,13 +317,13 @@ #bigMarkAsRead { text-align: center; text-decoration: none; - background: $main-first-light; - color: $main-first; + background: variables.$main-first-light; + color: variables.$main-first; - @include transition(all, 0.15s, ease-in-out); + @include mixins.transition(all, 0.15s, ease-in-out); &:hover { - background: $main-first; + background: variables.$main-first; color: #fff; .bigTick { @@ -338,7 +344,7 @@ // page de login .formLogin { - background: $sid-bg; + background: variables.$sid-bg; .header { .configure { @@ -349,13 +355,13 @@ } a.signin { - color: $white; + color: variables.$white; } } } h1 { - color: $white; + color: variables.$white; } form#crypto-form { @@ -363,18 +369,18 @@ margin-bottom: 1rem; label { - color: $grey-medium; + color: variables.$grey-medium; font-size: 1rem; } input { - background: $main-first-darker; + background: variables.$main-first-darker; &:focus { - background: $grey-lighter; - color: $main-font-color; + background: variables.$grey-lighter; + color: variables.$main-font-color; } } } diff --git a/p/themes/Mapco/_configuration.scss b/p/themes/Mapco/_configuration.scss index 26e9d65fe..e2f9d054a 100644 --- a/p/themes/Mapco/_configuration.scss +++ b/p/themes/Mapco/_configuration.scss @@ -1,3 +1,5 @@ +@use "variables"; + /*=== Configuration pages */ .post { padding: 1rem 2rem; @@ -33,7 +35,7 @@ h1, h2 { // pages titles // font-family: "spectral"; - color: $main-font-color; + color: variables.$main-font-color; font-size: 3rem; margin-top: 1.75rem; font-weight: 300; @@ -43,12 +45,12 @@ a[href="./"] { // C’est le bouton "Retour à vos flux" margin: 0; padding: 0.75rem 1.5rem; - background: $grey-lighter; + background: variables.$grey-lighter; display: inline-block; // border: none; - color: $grey-dark; + color: variables.$grey-dark; font-size: 1rem; - border: 1px solid $grey-medium-light; + border: 1px solid variables.$grey-medium-light; border-radius: 5px; // min-height: 38px; min-width: 15px; @@ -58,9 +60,9 @@ overflow: hidden; &:hover { - background: $main-first; + background: variables.$main-first; color: white; - border: 1px solid $main-first; + border: 1px solid variables.$main-first; text-decoration: none; } } 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 { diff --git a/p/themes/Mapco/_global-view.scss b/p/themes/Mapco/_global-view.scss index 7d24a9109..c2055c64f 100644 --- a/p/themes/Mapco/_global-view.scss +++ b/p/themes/Mapco/_global-view.scss @@ -1,3 +1,5 @@ +@use "variables"; + /*=== GLOBAL VIEW */ /*================*/ #stream { @@ -20,7 +22,7 @@ background: none; a.title { - color: $grey-dark; + color: variables.$grey-dark; font-size: 1rem; font-weight: normal; text-decoration: none; @@ -31,7 +33,7 @@ &:not([data-unread="0"])::after { margin: -0.5rem 1rem 0 0; padding: 0 0.75rem; - background: $grey-light; + background: variables.$grey-light; border-radius: 12px; position: absolute; top: 1.75rem; @@ -41,7 +43,7 @@ } &:hover { - color: $main-first; + color: variables.$main-first; } } } @@ -55,11 +57,11 @@ font-size: 1rem; a { - color: $main-font-color; + color: variables.$main-font-color; font-weight: 400; &:hover { - color: $main-first; + color: variables.$main-first; text-decoration: none; } } diff --git a/p/themes/Mapco/_layout.scss b/p/themes/Mapco/_layout.scss index d3f87c9e2..30feb9f19 100644 --- a/p/themes/Mapco/_layout.scss +++ b/p/themes/Mapco/_layout.scss @@ -1,9 +1,13 @@ +@use "mixins"; + +@use "variables"; + /*=== STRUCTURE */ /*===============*/ /*=== Header */ .header { padding: 0.5rem 1.35rem; - background: $sid-bg; + background: variables.$sid-bg; display: block; width: auto; table-layout: none; @@ -36,22 +40,22 @@ // width: 50%; input { width: 230px; - color: $sid-font-color; + color: variables.$sid-font-color; border: none; border-radius: 2px 0 0 2px; - background-color: $sid-bg-alt; + background-color: variables.$sid-bg-alt; - @include transition(all, 0.15s, ease-in-out); + @include mixins.transition(all, 0.15s, ease-in-out); &:hover { - background-color: $sid-bg-dark; + background-color: variables.$sid-bg-dark; } &:focus { width: 350px; - color: $grey-dark; + color: variables.$grey-dark; - background-color: $white; + background-color: variables.$white; } } @@ -61,7 +65,7 @@ width: 3rem; border-radius: 0 2px 2px 0; - background-color: $main-first; + background-color: variables.$main-first; background-position: center; background-repeat: no-repeat; background-image: url(icons/magnifier.svg); @@ -70,7 +74,7 @@ min-height: 35px; &:hover { - background-color: $main-first-alt; + background-color: variables.$main-first-alt; } } } @@ -137,19 +141,19 @@ /*=== New article notification */ #new-article { - background: $main-first; + background: variables.$main-first; font-size: 1rem; text-align: center; } #new-article:hover { - background: $main-first-alt; + background: variables.$main-first-alt; } #new-article > a { line-height: 3em; font-weight: bold; - color: $white; + color: variables.$white; } #new-article > a:hover { @@ -159,7 +163,7 @@ /*=== Day indication */ .day { padding: 1rem 0 0 1.25rem; - color: $light-font-color; + color: variables.$light-font-color; font-size: 0.875rem; font-weight: 700; line-height: 3em; @@ -169,7 +173,7 @@ .name { padding: 0 1rem 0 1rem; // font-weight: 700; - color: $main-font-color; + color: variables.$main-font-color; font-size: 0.875rem; position: relative; left: 0; @@ -187,33 +191,33 @@ .btn { border-left-width: 0; padding: 0.5rem 1rem; - background-color: $grey-lighter; + background-color: variables.$grey-lighter; background-position: center; background-repeat: no-repeat; &:hover { - background-color: $grey-light; + background-color: variables.$grey-light; } } .stick { - background: $grey-lighter; + background: variables.$grey-lighter; .btn { border-left-width: 0; padding: 0.5rem 1rem; - background-color: $grey-lighter; + background-color: variables.$grey-lighter; background-position: center; background-repeat: no-repeat; - @include transition(all, 0.15s, ease-in-out); + @include mixins.transition(all, 0.15s, ease-in-out); &:hover { - background-color: $grey-medium-light; + background-color: variables.$grey-medium-light; } &.active { - background-color: $main-first; + background-color: variables.$main-first; } img.icon {display: none;} // on efface pour afficher nos icones, mouhahaha !! @@ -256,13 +260,13 @@ &.read_all { padding: 5px 16px; // min-height: 0; - color: $main-font-color; - background-color: $grey-lighter; + color: variables.$main-font-color; + background-color: variables.$grey-lighter; - @include transition(all, 0.15s, ease-in-out); + @include mixins.transition(all, 0.15s, ease-in-out); &:hover { - background-color: $grey-medium-light; + background-color: variables.$grey-medium-light; } } @@ -309,7 +313,7 @@ #dropdown-query ~ .dropdown-menu .dropdown-header .icon { vertical-align: middle; - background-color: $grey-medium-dark; + background-color: variables.$grey-medium-dark; border-radius: 3px; } @@ -323,19 +327,19 @@ h1.title, h1 { a { - color: $main-font-color; + color: variables.$main-font-color; font-family: "spectral", serif; font-size: 2rem; &:hover { - color: $main-first; + color: variables.$main-first; text-decoration: none; } } } .author { - color: $light-font-color; + color: variables.$light-font-color; font-size: 1.125rem; } @@ -346,7 +350,7 @@ .content hr { margin: 30px 10px; - background: $grey-medium-light; + background: variables.$grey-medium-light; height: 1px; border: 0; box-shadow: 0 2px 5px #ccc; @@ -356,22 +360,22 @@ margin: 10px auto; padding: 10px 20px; overflow: auto; - background: $main-first-darker; - color: $white; + background: variables.$main-first-darker; + color: variables.$white; font-size: 0.9rem; border-radius: 3px; code { background: transparent; - color: $white; + color: variables.$white; border: none; } } code { padding: 2px 5px; - background: $grey-lighter; - border: 1px solid $grey-light; + background: variables.$grey-lighter; + border: 1px solid variables.$grey-light; border-radius: 3px; } @@ -379,11 +383,11 @@ blockquote { margin: 0; padding: 5px 20px; - background: $grey-lighter; + background: variables.$grey-lighter; display: block; - color: $main-font-color; - border-top: 1px solid $grey-medium-light; - border-bottom: 1px solid $grey-medium-light; + color: variables.$main-font-color; + border-top: 1px solid variables.$grey-medium-light; + border-bottom: 1px solid variables.$grey-medium-light; p { margin: 0; @@ -397,10 +401,10 @@ .notification { padding: 1rem 0; - background: $grey-medium-light; + background: variables.$grey-medium-light; width: 100%; height: 3rem; - color: $grey-dark; + color: variables.$grey-dark; // font-weight: bold; font-size: 1em; // border-radius: 3px; @@ -421,13 +425,13 @@ } &.good { - background: $success-bg; - color: $white; + background: variables.$success-bg; + color: variables.$white; } &.bad { - background: $alert-bg; - color: $white; + background: variables.$alert-bg; + color: variables.$white; } a.close { @@ -437,11 +441,11 @@ } &.good a.close:hover { - background: $success-text; + background: variables.$success-text; } &.bad a.close:hover { - background: $alert-text; + background: variables.$alert-text; } &#actualizeProgress { @@ -460,5 +464,5 @@ text-align: center; line-height: 3em; table-layout: fixed; - background: $sid-bg; + background: variables.$sid-bg; } diff --git a/p/themes/Mapco/_list-view.scss b/p/themes/Mapco/_list-view.scss index fcb7afe08..cd6e9efa5 100644 --- a/p/themes/Mapco/_list-view.scss +++ b/p/themes/Mapco/_list-view.scss @@ -1,69 +1,75 @@ +@use "sass:color"; + +@use "mixins"; + +@use "variables"; + /*=== Feed articles */ .flux { // border-left: 2px solid #ecf0f1; - background: $white; + background: variables.$white; - @include transition(all, 0.15s, ease-in-out); + @include mixins.transition(all, 0.15s, ease-in-out); &:hover { - background: $grey-lighter; + background: variables.$grey-lighter; &:not(.current):hover .item.title { - background: $grey-lighter; + background: variables.$grey-lighter; } } &.current { - background: $grey-lighter; - border-left-color: $main-first; + background: variables.$grey-lighter; + border-left-color: variables.$main-first; } &.not_read:not(.current) { - background: $unread-bg; //-------------------- + background: variables.$unread-bg; //-------------------- &:hover .item.title { - background: $unread-bg; + background: variables.$unread-bg; } } &.not_read { .item.title { a { - color: $unread-font-color; //-------------------- + color: variables.$unread-font-color; //-------------------- } } .item.website { a { - color: $unread-font-color; //-------------------- + color: variables.$unread-font-color; //-------------------- } } .item.date { - color: scale-color($unread-font-color, $alpha: -50%); + color: color.scale(variables.$unread-font-color, $alpha: -50%); } } &.favorite { - border-left-color: $fav-bg; + border-left-color: variables.$fav-bg; - @include transition(all, 0.15s, ease-in-out); + @include mixins.transition(all, 0.15s, ease-in-out); } &.favorite:not(.current) { - background: $fav-light; + background: variables.$fav-light; &:hover .item.title { - background: $fav-light; + background: variables.$fav-light; } } .website { a { - color: $main-font-color; + color: variables.$main-font-color; opacity: 0.75; } @@ -73,7 +79,7 @@ } .item.date { - color: scale-color($main-font-color, $alpha: -50%); + color: color.scale(variables.$main-font-color, $alpha: -50%); font-size: 0.85rem; } @@ -86,7 +92,7 @@ .flux_header { font-size: 1rem; cursor: pointer; - border-top: 1px solid $grey-light; + border-top: 1px solid variables.$grey-light; .title { font-size: 1rem; diff --git a/p/themes/Mapco/_logs.scss b/p/themes/Mapco/_logs.scss index 82eead3c9..2ea26e68b 100644 --- a/p/themes/Mapco/_logs.scss +++ b/p/themes/Mapco/_logs.scss @@ -1,15 +1,17 @@ +@use "variables"; + /*=== LOGS */ /*=========*/ .loglist { overflow: hidden; - border: 1px solid $grey-medium-dark; + border: 1px solid variables.$grey-medium-dark; } .log { margin: 10px 0; padding: 5px 2%; - background: $grey-lighter; - color: $grey-dark; + background: variables.$grey-lighter; + color: variables.$grey-dark; font-size: 0.8rem; overflow: auto; } @@ -21,19 +23,19 @@ } .log.error > .date { - background: $alert-bg; + background: variables.$alert-bg; color: #fff; } .log.warning > .date { - background: $warning-bg; + background: variables.$warning-bg; } .log.notice > .date { - background: $grey-light; + background: variables.$grey-light; } .log.debug > .date { - background: $main-first-darker; - color: $white; + background: variables.$main-first-darker; + color: variables.$white; } diff --git a/p/themes/Mapco/_mixins.scss b/p/themes/Mapco/_mixins.scss index 9dbed6945..d86cf8f07 100644 --- a/p/themes/Mapco/_mixins.scss +++ b/p/themes/Mapco/_mixins.scss @@ -1,3 +1,4 @@ +@use "sass:list"; /* stylelint-disable property-no-vendor-prefix */ /* FUNCTIONS */ @@ -5,67 +6,40 @@ //animation @mixin transition($target, $duration, $ease) { - -webkit-transition: $target $duration $ease; - -moz-transition: $target $duration $ease; - -o-transition: $target $duration $ease; - -ms-transition: $target $duration $ease; transition: $target $duration $ease; } //animation @mixin animation-delay($delay) { - -webkit-animation-delay: $delay; - /* Safari 4.0 - 8.0 */ animation-delay: $delay; } //animation @mixin animation($animate...) { - $max: length($animate); + $max: list.length($animate); $animations: ''; @for $i from 1 through $max { - $animations: #{$animations + nth($animate, $i)}; + $animations: #{$animations + list.nth($animate, $i)}; @if $i < $max { $animations: #{$animations + ", "}; } } - -webkit-animation: $animations; - -moz-animation: $animations; - -o-animation: $animations; - -ms-transition: $animations; - animation: $animations; + animation: #{$animations}; } //keyframes @mixin keyframes($animationName) { - @-webkit-keyframes #{$animationName} { - @content; - } - - @-moz-keyframes #{$animationName} { - @content; - } - - @-o-keyframes #{$animationName} { - @content; - } - @keyframes #{$animationName} { @content; } } @mixin border-radius($radius: 4px) { - -moz-border-radius: $radius; - -webkit-border-radius: $radius; - -ms-border-radius: $radius; - -o-border-radius: $radius; - -khtml-border-radius: $radius; border-radius: $radius; } diff --git a/p/themes/Mapco/_mobile.scss b/p/themes/Mapco/_mobile.scss index 068cb1d18..357369f05 100644 --- a/p/themes/Mapco/_mobile.scss +++ b/p/themes/Mapco/_mobile.scss @@ -1,3 +1,7 @@ +@use "mixins"; + +@use "variables"; + /*=== MOBILE */ /*===========*/ @@ -18,16 +22,16 @@ box-sizing: border-box; padding: 1rem 1rem 1rem 2.5rem; - background: url("../../themes/icons/logout.svg") no-repeat $sid-bg-dark 3% center; + background: url("../../themes/icons/logout.svg") no-repeat variables.$sid-bg-dark 3% center; display: inline-block; width: 100%; - color: $sid-font-color; + color: variables.$sid-font-color; - @include transition(all, 0.2s, ease-in-out); + @include mixins.transition(all, 0.2s, ease-in-out); &:hover, &:active { - background: url("../../themes/icons/logout.svg") no-repeat $alert-bg 3% center; + background: url("../../themes/icons/logout.svg") no-repeat variables.$alert-bg 3% center; text-decoration: none; } } @@ -42,7 +46,7 @@ .aside { - @include transition(all, 0.2s, ease-in-out); + @include mixins.transition(all, 0.2s, ease-in-out); &.aside_feed { padding: 0; @@ -57,7 +61,7 @@ #panel .close, #close-slider.active, .dropdown-menu .toggle_aside { - background: $main-first-alt; + background: variables.$main-first-alt; display: block; width: 100%; height: 50px; @@ -149,9 +153,9 @@ .dropdown-target:target { ~ .dropdown-toggle::after { - background-color: $grey-lighter; - border-top: 1px solid $grey-light; - border-left: 1px solid $grey-light; + background-color: variables.$grey-lighter; + border-top: 1px solid variables.$grey-light; + border-left: 1px solid variables.$grey-light; right: 21px; bottom: -14px; } diff --git a/p/themes/Mapco/_reader-view.scss b/p/themes/Mapco/_reader-view.scss index e75e43d00..3390985b0 100644 --- a/p/themes/Mapco/_reader-view.scss +++ b/p/themes/Mapco/_reader-view.scss @@ -1,14 +1,16 @@ +@use "variables"; + /*=== READER VIEW */ /*================*/ #stream.reader .flux { padding: 0 0 50px; - background: $grey-light; - color: $main-font-color; + background: variables.$grey-light; + color: variables.$main-font-color; border: none; } #stream.reader .flux .author { margin: 0 0 10px; - color: $grey-medium-dark; + color: variables.$grey-medium-dark; font-size: 90%; } diff --git a/p/themes/Mapco/_sidebar.scss b/p/themes/Mapco/_sidebar.scss index 223deed39..0e749b603 100644 --- a/p/themes/Mapco/_sidebar.scss +++ b/p/themes/Mapco/_sidebar.scss @@ -1,19 +1,25 @@ +@use "sass:string"; + +@use "mixins"; + +@use "variables"; + /*=== Tree */ .tree { margin: 10px 0; &#sidebar { scrollbar-color: rgba(255,255, 0, 0.1) rgba(0, 0, 0, 0.05); - scrollbar-color: unquote($sid-font-color+"33") unquote($sid-font-color+"22"); + scrollbar-color: string.unquote(variables.$sid-font-color + "33") string.unquote(variables.$sid-font-color + "22"); } .tree-folder { - border-bottom: 1px solid $sid-sep; + border-bottom: 1px solid variables.$sid-sep; .tree-folder-title { padding: 12px 16px; - background: $sid-bg; + background: variables.$sid-bg; position: relative; font-size: 0.85rem; letter-spacing: 1px; @@ -22,7 +28,7 @@ .title { background: inherit; - color: $sid-font-color; + color: variables.$sid-font-color; &:hover { text-decoration: none; @@ -32,13 +38,13 @@ &.active { .tree-folder-title { - background: $sid-bg; + background: variables.$sid-bg; font-weight: bold; } } .tree-folder-items { - background: $sid-bg-alt; + background: variables.$sid-bg-alt; .item { padding: 0 1rem; @@ -46,38 +52,38 @@ font-size: 1rem; font-weight: 400; - @include transition(all, 0.15s, ease-in-out); + @include mixins.transition(all, 0.15s, ease-in-out); &.active { - background: $sid-active; + background: variables.$sid-active; .dropdown li a { - color: $main-font-color; + color: variables.$main-font-color; &:hover { - color: $sid-font-color; + color: variables.$sid-font-color; } } a { - color: $sid-active-font; + color: variables.$sid-active-font; } } &:hover { - background: $sid-bg-dark; + background: variables.$sid-bg-dark; } a { text-decoration: none; - color: $sid-font-color; + color: variables.$sid-font-color; } } .feed .item-title:not([data-unread="0"])::before { margin: 11px 6px 0 4px; padding: 3px 4px; - background: $sid-pills; + background: variables.$sid-pills; display: block; float: left; font-size: 0.75rem; @@ -117,18 +123,18 @@ .dropdown + .btn, .dropdown + input, .dropdown + .dropdown > .btn { - border-left: 1px solid $grey-medium-light; + border-left: 1px solid variables.$grey-medium-light; } } .aside { - background: $sid-bg; + background: variables.$sid-bg; &.aside_feed { padding: 10px 0; text-align: center; - background: $sid-bg; + background: variables.$sid-bg; } &.aside_feed .tree { @@ -152,65 +158,65 @@ } .item { - background: $sid-bg; + background: variables.$sid-bg; - @include transition(all, 0.15s, ease-in-out); + @include mixins.transition(all, 0.15s, ease-in-out); a { padding: 0 1rem; - color: $sid-font-color; + color: variables.$sid-font-color; } .error { a { - color: $alert-bg; + color: variables.$alert-bg; } } &:hover { - background: $sid-bg-dark; - color: $sid-font-color; + background: variables.$sid-bg-dark; + color: variables.$sid-font-color; .error { a { - background: $main-first; - color: $sid-font-color; + background: variables.$main-first; + color: variables.$sid-font-color; } } .empty { a { - background: $warning-bg; - color: $sid-font-color; + background: variables.$warning-bg; + color: variables.$sid-font-color; } } a { - color: $sid-font-color; + color: variables.$sid-font-color; text-decoration: none; } } &.active { - background: $main-first; - color: $white; + background: variables.$main-first; + color: variables.$white; .error { a { - background: $main-first; - color: $white; + background: variables.$main-first; + color: variables.$white; } } .empty { a { - background: $warning-bg; - color: $white; + background: variables.$warning-bg; + color: variables.$white; } } a { - color: $white; + color: variables.$white; text-decoration: none; } } @@ -219,20 +225,20 @@ &.empty { a { - color: $warning-bg; + color: variables.$warning-bg; } } .disable { text-align: center; - background: $grey-lighter; - color: $grey-medium-dark; + background: variables.$grey-lighter; + color: variables.$grey-medium-dark; } .nav-header { padding: 0 10px; font-weight: bold; - color: $grey-dark; + color: variables.$grey-dark; text-transform: uppercase; letter-spacing: 1px; margin-top: 1rem; @@ -247,10 +253,10 @@ margin: 0; text-align: right; // background: #34495e; - color: $white; + color: variables.$white; a { - color: $white; + color: variables.$white; } .item { @@ -269,7 +275,7 @@ .aside_feed .tree-folder-title > .title:not([data-unread="0"])::after { margin: -0.25rem 1rem 0 0; padding: 0 0.75rem; - background: $sid-pills; + background: variables.$sid-pills; border-radius: 12px; position: absolute; right: 0; @@ -278,28 +284,28 @@ } .feed.item.empty.active { - background: $grey-dark; + background: variables.$grey-dark; } .feed.item.error.active { - background: $grey-dark; + background: variables.$grey-dark; } .feed.item.empty, .feed.item.empty > a { - color: $grey-dark; + color: variables.$grey-dark; } .feed.item.error, .feed.item.error > a { - color: $grey-dark; + color: variables.$grey-dark; } .feed.item.empty.active, .feed.item.error.active, .feed.item.empty.active > a, .feed.item.error.active > a { - color: $white; + color: variables.$white; } .aside_feed .tree-folder-items .dropdown-menu::after { @@ -313,5 +319,5 @@ } .aside_feed .stick #btn-add { - border-left-color: $sid-bg; + border-left-color: variables.$sid-bg; } diff --git a/p/themes/Mapco/_stats.scss b/p/themes/Mapco/_stats.scss index 592419166..f98f10234 100644 --- a/p/themes/Mapco/_stats.scss +++ b/p/themes/Mapco/_stats.scss @@ -1,3 +1,5 @@ +@use "variables"; + /*=== STATISTICS */ /*===============*/ .stat { @@ -12,7 +14,7 @@ .stat > table td, .stat > table th { - border-bottom: 1px solid $grey-medium-light; + border-bottom: 1px solid variables.$grey-medium-light; } .stat > .horizontal-list { diff --git a/p/themes/Mapco/_tables.scss b/p/themes/Mapco/_tables.scss index 2d0311608..4955fff6a 100644 --- a/p/themes/Mapco/_tables.scss +++ b/p/themes/Mapco/_tables.scss @@ -1,3 +1,5 @@ +@use "variables"; + /*=== Tables */ table { border-collapse: collapse; @@ -5,11 +7,11 @@ table { tr, th, td { padding: 0.5em; - border: 1px solid $grey-medium-light; + border: 1px solid variables.$grey-medium-light; } th { - background: $grey-lighter; + background: variables.$grey-lighter; } form td, diff --git a/p/themes/Mapco/_variables.scss b/p/themes/Mapco/_variables.scss index a932cd83a..0b5e65315 100644 --- a/p/themes/Mapco/_variables.scss +++ b/p/themes/Mapco/_variables.scss @@ -43,11 +43,13 @@ $fav-bg: #ffc300; $fav-light: #fff6da; // la couleur de sidebar, utile si on a envie d’un thème qui aurait une sidebar foncé, e.g. -$sid-font-color: #fff; // la couleur de fond de la barre de gauche et du header +// stylelint-disable-next-line color-hex-length +$sid-font-color: #ffffff; // la couleur de fond de la barre de gauche et du header $sid-bg: #303136; // le background général de la barre de gauche, et du header $sid-bg-alt: #26272a; // background inside groups $sid-bg-dark: #17181a; // les hovers $sid-sep: #3f3f3f; // les séparateurs $sid-active: $main-first; // la couleur active -$sid-active-font: #fff; // la couleur active +// stylelint-disable-next-line color-hex-length +$sid-active-font: #ffffff; // la couleur active $sid-pills: rgba(0,0,0, 0.25); // les gélules diff --git a/p/themes/Mapco/mapco.css b/p/themes/Mapco/mapco.css index 741df030b..9d4a5d813 100644 --- a/p/themes/Mapco/mapco.css +++ b/p/themes/Mapco/mapco.css @@ -525,7 +525,7 @@ form th { } .tree#sidebar { scrollbar-color: rgba(255, 255, 0, 0.1) rgba(0, 0, 0, 0.05); - scrollbar-color: #fff33 #fff22; + scrollbar-color: #ffffff33 #ffffff22; } .tree .tree-folder { border-bottom: 1px solid #3f3f3f; @@ -541,7 +541,7 @@ form th { } .tree .tree-folder .tree-folder-title .title { background: inherit; - color: #fff; + color: #ffffff; } .tree .tree-folder .tree-folder-title .title:hover { text-decoration: none; @@ -567,17 +567,17 @@ form th { color: #303136; } .tree .tree-folder .tree-folder-items .item.active .dropdown li a:hover { - color: #fff; + color: #ffffff; } .tree .tree-folder .tree-folder-items .item.active a { - color: #fff; + color: #ffffff; } .tree .tree-folder .tree-folder-items .item:hover { background: #17181a; } .tree .tree-folder .tree-folder-items .item a { text-decoration: none; - color: #fff; + color: #ffffff; } .tree .tree-folder .tree-folder-items .feed .item-title:not([data-unread="0"])::before { margin: 11px 6px 0 4px; @@ -645,25 +645,25 @@ form th { } .nav-list .item a { padding: 0 1rem; - color: #fff; + color: #ffffff; } .nav-list .item .error a { color: #f5633e; } .nav-list .item:hover { background: #17181a; - color: #fff; + color: #ffffff; } .nav-list .item:hover .error a { background: #36c; - color: #fff; + color: #ffffff; } .nav-list .item:hover .empty a { background: #f4f762; - color: #fff; + color: #ffffff; } .nav-list .item:hover a { - color: #fff; + color: #ffffff; text-decoration: none; } .nav-list .item.active { @@ -797,7 +797,7 @@ form th { } .header .item.search input { width: 230px; - color: #fff; + color: #ffffff; border: none; border-radius: 2px 0 0 2px; background-color: #26272a; @@ -1418,7 +1418,7 @@ form th { background: url("../../themes/icons/logout.svg") no-repeat #17181a 3% center; display: inline-block; width: 100%; - color: #fff; + color: #ffffff; transition: all 0.2s ease-in-out; } ul.nav .item a:hover, ul.nav .item a:active { diff --git a/p/themes/Mapco/mapco.css.map b/p/themes/Mapco/mapco.css.map index 1151acdaf..b88820ec7 100644 --- a/p/themes/Mapco/mapco.css.map +++ b/p/themes/Mapco/mapco.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["_fonts.scss","_mixins.scss","_forms.scss","_variables.scss","_tables.scss","_components.scss","_divers.scss","_sidebar.scss","_layout.scss","_list-view.scss","_global-view.scss","_reader-view.scss","_configuration.scss","_logs.scss","_stats.scss","_mobile.scss","mapco.scss"],"names":[],"mappings":"AAAA;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AC7DD;AAEA;ACFA;AACA;EACC;EACA;EACA,YCiBc;EDhBd;EACA,OCUW;EDTX;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EDRA;EACA;EACA;EACA;EACA;;ACQA;EACC,YCnBW;EDoBX,OCVM;;ADaN;EAEC,YCxBc;;AD6BhB;EACC,YCJS;EDKT;;AAEA;EAEC,YCPU;;ADWZ;EACC;;;AAIF;EACC;EACA;;;AAGD;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA,OCpDW;;;ADuDZ;EACC;EACA;EACA;;;AAGD;EACC;EACA,YCpEO;EDqEP,OChEW;EDiEX;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC,OCtFiB;EDuFjB,cC/FY;;;ADkGb;EACC,OCxEU;EDyEV,cCzEU;ED0EV;;;AAGD;EACC,YCtFY;;;ADyFb;EACC;;;AAID;EACC;EACA;;AAEA;EACC;EACA;EACA;;AAUD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;EACA;;AAID;EACC;;;AE5JF;AACA;EACC;;;AAGD;EACC;EACA;;;AAGD;EACC,YDUc;;;ACPf;AAAA;EAEC;EACA;;;ACjBD;AACA;AACA;AAGA;AACA;EACC;EACA;;AAEA;EACC;;AAEA;EACC;;;AAMH;AACA;EACC;EACA;EACA,YFHc;EEId;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKD;EAEC;EACA;EACA;EACA,OFlCU;EEmCV;EACA;;AAID;EJjDA;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CA;EACA;EACA;;AQ4CA;EACC,YNdU;;AMgBV;EACC,YNjBS;;AMsBV;EACC,ONxDe;EMyDf;;AAGD;EACC;;AAIF;EACC;EACA;;AAGD;EACC;EACA;;;AAIF;EACC;EACA;EACA;;AAEA;EACC;;;AC3FF;AACA;AAWE;EACC;;AAID;EACC;EACA;;AAEA;EACC,OPNQ;EOOR;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA,YPbQ;EOcR;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC,OP1CQ;;AO+CX;EACC;;AAEA;EACC;EAEA;;AAEA;EACC,OPhDa;EOiDb;;AAEA;EACC,OP5DO;EO6DP;;;AAUN;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;;;ACjFD;AACA;AACA;EACC;EACA,YRgBY;EQfZ,ORIiB;EQHjB;;;AAGD;EACC;EACA,ORMkB;EQLlB;;;ACZD;AACA;EACC;EACA;;AAEA;EACC;;AAGA;EACC;;AAmBF;EACC;;AAGD;EAEC,OT1BgB;ES2BhB;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA,YTxBa;ESyBb;EAEA,OThCU;ESiCV;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;;AAEA;EACC,YT3DU;ES4DV;EACA;EACA;;;AAQH;EACC;EACA;;;AAIA;EACC;EACA;EACA;EACA;;AAEA;EACC;EACA;;;ACrFH;AACA;AACA;EACC;EACA;;;AAGD;EACC;EACA;EACA,YVWc;EUVd,OVKW;EUJX;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC,YVKU;EUJV;;;AAGD;EACC,YVIY;;;AUDb;EACC,YVZY;;;AUeb;EACC,YV9BmB;EU+BnB,OV1BO;;;AWXR;AACA;AACA;EACC;;;AAGD;AAAA;AAAA;EAGC;;;AAGD;AAAA;EAEC;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;;;AC5BD;AACA;AAEA;EAME;IACC;;EAEA;IACC;;EAGD;IACC;IACA;IAEA;IACA;IACA;IACA,OZsBa;IFtChB;IACA;IACA;IACA;IACA;;EcgBG;IAEC;IACA;;;EAQJ;IACC;;;EAGD;AAAA;IAEC;;;EAGD;IdxCA;IACA;IACA;IACA;IACA;;EcwCC;IACC;;EAGD;IACC;;;EAIF;AAAA;AAAA;IAGC,YZ7De;IY8Df;IACA;IACA;IACA;IACA;;;EAGD;IACC;;EAGC;IACC;;EAGD;IACC;;EAEA;IACC;;EAGD;IACC;IACA;;EAEA;IACC;;EAKF;IACC;IACA;;EAIF;IACC;;;EAKH;IACC;IACA;;;EAIA;IACC;IACA;;EAGD;IACC;;EAEA;IACC;IACA;;EAEA;IACC;;EAKH;IACC;IACA;;EAEA;IAEC;IACA;;EAEA;IACC;;;EAQF;IACC;;;EAOH;IACC;IACA;;EAEA;IACC;IAEA;IACA;IACA;IACA;;;EAKF;IACC;;;EAGD;IACC;;;EAGD;IACC;;EAEA;IACC;IACA;IACA;;EAGD;IACC;;EAGD;IACC;;;ACjKH;AACA;AACA;EACC,YbjBY;EakBZ;EACA;EACA;;;AAGD;AACA;EACC;EACA,Ob7CY","file":"mapco.css"}
\ No newline at end of file +{"version":3,"sourceRoot":"","sources":["_fonts.scss","_mixins.scss","_forms.scss","_variables.scss","_tables.scss","_components.scss","_divers.scss","_sidebar.scss","_layout.scss","_list-view.scss","_global-view.scss","_reader-view.scss","_configuration.scss","_logs.scss","_stats.scss","_mobile.scss","mapco.scss"],"names":[],"mappings":"AAAA;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AC5DD;AAEA;ACCA;AACA;EACC;EACA;EACA,YCac;EDZd;EACA,OCMW;EDLX;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EDXA;;ACeA;EACC,YCvBW;EDwBX,OCdM;;ADiBN;EAEC,YC5Bc;;ADiChB;EACC,YCRS;EDST;;AAEA;EAEC,YCXU;;ADeZ;EACC;;;AAIF;EACC;EACA;;;AAGD;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA,OCxDW;;;AD2DZ;EACC;EACA;EACA;;;AAGD;EACC;EACA,YCxEO;EDyEP,OCpEW;EDqEX;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC,OC1FiB;ED2FjB,cCnGY;;;ADsGb;EACC,OC5EU;ED6EV,cC7EU;ED8EV;;;AAGD;EACC,YC1FY;;;AD6Fb;EACC;;;AAID;EACC;EACA;;AAEA;EACC;EACA;EACA;;AAUD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;;AAGD;EACC;EACA;;AAID;EACC;;;AE1JF;AACA;EACC;;;AAGD;EACC;EACA;;;AAGD;EACC,YDQc;;;ACLf;AAAA;EAEC;EACA;;;ACbD;AACA;AACA;AAGA;AACA;EACC;EACA;;AAEA;EACC;;AAEA;EACC;;;AAMH;AACA;EACC;EACA;EACA,YFTc;EEUd;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAGD;EAEC;EACA;EACA;EACA,OF/BU;EEgCV;EACA;;AAID;EJ7CA;;AIiDC;EACC;EACA,OFlDe;EEmDf;EACA;;AAGD;EACC,YFhEU;EEiEV,OFvDK;;AEyD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","file":"mapco.css"}
\ No newline at end of file diff --git a/p/themes/Mapco/mapco.rtl.css b/p/themes/Mapco/mapco.rtl.css index 44beb1a01..bf31d0381 100644 --- a/p/themes/Mapco/mapco.rtl.css +++ b/p/themes/Mapco/mapco.rtl.css @@ -525,7 +525,7 @@ form th { } .tree#sidebar { scrollbar-color: rgba(255, 255, 0, 0.1) rgba(0, 0, 0, 0.05); - scrollbar-color: #fff33 #fff22; + scrollbar-color: #ffffff33 #ffffff22; } .tree .tree-folder { border-bottom: 1px solid #3f3f3f; @@ -541,7 +541,7 @@ form th { } .tree .tree-folder .tree-folder-title .title { background: inherit; - color: #fff; + color: #ffffff; } .tree .tree-folder .tree-folder-title .title:hover { text-decoration: none; @@ -567,17 +567,17 @@ form th { color: #303136; } .tree .tree-folder .tree-folder-items .item.active .dropdown li a:hover { - color: #fff; + color: #ffffff; } .tree .tree-folder .tree-folder-items .item.active a { - color: #fff; + color: #ffffff; } .tree .tree-folder .tree-folder-items .item:hover { background: #17181a; } .tree .tree-folder .tree-folder-items .item a { text-decoration: none; - color: #fff; + color: #ffffff; } .tree .tree-folder .tree-folder-items .feed .item-title:not([data-unread="0"])::before { margin: 11px 4px 0 6px; @@ -645,25 +645,25 @@ form th { } .nav-list .item a { padding: 0 1rem; - color: #fff; + color: #ffffff; } .nav-list .item .error a { color: #f5633e; } .nav-list .item:hover { background: #17181a; - color: #fff; + color: #ffffff; } .nav-list .item:hover .error a { background: #36c; - color: #fff; + color: #ffffff; } .nav-list .item:hover .empty a { background: #f4f762; - color: #fff; + color: #ffffff; } .nav-list .item:hover a { - color: #fff; + color: #ffffff; text-decoration: none; } .nav-list .item.active { @@ -797,7 +797,7 @@ form th { } .header .item.search input { width: 230px; - color: #fff; + color: #ffffff; border: none; border-radius: 0 2px 2px 0; background-color: #26272a; @@ -1418,7 +1418,7 @@ form th { background: url("../../themes/icons/logout.svg") no-repeat #17181a 97% center; display: inline-block; width: 100%; - color: #fff; + color: #ffffff; transition: all 0.2s ease-in-out; } ul.nav .item a:hover, ul.nav .item a:active { diff --git a/p/themes/Mapco/mapco.scss b/p/themes/Mapco/mapco.scss index 337cc5f97..5f0cd0b5a 100644 --- a/p/themes/Mapco/mapco.scss +++ b/p/themes/Mapco/mapco.scss @@ -1,41 +1,41 @@ -@import "fonts"; +@use "fonts"; -@import "mixins"; +@use "mixins"; -@import "variables"; +@use "variables"; -@import "forms"; +@use "forms"; -@import "tables"; +@use "tables"; -@import "components"; +@use "components"; -@import "divers"; +@use "divers"; -@import "sidebar"; +@use "sidebar"; -@import "layout"; +@use "layout"; -@import "list-view"; +@use "list-view"; -@import "global-view"; +@use "global-view"; -@import "reader-view"; +@use "reader-view"; -@import "configuration"; +@use "configuration"; -@import "logs"; +@use "logs"; -@import "stats"; +@use "stats"; -@import "mobile"; +@use "mobile"; @charset "UTF-8"; /*=== GENERAL */ /*============*/ html, body { - background: $grey-light; + background: variables.$grey-light; height: 100%; font-family: "lato", "Helvetica", "Arial", sans-serif; font-size: 0.875rem; @@ -44,5 +44,5 @@ html, body { /*=== Links */ a, button.as-link { outline: none; - color: $main-first; + color: variables.$main-first; } diff --git a/p/themes/Swage/swage.css b/p/themes/Swage/swage.css index 47c893007..78937cd3a 100644 --- a/p/themes/Swage/swage.css +++ b/p/themes/Swage/swage.css @@ -1168,4 +1168,6 @@ button.as-link { } #slider .form-group:hover { background: initial; -}
\ No newline at end of file +} + +/*# sourceMappingURL=swage.css.map */ diff --git a/p/themes/Swage/swage.css.map b/p/themes/Swage/swage.css.map index 98e811f13..8ca4002b4 100644 --- a/p/themes/Swage/swage.css.map +++ b/p/themes/Swage/swage.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["swage.scss"],"names":[],"mappings":"AAgBA;AAAA;EACC;EACA;EACA;EACA;EACA,YAjBa;EAkBb;EACA;;;AAGD;AAAA;EACC,OAlBY;EAmBZ,cAnBY;EAoBZ;;;AAGD;EACC;EACA;EACA;;;AAGD;AAAA;AAAA;AAAA;EACC;EACA,OApCa;EAqCb;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;;;AAID;AAAA;EAEC;EACA;;;AAGD;EACC;EACA;;AAEA;EACC;EACA;EACA;;AAEA;EACC;;AAIF;EACC;;AAGD;EACC;;;AAKD;EACC;;;AAIF;EACC;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;;AAIA;EACC;;;AASD;AAAA;EACC;;AAQD;AAAA;EACC,YAxIY;;;AA4Id;EACC;;;AAIA;EACC;;;AAIF;EACC;;;AAGD;EACC;;;AAGD;AAAA;AAAA;EAGC;EACA;;;AAGD;EACC,YAtKa;;;AA0Kb;AAAA;EAEC;EACA;;;AAKD;EACC;EACA;EACA;EACA;;;AAKF;EACC;EACA;;AAEA;EACC,YAhMY;EAiMZ;;AAGD;EACC;EACA;EACA;EACA;;AAEA;EACC;;AAIF;EACC;EACA;;AAGD;EACC;EACA;;AAEA;EACC;;AAIF;EACC;;;AASF;EACC;EACA;;AAQD;EACC;EACA;EACA,YAnPY;EAoPZ;EACA,OAtPa;EAuPb;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EAGC;EACA;;;AAIF;EACC;EACA,YAtQa;EAuQb,OA1Qa;;AA4Qb;AAAA;AAAA;EAEC;;;AAKD;EAGC;EACA;EACA,YAtRY;EAuRZ,OAzRY;EA0RZ;;AAOA;EAEC;EACA,OApSW;;AAsSX;EACC,OAvSU;;AA0SX;AAAA;AAAA;EAEC,OA5SU;;AA+SX;EACC,YA7SU;;AAgTX;EACC;;AAIF;EACC;;AAGD;EACC,OA1TW;;AA6TZ;EACC;;AAIF;EACC;EACA,YAvUY;EAwUZ;;AAGD;EACC;EACA;;AAGD;EACC;;;AAIF;EACC;EACA;EACA,YAtVa;EAuVb,OAzVa;;AA2Vb;EACC,OA5VY;;AA+Vb;EACC;EACA;EACA;;;AAIF;EACC;EACA;;AAEA;EACC;;;AAIF;EACC;EACA;EACA;EACA;EACA;;AAEA;EACC;;AAIA;EAGC;EACA;;AAUA;EACC;EACA;;AAGD;EACC,YA9YS;EA+YT,OAhZU;;AAkZV;EACC;EACA,OApZS;;AAyZZ;EACC;EACA;;AAKD;AAAA;EAEC;EACA;;;AAKH;EACC;EACA;EACA;EACA,OA5aa;;;AA+ad;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA,YAxba;EAybb;EACA;EACA;EACA;;AAEA;EACC;EACA;;;AAIF;EACC;;;AAGD;AAAA;AAAA;EAGC;;;AAGD;EACC,YA/ca;EAgdb,OA7ca;;;AAgdd;EACC,YApda;EAqdb,OAjdY;;;AAodb;EACC,YAzda;EA0db,OArdY;;;AAwdb;EACC;EACA,OAheY;EAieZ;EACA;;AAGC;EACC,YAneW;EAoeX;EACA;EACA;;AAGD;EACC;EACA,OA9eU;EA+eV;EACA;EACA;;AAEA;EACC,YAjfU;EAkfV;;AAKH;AAAA;EAEC;EACA;;;AAIF;EACC;;AAEA;EACC;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA,YArhBW;EAshBX,OArhBY;EAshBZ;;AAEA;EACC;EACA,OA1hBW;EA2hBX;;AAIF;EACC;EACA,YAjiBY;EAkiBZ,OA7hBW;EA8hBX;;AAGD;EACC;EACA;EACA,YAziBY;EA0iBZ;EACA;EACA;EACA;;AAEA;EACC;;AAIF;EACC,OAtjBW;;;AA0jBb;EACC;;AAEA;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;;AAEA;EACC;EACA;EACA;;AAEA;EACC;;AAEA;EACC;EACA;;AAIF;EACC;;AAMF;EACC;EACA;EACA;;AAGD;EACC,YAlmBU;;AAomBV;EACC;;AAGD;EACC;EACA,OA3mBU;;AA+mBZ;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;;;AAKH;EACC;;;AAGD;EACC;EACA,YAroBa;EAsoBb;EACA;EACA;EACA;;AAEA;EACC;EACA,OA/oBY;;AAipBZ;EACC;;;AAKH;EACC,YAtpBa;;AAwpBb;EACC;EACA;EACA;;AAEA;EACC;;AAGD;EACC;EACA,OArqBW;;;AA0qBd;EACC;IACC;;;EAGD;IACC;;;AAIF;EACC;IACC;;;EAGD;IACC;;;AAKD;EACC;;AAEA;EAGC;;AAEA;EACC;EACA;;AAEA;EACC;EACA,OA7sBS;;AAitBX;EACC;EACA;EACA;EACA;EACA;;AAIF;EACC;;AAIF;EACC;;AAGD;EACC;;AAGD;EACC;EACA;EACA;EACA;;AAGD;EACC;EACA;;;AAIF;EACC;EACA,YApvBa;;AAyvBZ;EACC;;AAIA;AAAA;EAEC;;AAIA;EACC;;AAGD;EACC;;;AAQJ;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;;;AAIF;EACC;EACA;;AAEA;EACC;;AAEA;EACC;EACA;;AAIF;EACC;;AAGD;EACC;;;AAIF;EACC;;AAEA;EACC;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;;;AAIF;EACC,YA90BY;EA+0BZ;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACC;;AAGD;EACC;EACA;EACA,OAj2BY;;AAm2BZ;EACC;;;AAKH;EACC;EACA;EACA;EACA;;AAEA;EACC;;;AAKD;EACC,OAt3BY;;;AA23Bd;EACC;EACA;EACA,kBA73BY;EA83BZ;EACA;;AAEA;EACC;EACA;EACA;;;AAIF;EACC;EACA,YA34Ba;;AA64Bb;EAGC;EACA;EACA;;AAGD;AAAA;EAEC,YA/4BY;;AAi5BZ;AAAA;EACC,YAl5BW;;AAs5Bb;EACC,YAz5Ba;;AA25Bb;EACC,YA55BY;;AAg6Bd;EACC,YAh6Ba;;AAk6Bb;EACC,YAn6BY;;AAu6Bd;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;;AAGD;EACC,OA77BY;EA87BZ;;;AAIF;EACC;EACA;;AAEA;EACC;;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;AAAA;EAEC,OA/9BY;;AAk+Bb;EACC,YA/9BW;;AAi+BX;EACC,YAl+BU;;AAs+BZ;EACC;;AAEA;EACC;;AAIF;EACC;;AAGD;EACC;;;AAIF;EACC;EACA;EACA;;AAEA;EACC,YA//BY;EAggCZ,OAlgCY;;;AAsgCd;EACC;EACA;EACA;EACA;EAGA,YA3gCa;;;AA8gCd;EACC;;AAEA;AAAA;AAAA;EAGC;;AAIA;AAAA;EAEC;;AAIF;EACC;;AAEA;EACC;EACA;EACA;;AAEA;EACC;;;AAOH;EACC;;AAGD;EACC,YAnjCY;EAojCZ;;AAGC;EACC;EACA;;AAGD;EACC;;AAKH;EACC,OArkCY;EAskCZ;;AAGD;EACC;EACA;EACA;EACA;;;AAIF;EACC;EACA;;;AAGD;EACC;EACA,YAxlCa;EAylCb;EACA;;AAEA;EACC;EACA;;AAGD;EACC;EACA,OAnmCY;;AAsmCb;EACC,YApmCY;EAqmCZ,OAxmCY;;AA2mCb;EACC;EACA,OA7mCY;;AAgnCb;EACC,YAlnCW;EAmnCX,OAlnCY;;;AAsnCd;EACC;IACC;;;EAGD;IACC;IACA;;;EAGD;AAAA;IAEC;;;EAGD;IACC;;;EAGD;IACC;IACA;IACA;;;EAGD;IACC;;EAEA;IACC;;;EAIF;IACC;IACA;IACA;IACA;IACA;;;EAGD;AAAA;IAEC;;;EAGD;AAAA;IAEC;IACA;;;EAGD;IACC;IACA;;EAEA;IACC,YA7qCW;IA8qCX;IACA;IACA;IACA;IACA;;EAGD;IACC;;EAGD;IACC;IACA;IACA;IACA;;EAGD;IACC;IACA;;;EAIF;IACC;IACA;;EAEA;IACC;;EAGD;IACC;;EAEA;IACC;;EAIF;IACC;IACA;IACA;;EAEA;IACC;;;EAKH;IACC;;;EAGD;IACC,YAtuCY;IAuuCZ;IACA;IACA;IACA;IACA;;;EAGD;IACC;;;EAGD;IACC;;EAEA;IACC;IACA;IACA;;EAEA;IACC;;EAGD;IACC;;;EAKH;IACC;;;EAGD;IACC;IACA;;;EAGD;IACC;;;EAGD;IACC;IACA;;;EAGD;AAAA;AAAA;AAAA;AAAA;IAKC;;;EAGD;IACC;IACA;IACA;;;EAGD;AAAA;IAEC;;;EAGD;IACC;;;EAGD;AAAA;AAAA;IAGC;;;EAGD;IACC;;;EAGD;IACC;;;AAIF;EACC;IACC;;;AAIF;EACC;IACC;;;AAIF;EACC,OA30Ca;EA40Cb;;;AAGD;EACC;;;AAGD;EACC;EACA;;;AAIA;EACC,OAv1CY;;AAy1CZ;EACC,YA11CW;EA21CX,OA91CW;;AAg2CX;EACC,OAj2CU;;AAq2CZ;EACC,OAn2CW;;AAu2Cb;EACC;;AAEA;EACC;EACA,OA/2CW;;AAi3CX;EACC,OAl3CU;;AAs3CZ;EACC;;;AAKH;EACC;EACA;;;AAGD;EACC;EACA,YAn4Ca;EAo4Cb,OAl4Ca;EAm4Cb;;AAEA;EACC;EACA;EACA;;;AAKD;EACC;;;AAKD;EACC;;AAIA;EACC","file":"swage.css"}
\ No newline at end of file +{"version":3,"sourceRoot":"","sources":["swage.scss"],"names":[],"mappings":"AAkBA;AAAA;EACC;EACA;EACA;EACA;EACA,YAjBa;EAkBb;EACA;;;AAGD;AAAA;EACC,OAlBY;EAmBZ,cAnBY;EAoBZ;;;AAGD;EACC;EACA;EACA;;;AAGD;AAAA;AAAA;AAAA;EACC;EACA,OApCa;EAqCb;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;;;AAID;AAAA;EAEC;EACA;;;AAGD;EACC;EACA;;AAEA;EACC;EACA;EACA;;AAEA;EACC;;AAIF;EACC;;AAGD;EACC;;;AAKD;EACC;;;AAIF;EACC;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;;AAIA;EACC;;;AASD;AAAA;EACC;;AAQD;AAAA;EACC,YAxIY;;;AA4Id;EACC;;;AAIA;EACC;;;AAIF;EACC;;;AAGD;EACC;;;AAGD;AAAA;AAAA;EAGC;EACA;;;AAGD;EACC,YAtKa;;;AA0Kb;AAAA;EAEC;EACA;;;AAKD;EACC;EACA;EACA;EACA;;;AAKF;EACC;EACA;;AAEA;EACC,YAhMY;EAiMZ;;AAGD;EACC;EACA;EACA;EACA;;AAEA;EACC;;AAIF;EACC;EACA;;AAGD;EACC;EACA;;AAEA;EACC;;;AAUH;EACC;EACA;;AAQD;EACC;EACA;EACA,YA/OY;EAgPZ;EACA,OAlPa;EAmPb;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EAGC;EACA;;;AAIF;EACC;EACA,YAlQa;EAmQb,OAtQa;;AAwQb;AAAA;AAAA;EAEC;;;AAKD;EAGC;EACA;EACA,YAlRY;EAmRZ,OArRY;EAsRZ;;AAOA;EAEC;EACA,OAhSW;;AAkSX;EACC,OAnSU;;AAsSX;AAAA;AAAA;EAEC,OAxSU;;AA2SX;EACC,YAzSU;;AA4SX;EACC;;AAIF;EACC;;AAGD;EACC,OAtTW;;AAyTZ;EACC;;AAIF;EACC;EACA,YAnUY;EAoUZ;;AAGD;EACC;EACA;;AAGD;EACC;;;AAIF;EACC;EACA;EACA,YAlVa;EAmVb,OArVa;;AAuVb;EACC,OAxVY;;AA2Vb;EACC;EACA;EACA;;;AAIF;EACC;EACA;;AAEA;EACC;;;AAIF;EACC;EACA;EACA;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;AAIA;EAGC;EACA;;AAUA;EACC;EACA;;AAGD;EACC,YA9YS;EA+YT,OAhZU;;AAkZV;EACC;EACA,OApZS;;AAyZZ;EACC;EACA;;AAKD;AAAA;EAEC;EACA;;;AAKH;EACC;EACA;EACA;EACA,OA5aa;;;AA+ad;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA,YAxba;EAybb;EACA;EACA;EACA;;AAEA;EACC;EACA;;;AAIF;EACC;;;AAGD;AAAA;AAAA;EAGC;;;AAGD;EACC,YA/ca;EAgdb,OA7ca;;;AAgdd;EACC,YApda;EAqdb,OAjdY;;;AAodb;EACC,YAzda;EA0db,OArdY;;;AAwdb;EACC;EACA,OAheY;EAieZ;EACA;;AAGC;EACC,YAneW;EAoeX;EACA;EACA;;AAGD;EACC;EACA,OA9eU;EA+eV;EACA;EACA;;AAEA;EACC,YAjfU;EAkfV;;AAKH;AAAA;EAEC;EACA;;;AAIF;EACC;;AAEA;EACC;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA,YArhBW;EAshBX,OArhBY;EAshBZ;;AAEA;EACC;EACA,OA1hBW;EA2hBX;;AAIF;EACC;EACA,YAjiBY;EAkiBZ,OA7hBW;EA8hBX;;AAGD;EACC;EACA;EACA,YAziBY;EA0iBZ;EACA;EACA;EACA;;AAEA;EACC;;AAIF;EACC,OAtjBW;;;AA0jBb;EACC;;AAEA;EACC;EACA;EACA;EACA;EACA;;AAEA;EACC;;AAOF;EACC;EACA;;AAEA;EACC;EACA;EACA;;AAGC;EACC;EACA;;AAOH;EACC;EACA;EACA;;AAGD;EACC,YApmBU;;AAsmBV;EACC;;AAGD;EACC;EACA,OA7mBU;;AAinBZ;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;;;AAKH;EACC;;;AAGD;EACC;EACA,YAvoBa;EAwoBb;EACA;EACA;EACA;;AAEA;EACC;EACA,OAjpBY;;AAmpBZ;EACC;;;AAKH;EACC,YAxpBa;;AA0pBb;EACC;EACA;EACA;;AAEA;EACC;;AAGD;EACC;EACA,OAvqBW;;;AA4qBd;EACC;IACC;;;EAGD;IACC;;;AAIF;EACC;IACC;;;EAGD;IACC;;;AAKD;EACC;;AAEA;EAGC;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;;AAIF;EACC;;AAIF;EACC;;AAGD;EACC;;AAGD;EACC;EACA;EACA;EACA;;;AAIF;EACC;EACA,YAzuBa;;AA8uBZ;EACC;;AAIA;AAAA;EAEC;;AAIA;EACC;;AAGD;EACC;;;AAQJ;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;;;AAIF;EACC;EACA;;AAEA;EACC;;AAEA;EACC;EACA;;AAIF;EACC;;AAGD;EACC;;;AAIF;EACC;;AAEA;EACC;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;;;AAIF;EACC,YAn0BY;EAo0BZ;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACC;;AAGD;EACC;EACA;EACA,OAt1BY;;AAw1BZ;EACC;;;AAKH;EACC;EACA;EACA;EACA;;AAEA;EACC;;;AAKD;EACC,OA32BY;;;AAg3Bd;EACC;EACA;EACA,kBAl3BY;EAm3BZ;EACA;;AAEA;EACC;EACA;EACA;;;AAIF;EACC;EACA,YAh4Ba;;AAk4Bb;EAGC;EACA;EACA;;AAGD;AAAA;EAEC,YAp4BY;;AAs4BZ;AAAA;EACC,YAv4BW;;AA24Bb;EACC,YA94Ba;;AAg5Bb;EACC,YAj5BY;;AAq5Bd;EACC,YAr5Ba;;AAu5Bb;EACC,YAx5BY;;AA65Bb;EACC;EACA;;AAIF;EACC;EACA;;AAGD;EACC;;AAGD;EACC,OAp7BY;EAq7BZ;;;AAIF;EACC;EACA;;AAEA;EACC;;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;AAAA;EAEC,OAt9BY;;AAy9Bb;EACC,YAt9BW;;AAw9BX;EACC,YAz9BU;;AA69BZ;EACC;;AAEA;EACC;;AAIF;EACC;;AAGD;EACC;;;AAIF;EACC;EACA;EACA;;AAEA;EACC,YAt/BY;EAu/BZ,OAz/BY;;;AA6/Bd;EACC;EACA;EACA;EACA;EAGA,YAlgCa;;;AAqgCd;EACC;;AAEA;AAAA;AAAA;EAGC;;AAIA;AAAA;EAEC;;AAIF;EACC;;AAEA;EACC;EACA;EACA;;AAEA;EACC;;;AAOH;EACC;;AAGD;EACC,YA1iCY;EA2iCZ;;AAGC;EACC;EACA;;AAKH;EACC,OAxjCY;EAyjCZ;;AAGD;EACC;EACA;EACA;EACA;;;AAIF;EACC;EACA;;;AAGD;EACC;EACA,YA3kCa;EA4kCb;EACA;;AAEA;EACC;EACA;;AAGD;EACC;EACA,OAtlCY;;AAylCb;EACC,YAvlCY;EAwlCZ,OA3lCY;;AA8lCb;EACC;EACA,OAhmCY;;AAmmCb;EACC,YArmCW;EAsmCX,OArmCY;;;AAymCd;EACC;IACC;;;EAGD;IACC;IACA;;;EAGD;IACC;;;EAGD;IACC;IACA;IACA;;;EAGD;IACC;;EAEA;IACC;;EAGD;IACC;IACA;IACA;;;EAIF;IACC;IACA;IACA;IACA;;;EAGD;IACC;;;EAGD;AAAA;IAEC;IACA;;;EAGD;IACC;IACA;;EAEA;IACC,YA/pCW;IAgqCX;IACA;IACA;IACA;IACA;;EAGD;IACC;;EAGD;IACC;IACA;IACA;IACA;;EAGD;IACC;IACA;;;EAIF;IACC;IACA;;EAEA;IACC;;EAGD;IACC;;EAEA;IACC;;EAIF;IACC;IACA;IACA;;EAEA;IACC;;EAGD;IACC;;;EAKH;IACC;;;EAGD;AAAA;IAEC,YA7tCY;IA8tCZ;IACA;IACA;IACA;IACA;;;EAGD;IACC;;;EAGD;IACC;;;EAGD;IACC;;EAEA;IACC;IACA;IACA;;EAEA;IACC;;EAGD;IACC;;;EAKH;IACC;;;EAGD;IACC;IACA;;;EAGD;IACC;;;EAGD;IACC;IACA;;;EAGD;AAAA;AAAA;AAAA;AAAA;IAKC;;;EAGD;IACC;IACA;;;EAGD;AAAA;IAEC;;;EAGD;IACC;;;EAGD;AAAA;AAAA;IAGC;;;EAGD;IACC;;;EAGD;IACC;;;AAIF;EACC;IACC;;;AAIF;EACC;IACC;;;AAIF;EACC,OAr0Ca;EAs0Cb;;;AAGD;EACC;;;AAGD;EACC;EACA;;;AAIA;EACC,OAj1CY;;AAm1CZ;EACC,YAp1CW;EAq1CX,OAx1CW;;AA01CX;EACC,OA31CU;;AA+1CZ;EACC,OA71CW;;AAi2Cb;EACC;;AAEA;EACC;EACA,OAz2CW;;AA22CX;EACC,OA52CU;;AAg3CZ;EACC;;;AAKH;EACC;EACA;;;AAGD;EACC;EACA,YA73Ca;EA83Cb,OA53Ca;EA63Cb;;AAEA;EACC;EACA;EACA;;;AAKD;EACC;;;AAKD;EACC;;AAIA;EACC","file":"swage.css"}
\ No newline at end of file diff --git a/p/themes/Swage/swage.rtl.css b/p/themes/Swage/swage.rtl.css index b8a2eea2d..71785ff65 100644 --- a/p/themes/Swage/swage.rtl.css +++ b/p/themes/Swage/swage.rtl.css @@ -1168,4 +1168,4 @@ button.as-link { } #slider .form-group:hover { background: initial; -}
\ No newline at end of file +} diff --git a/p/themes/Swage/swage.scss b/p/themes/Swage/swage.scss index 5ad678cda..0ce67a5ba 100644 --- a/p/themes/Swage/swage.scss +++ b/p/themes/Swage/swage.scss @@ -1,3 +1,5 @@ +@use "sass:color"; + @charset "UTF-8"; //colors @@ -61,7 +63,7 @@ body { } a { - color: darken( $color_nav, 10%); + color: color.adjust( $color_nav, $lightness: -10%); outline: none; &.btn { @@ -70,7 +72,7 @@ a { text-decoration: none; &:hover { - background: darken( $color_nav, 10%); + background: color.adjust( $color_nav, $lightness: -10%); } } @@ -100,7 +102,7 @@ sup { legend { margin: 20px 0 5px; padding: 5px 20px; - background: darken( $color_light, 10%); + background: color.adjust( $color_light, $lightness: -10%); display: inline-block; width: auto; font-size: 1.4em; @@ -112,14 +114,14 @@ label { } textarea { - background: darken( $color_light, 10% ); + background: color.adjust( $color_light, $lightness: -10% ); width: 360px; height: 100px; @extend %input; &:focus { - border-color: darken( $color_nav, 10%); + border-color: color.adjust( $color_nav, $lightness: -10%); } } @@ -129,7 +131,7 @@ select { @extend %input; &:focus { - border-color: darken( $color_nav, 10%); + border-color: color.adjust( $color_nav, $lightness: -10%); } &:invalid { @@ -143,7 +145,7 @@ select { } select { - background: darken( $color_light, 10% ); + background: color.adjust( $color_light, $lightness: -10% ); } input { @@ -164,7 +166,7 @@ tr, td, th { padding: 0.5em; - border: 1px solid darken( $color_light, 10%); + border: 1px solid color.adjust( $color_light, $lightness: -10%); } th { @@ -201,8 +203,8 @@ form { &.form-actions { margin: 15px 0 25px; padding: 5px 0; - background: darken( $color_light, 10%); - border-top: 3px solid darken( $color_light, 10%); + background: color.adjust( $color_light, $lightness: -10%); + border-top: 3px solid color.adjust( $color_light, $lightness: -10%); .btn { margin: 0 10px; @@ -256,7 +258,7 @@ form { &.active, :active, :hover { - background: darken( $color_nav, 10%); + background: color.adjust( $color_nav, $lightness: -10%); text-decoration: none; } } @@ -268,7 +270,7 @@ form { &:hover, :active { - background: darken( $color_alert, 10%) !important; + background: color.adjust( $color_alert, $lightness: -10%) !important; } } @@ -289,7 +291,7 @@ form { &:hover, &.active { - background: darken( $color_nav, 10%); + background: color.adjust( $color_nav, $lightness: -10%); color: $color_light; a { @@ -306,7 +308,7 @@ form { } &.error a { - background: lighten( $color_bad, 10%); + background: color.adjust( $color_bad, $lightness: 10%); } } @@ -319,14 +321,14 @@ form { } &.error a { - color: lighten( $color_bad, 10%); + color: color.adjust( $color_bad, $lightness: 10%); } } .disable { text-align: center; background: $color_light; - color: darken( $color_light, 40% ); + color: color.adjust( $color_light, $lightness: -40% ); } .nav-form { @@ -370,7 +372,7 @@ form { font-size: 0.8rem; text-align: left; border: none; - background-color: darken( $color_nav, 10%); + background-color: color.adjust( $color_nav, $lightness: -10%); .dropdown-header { cursor: default; @@ -435,7 +437,7 @@ form { .separator { margin: 5px 0; - border-bottom: 1px solid darken( $color_light, 10%); + border-bottom: 1px solid color.adjust( $color_light, $lightness: -10%); cursor: default; } @@ -443,7 +445,7 @@ form { margin: 5px auto; padding: 10px 15px; background: $color_light; - color: darken( $color_light, 40% ); + color: color.adjust( $color_light, $lightness: -40% ); font-size: 0.9em; border: none; text-shadow: 0 0 1px $color_light; @@ -480,7 +482,7 @@ form { } .pagination { - background: darken( $color_light, 10%); + background: color.adjust( $color_light, $lightness: -10%); color: $color_text; font-size: 0.8em; text-align: center; @@ -488,7 +490,7 @@ form { .item { &.pager-current { background: $color_aside; - color: darken( $color_light, 10%); + color: color.adjust( $color_light, $lightness: -10%); font-size: 1.5em; font-weight: bold; } @@ -502,7 +504,7 @@ form { &:hover { background: $color_aside; - color: darken( $color_light, 10%); + color: color.adjust( $color_light, $lightness: -10%); } } } @@ -524,10 +526,10 @@ form { hr { margin: 30px 10px; - background: darken( $color_light, 10%); + background: color.adjust( $color_light, $lightness: -10%); height: 1px; border: 0; - box-shadow: 0 2px 5px darken( $color_light, 10%); + box-shadow: 0 2px 5px color.adjust( $color_light, $lightness: -10%); } pre { @@ -557,9 +559,9 @@ form { padding: 5px 20px; background: $color_light; display: block; - color: darken( $color_light, 40% ); - border-top: 1px solid darken( $color_light, 10%); - border-bottom: 1px solid darken( $color_light, 10%); + color: color.adjust( $color_light, $lightness: -40% ); + border-top: 1px solid color.adjust( $color_light, $lightness: -10%); + border-bottom: 1px solid color.adjust( $color_light, $lightness: -10%); p { margin: 0; @@ -572,14 +574,14 @@ form { } .box { - border: 1px solid darken( $color_light, 10%); + border: 1px solid color.adjust( $color_light, $lightness: -10%); .box-title { margin: 0; padding: 5px 10px; - background: darken( $color_light, 10%); - color: darken( $color_light, 40% ); - border-bottom: 1px solid darken( $color_light, 10%); + background: color.adjust( $color_light, $lightness: -10%); + color: color.adjust( $color_light, $lightness: -40% ); + border-bottom: 1px solid color.adjust( $color_light, $lightness: -10%); .configure { margin-right: 4px; @@ -601,7 +603,7 @@ form { .configure { .icon { vertical-align: middle; - background-color: darken( $color_light, 10%); + background-color: color.adjust( $color_light, $lightness: -10%); } } } @@ -618,7 +620,7 @@ form { background: $color_nav; &:active { - background: darken( $color_nav, 10%); + background: color.adjust( $color_nav, $lightness: -10%); } .title { @@ -676,7 +678,7 @@ form { font-size: 0.8rem; &.active { - background: darken( $color_nav, 10%); + background: color.adjust( $color_nav, $lightness: -10%); } > a { @@ -798,7 +800,7 @@ form { font-size: 0.9em; input { - background: darken( $color_light, 10% ); + background: color.adjust( $color_light, $lightness: -10% ); &.long { height: 33px; @@ -850,7 +852,7 @@ form { @extend %aside-width; &:hover { - background: darken( $color_nav, 10%); + background: color.adjust( $color_nav, $lightness: -10%); } > a { @@ -905,7 +907,7 @@ form { @extend %after; margin: 0 auto; width: 90%; - border-top: 1px solid darken( $color_light, 10%); + border-top: 1px solid color.adjust( $color_light, $lightness: -10%); } &:hover, @@ -935,7 +937,7 @@ form { .item { &.date { - color: darken( $color_light, 40% ); + color: color.adjust( $color_light, $lightness: -40% ); font-size: 0.7rem; } } @@ -966,9 +968,9 @@ form { .notification { padding: 10px 0; - background: darken( $color_light, 10%); + background: color.adjust( $color_light, $lightness: -10%); height: auto; - color: darken( $color_light, 40% ); + color: color.adjust( $color_light, $lightness: -40% ); font-size: 1em; border: none; text-align: center; @@ -996,10 +998,10 @@ form { } &.bad { - background: lighten( $color_bad, 10%); + background: color.adjust( $color_bad, $lightness: 10%); a.close:hover { - background: lighten( $color_bad, 10%); + background: color.adjust( $color_bad, $lightness: 10%); } } @@ -1015,7 +1017,7 @@ form { #bigMarkAsRead { text-align: center; text-decoration: none; - background: darken( $color_light, 10%); + background: color.adjust( $color_light, $lightness: -10%); &:hover { background: $color_aside; @@ -1045,7 +1047,7 @@ form { > table { td, th { - border-bottom: 1px solid darken( $color_light, 10%); + border-bottom: 1px solid color.adjust( $color_light, $lightness: -10%); } } @@ -1087,16 +1089,16 @@ form { } input { - border-top: 1px darken( $color_light, 10%); - border-right: 1px darken( $color_light, 10%); - border-bottom: 1px darken( $color_light, 10%); + border-top: 1px color.adjust( $color_light, $lightness: -10%); + border-right: 1px color.adjust( $color_light, $lightness: -10%); + border-bottom: 1px color.adjust( $color_light, $lightness: -10%); border-left: 5px solid; } } .loglist { overflow: hidden; - border: 1px solid darken( $color_light, 40% ); + border: 1px solid color.adjust( $color_light, $lightness: -40% ); } .log { @@ -1111,7 +1113,7 @@ form { } &.error > .date { - background: lighten( $color_bad, 10%); + background: color.adjust( $color_bad, $lightness: 10%); color: $color_light; } @@ -1121,7 +1123,7 @@ form { } &.notice > .date { - background: darken( $color_light, 10%); + background: color.adjust( $color_light, $lightness: -10%); color: $color_light; } @@ -1356,11 +1358,11 @@ button.as-link { } .dropdown-target:target ~ .btn.dropdown-toggle { - background: darken( $color_nav, 10%); + background: color.adjust( $color_nav, $lightness: -10%); } .tree-folder.active .tree-folder-title { - background: darken( $color_nav, 10%); + background: color.adjust( $color_nav, $lightness: -10%); font-weight: bold; } @@ -1383,10 +1385,10 @@ button.as-link { } &.error { - color: lighten( $color_bad, 10%); + color: color.adjust( $color_bad, $lightness: 10%); &.active { - background: lighten( $color_bad, 10%); + background: color.adjust( $color_bad, $lightness: 10%); color: $color_light; > a { @@ -1395,7 +1397,7 @@ button.as-link { } > a { - color: lighten( $color_bad, 10%); + color: color.adjust( $color_bad, $lightness: 10%); } } } @@ -1413,7 +1415,7 @@ button.as-link { .author { margin: 0 0 10px; - color: darken( $color_light, 40% ); + color: color.adjust( $color_light, $lightness: -40% ); font-size: 90%; } } |