scss: introduce $cell-entry-border instead $cell-entry-border-color (#58397)
This commit is contained in:
parent
525128ee0c
commit
31d29224f5
|
@ -782,8 +782,8 @@ paramètre, la deuxième sa description et la troisième la valeur par défaut.
|
|||
</tr>
|
||||
<tr>
|
||||
<td><p><code>$cell-entry-border-color</code></p></td>
|
||||
<td><p>Couleur de la bordure des éléments de cellule</p></td>
|
||||
<td><p><var>#ccc</var></p></td>
|
||||
<td><p>Bordure des éléments de cellule</p></td>
|
||||
<td><p><var>1px solid #ccc</var></p></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><p><code>$cell-entry-font-weight</code></p></td>
|
||||
|
|
|
@ -35,7 +35,7 @@ $widget-custom-radio-checkbox: true;
|
|||
$widget-unique-checkbox-position: left;
|
||||
|
||||
$cell-border: none;
|
||||
$cell-entry-border-color: #cecac4;
|
||||
$cell-entry-border: 1px solid #cecac4;
|
||||
$cell-entry-hover-background: inherit;
|
||||
|
||||
$notification_info_color: #79adc2;
|
||||
|
|
|
@ -145,7 +145,7 @@ div#nav {
|
|||
&.has-asset-picture picture {
|
||||
display: block;
|
||||
text-align: center;
|
||||
border-bottom: 1px solid $cell-entry-border-color;
|
||||
border-bottom: $cell-entry-border;
|
||||
img {
|
||||
display: inline-block;
|
||||
}
|
||||
|
|
|
@ -53,7 +53,7 @@ $title-color: $font-color;
|
|||
$cell-border: none;
|
||||
$cell-title-cover-border: false;
|
||||
|
||||
$cell-entry-border-color: $green-yellow;
|
||||
$cell-entry-border: 1px solid $green-yellow;
|
||||
$cell-entry-hover-background: $green-yellow-light;
|
||||
$cell-entry-hover-color: black;
|
||||
$cell-entry-hover-effect: bottom-to-top;
|
||||
|
@ -76,4 +76,4 @@ $buttons-order: previous, cancel, submit;
|
|||
$footer-background: #0E2327;
|
||||
$footer-color: white;
|
||||
$footer-link-color: white;
|
||||
$footer-menucell-separator: 1px solid $footer-color;
|
||||
$footer-menucell-separator: 1px solid $footer-color;
|
||||
|
|
|
@ -43,7 +43,7 @@ $cell-background: #eee;
|
|||
$cell-border: none;
|
||||
$cell-title-cover-border: false;
|
||||
|
||||
$cell-entry-border-color: white;
|
||||
$cell-entry-border: 1px solid white;
|
||||
$cell-entry-hover-background: change-color($violet, $alpha: 0.1);
|
||||
$cell-entry-hover-color: black;
|
||||
$cell-entry-hover-effect: bottom-to-top;
|
||||
|
|
|
@ -65,7 +65,7 @@ $carrousel-navigation-bullet-color: white;
|
|||
$cell-border: 1px solid $font-color;
|
||||
$cell-title-cover-border: false;
|
||||
$cell-entry-color: $font-color;
|
||||
$cell-entry-border-color: $gray-dark;
|
||||
$cell-entry-border: 1px solid $gray-dark;
|
||||
$cell-entry-hover-background: $beige;
|
||||
|
||||
$button-background: $orange;
|
||||
|
|
|
@ -33,7 +33,7 @@ $button-background: $primary-color;
|
|||
$buttons-order: previous (grow),cancel (grow),submit;
|
||||
|
||||
$cell-border: none;
|
||||
$cell-entry-border-color: white;
|
||||
$cell-entry-border: 1px solid white;
|
||||
$cell-entry-hover-effect: left-to-right;
|
||||
$cell-entry-hover-background: $primary-color-light-grayish;
|
||||
|
||||
|
|
|
@ -12,7 +12,7 @@ $nav-item-hover-background: $primary-color;
|
|||
$nav-border-color: transparent;
|
||||
|
||||
$cell-border: none;
|
||||
$cell-entry-border-color: transparent;
|
||||
$cell-entry-border: 1px solid transparent;
|
||||
$cell-entry-hover-background: transparent;
|
||||
$cell-title-cover-border: false;
|
||||
|
||||
|
|
|
@ -44,7 +44,7 @@ $cell-title-cover-border: false;
|
|||
$cell-image-position: top;
|
||||
$cell-image-padding: 0 0 0 1rem;
|
||||
$cell-background: $gray;
|
||||
$cell-entry-border-color: none;
|
||||
$cell-entry-border: none;
|
||||
$cell-entry-color: $font-color;
|
||||
$cell-entry-hover-color: $blue;
|
||||
|
||||
|
@ -65,4 +65,4 @@ $wcs-step-current-border-bottom: 1px solid $font-color;
|
|||
|
||||
|
||||
$footer-background: $black;
|
||||
$footer-color: white;
|
||||
$footer-color: white;
|
||||
|
|
|
@ -29,7 +29,7 @@ $cell-border: 0px solid transparent;
|
|||
$cell-entry-hover-color: #FFFFFF;
|
||||
$cell-entry-hover-effect: top-to-bottom;
|
||||
$cell-entry-hover-background: #999999;
|
||||
$cell-entry-border-color: transparent;
|
||||
$cell-entry-border: 1px solid transparent;
|
||||
$sidebar-width: 250px;
|
||||
$menucell-hover-border: 5px solid #999;
|
||||
|
||||
|
|
|
@ -39,11 +39,10 @@ $nav-item-selected-background: #000000;
|
|||
$footer-background: #000;
|
||||
$footer-color: $primary-color;
|
||||
|
||||
$cell-entry-border-color: #000;
|
||||
$cell-background: transparent;
|
||||
$cell-border: 0px solid transparent;
|
||||
$cell-entry-hover-background: $primary-color;
|
||||
$cell-entry-border-color: transparent;
|
||||
$cell-entry-border: 1px solid transparent;
|
||||
|
||||
$sidebar-width: auto;
|
||||
|
||||
|
|
|
@ -55,7 +55,7 @@ $cell-border: none;
|
|||
$cell-title-cover-border: false;
|
||||
$cell-entry-font-weight: 600;
|
||||
$cell-entry-color: $blue;
|
||||
$cell-entry-border-color: $blue;
|
||||
$cell-entry-border: 1px solid $blue;
|
||||
$cell-entry-hover-color: white;
|
||||
$cell-entry-hover-background: $blue;
|
||||
|
||||
|
|
|
@ -46,7 +46,7 @@ $carrousel-text-position: bottom left;
|
|||
$carrousel-navigation: none;
|
||||
|
||||
$cell-entry-hover-background: white;
|
||||
$cell-entry-border-color: transparent;
|
||||
$cell-entry-border: 1px solid transparent;
|
||||
$cell-image-position: top;
|
||||
$cell-image-padding: 0;
|
||||
$cell-title-cover-border: false;
|
||||
|
|
|
@ -40,7 +40,7 @@ $cell-background: $gray-light;
|
|||
$cell-border: none;
|
||||
$cell-entry-color: $font-color;
|
||||
$cell-entry-hover-background: $orange-light;
|
||||
$cell-entry-border-color: $blue-light;
|
||||
$cell-entry-border: 1px solid $blue-light;
|
||||
|
||||
$button-background: $orange;
|
||||
$button-hover-background: $orange-light;
|
||||
|
@ -63,4 +63,4 @@ $or-separator: false;
|
|||
$footer-background: white;
|
||||
$footer-color: $font-color;
|
||||
$footer-menucell-separator: 1px solid;
|
||||
// $footer-full-width-background:
|
||||
// $footer-full-width-background:
|
||||
|
|
|
@ -9,6 +9,7 @@ $cell-title-cover-border: true !default;
|
|||
$cell-entry-color: $link-color !default;
|
||||
$cell-entry-font-weight: normal !default;
|
||||
$cell-entry-border-color: #ccc !default;
|
||||
$cell-entry-border: 1px solid $cell-entry-border-color !default;
|
||||
$cell-entry-hover-color: inherit !default;
|
||||
$cell-entry-hover-background: #eee !default;
|
||||
|
||||
|
@ -168,7 +169,7 @@ div.wcscurrentformscell ul {
|
|||
z-index: 0;
|
||||
|
||||
& > li:not(:last-child) {
|
||||
border-bottom: 1px solid $cell-entry-border-color;
|
||||
border-bottom: $cell-entry-border;
|
||||
}
|
||||
& > li > a {
|
||||
display: flex;
|
||||
|
@ -338,7 +339,7 @@ div.cell {
|
|||
padding-bottom: 0.7em;
|
||||
}
|
||||
ul > li:last-child {
|
||||
border-bottom: 1px solid $cell-entry-border-color;
|
||||
border-bottom: $cell-entry-border;
|
||||
|
||||
@if is-positive-number($cell-border-radius) {
|
||||
> a {
|
||||
|
@ -374,7 +375,7 @@ div.cell {
|
|||
|
||||
div.menucell li li {
|
||||
border-bottom: none;
|
||||
border-top: 1px solid $cell-entry-border-color;
|
||||
border-top: $cell-entry-border;
|
||||
a {
|
||||
padding-left: 3em;
|
||||
font-size: 90%;
|
||||
|
@ -490,7 +491,7 @@ div.cell div.loading.error-loading::after {
|
|||
}
|
||||
&--item {
|
||||
padding: 1rem;
|
||||
border-bottom: 1px solid $cell-entry-border-color;
|
||||
border-bottom: $cell-entry-border;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: baseline;
|
||||
|
|
|
@ -63,7 +63,7 @@ $cell-title-cover-border: false;
|
|||
$cell-background: transparent;
|
||||
$cell-entry-color: $gray-dark;
|
||||
$cell-entry-hover-color: black;
|
||||
$cell-entry-border-color: $cyan-dark;
|
||||
$cell-entry-border: 1px solid $cyan-dark;
|
||||
$cell-entry-hover-background: $cyan-xlight;
|
||||
|
||||
$button-background: $cyan-dark;
|
||||
|
@ -76,4 +76,4 @@ $notification_info_color: $cyan-dark;
|
|||
|
||||
$widget-unique-checkbox-position: left;
|
||||
|
||||
$footer-background: $cyan-dark;
|
||||
$footer-background: $cyan-dark;
|
||||
|
|
|
@ -45,7 +45,7 @@ $cell-border: 1px solid $light-gray;
|
|||
$cell-entry-hover-color: $primary-color;
|
||||
$cell-entry-hover-background: $pale-blue;
|
||||
$cell-entry-hover-color: black;
|
||||
$cell-entry-border-color: white;
|
||||
$cell-entry-border: 1px solid white;
|
||||
$cell-background: $xlight-gray;
|
||||
$cell-image-padding: 0;
|
||||
|
||||
|
@ -70,4 +70,4 @@ $widget-border: 1px solid $gray;
|
|||
$widget-focus-border: 1px solid $primary-color;
|
||||
$widget-focus-color: $primary-color;
|
||||
|
||||
// $widget-border: 2px solid $light-gray;
|
||||
// $widget-border: 2px solid $light-gray;
|
||||
|
|
|
@ -31,7 +31,7 @@ $cell-title-cover-border: false;
|
|||
$cell-entry-color: $font-color;
|
||||
$cell-entry-hover-color: black;
|
||||
$cell-entry-hover-background: #F2F2F2;
|
||||
$cell-entry-border-color: lighten(#e2e0e1, 20%);
|
||||
$cell-entry-border: 1px solid lighten(#e2e0e1, 20%);
|
||||
$cell-border-radius: 0px;
|
||||
|
||||
$widget-border: 1px solid #cccccc;
|
||||
|
|
|
@ -35,7 +35,7 @@ $title-border-bottom: 1px solid $green;
|
|||
|
||||
$cell-title-cover-border: false;
|
||||
$cell-border: 1px solid $gray-light;
|
||||
$cell-entry-border-color: $green;
|
||||
$cell-entry-border: 1px solid $green;
|
||||
$cell-entry-hover-color: white;
|
||||
$cell-entry-hover-background: $green;
|
||||
$cell-entry-font-weight: 500;
|
||||
|
@ -47,4 +47,4 @@ $button-color: white;
|
|||
$widget-border: 1px solid $green;
|
||||
$widget-focus-border: 1px solid $blue;
|
||||
|
||||
$footer-color: $font-color;
|
||||
$footer-color: $font-color;
|
||||
|
|
|
@ -57,7 +57,7 @@ $cell-entry-color: $font-color;
|
|||
$cell-entry-font-weight: 400;
|
||||
$cell-entry-hover-background: transparent;
|
||||
$cell-entry-hover-color: $link-color;
|
||||
$cell-entry-border-color: $sep-color;
|
||||
$cell-entry-border: 1px solid $sep-color;
|
||||
|
||||
$title-background: transparent;
|
||||
$title-color: $blue-xdark;
|
||||
|
|
|
@ -55,7 +55,7 @@ $cell-background: transparent;
|
|||
$cell-image-position: top;
|
||||
$cell-image-padding: 0;
|
||||
$cell-entry-hover-background: lighten($light-red, 25%);
|
||||
$cell-entry-border-color: lighten($desaturated-blue, 20%);
|
||||
$cell-entry-border: 1px solid lighten($desaturated-blue, 20%);
|
||||
|
||||
$button-background: $light-red;
|
||||
$button-color: $dark-desaturated-blue;
|
||||
|
@ -83,4 +83,4 @@ $wcs-step-marker-tie-width: 2px;
|
|||
$wcs-step-current-marker-enlarge: 1.4;
|
||||
|
||||
$footer-background: $dark-desaturated-blue;
|
||||
$footer-color: white;
|
||||
$footer-color: white;
|
||||
|
|
|
@ -20,7 +20,7 @@ $sidebar-position: right;
|
|||
$cell-entry-hover-background: transparent;
|
||||
$cell-entry-color: #333;
|
||||
$cell-border: 0;
|
||||
$cell-entry-border-color: transparent;
|
||||
$cell-entry-border: 1px solid transparent;
|
||||
|
||||
$button-background: $primary-color;
|
||||
|
||||
|
|
|
@ -35,7 +35,7 @@ $widget-focus-border: 1px solid $secondary-color;
|
|||
|
||||
$cell-border: 1px solid $secondary-color;
|
||||
$cell-image-position: top;
|
||||
$cell-entry-border-color: $secondary-color;
|
||||
$cell-entry-border: 1px solid $secondary-color;
|
||||
|
||||
$button-background: $primary-color;
|
||||
|
||||
|
|
|
@ -3,7 +3,7 @@ $primary-color: #386ede;
|
|||
$secondary-color: #00d6eb;
|
||||
|
||||
$cell-entry-color: #333;
|
||||
$cell-entry-border-color: #ccc;
|
||||
$cell-entry-border: 1px solid #ccc;
|
||||
$cell-entry-hover-color: $cell-entry-color;
|
||||
$cell-entry-hover-background: #eee;
|
||||
$mobile-limit: 760px;
|
||||
|
@ -173,7 +173,7 @@ div.links-list {
|
|||
z-index: 0;
|
||||
& > li {
|
||||
color: $cell-entry-color;
|
||||
border-bottom: 1px solid $cell-entry-border-color;
|
||||
border-bottom: $cell-entry-border;
|
||||
position: relative;
|
||||
|
||||
> h4 { // group titles
|
||||
|
|
|
@ -119,7 +119,7 @@ $nav-mobile-bottom-bar-item-hover-color: white;
|
|||
|
||||
$cell-border: none;
|
||||
$cell-entry-color: $gray;
|
||||
$cell-entry-border-color: transparent;
|
||||
$cell-entry-border: 1px solid transparent;
|
||||
|
||||
$carrousel-text-position: bottom left;
|
||||
$carrousel-navigation-bullet-size: 15px;
|
||||
|
@ -153,4 +153,4 @@ $wcs-step-current-marker-background: $primary-color;
|
|||
|
||||
$footer-background: $font-color;
|
||||
$footer-color: #fff;
|
||||
$footer-menucell-separator: 1px solid;
|
||||
$footer-menucell-separator: 1px solid;
|
||||
|
|
|
@ -42,7 +42,7 @@ $cell-title-cover-border: false;
|
|||
$cell-border-radius: 5px;
|
||||
|
||||
$cell-entry-font-weight: 600;
|
||||
$cell-entry-border-color: transparent;
|
||||
$cell-entry-border: 1px solid transparent;
|
||||
$cell-entry-hover-color: $violet;
|
||||
$cell-entry-hover-background: transparent;
|
||||
$cell-open-foldable-icon: url(img/cell-open-foldable-icon.svg);
|
||||
|
@ -67,4 +67,4 @@ $wcs-step-current-color: white;
|
|||
$wcs-steps-spacing: 0.7rem;
|
||||
|
||||
$footer-background: white;
|
||||
$footer-color: $violet;
|
||||
$footer-color: $violet;
|
||||
|
|
|
@ -19,7 +19,7 @@ $nav-item-hover-background: $primary-color;
|
|||
$nav-border-color: transparent;
|
||||
|
||||
$cell-border: none;
|
||||
$cell-entry-border-color: transparent;
|
||||
$cell-entry-border: 1px solid transparent;
|
||||
$cell-entry-hover-background: #eef;
|
||||
$cell-entry-hover-effect: left-to-right;
|
||||
$cell-title-cover-border: false;
|
||||
|
|
|
@ -63,7 +63,7 @@ $cell-border-radius: 12px;
|
|||
$cell-border: 1px solid $gray-light;
|
||||
$cell-title-cover-border: false;
|
||||
$cell-image-position: top;
|
||||
$cell-entry-border-color: transparent;
|
||||
$cell-entry-border: 1px solid transparent;
|
||||
$cell-entry-color: $font-color;
|
||||
$cell-entry-hover-color: black;
|
||||
$cell-entry-font-weight: 500;
|
||||
|
|
|
@ -39,7 +39,7 @@ $widget-custom-radio-checkbox: true;
|
|||
$widget-unique-checkbox-position: left;
|
||||
|
||||
$cell-border: none; // 1px solid #cecac4;
|
||||
$cell-entry-border-color: #cecac4;
|
||||
$cell-entry-border: 1px solid #cecac4;
|
||||
$cell-entry-hover-background: inherit;
|
||||
|
||||
$notification_info_color: #79adc2;
|
||||
|
@ -50,4 +50,4 @@ $notification_error_color: #db635c;
|
|||
|
||||
$wcs-step-border-bottom: none;
|
||||
$wcs-step-current-color: black;
|
||||
$wcs-step-current-marker-background: #fec307;
|
||||
$wcs-step-current-marker-background: #fec307;
|
||||
|
|
|
@ -251,7 +251,7 @@ div#footer-wrapper {
|
|||
}
|
||||
}
|
||||
ul {
|
||||
border: 1px solid $cell-entry-border-color;
|
||||
border: $cell-entry-border;
|
||||
border-top: 0;
|
||||
|
||||
&:last-child {
|
||||
|
|
|
@ -12,7 +12,7 @@ $font-color: #2c292a;
|
|||
$link-color: #3999b0;
|
||||
|
||||
$cell-border: none;
|
||||
$cell-entry-border-color: transparent;
|
||||
$cell-entry-border: 1px solid transparent;
|
||||
$cell-entry-hover-background: transparent;
|
||||
$cell-title-cover-border: false;
|
||||
$title-background: transparent;
|
||||
|
|
|
@ -40,7 +40,7 @@ $cell-border: none;
|
|||
$cell-entry-color: $cyan-dark;
|
||||
$cell-entry-hover-color: $red;
|
||||
$cell-entry-hover-background: $cyan-xlight;
|
||||
$cell-entry-border-color: $gray;
|
||||
$cell-entry-border: 1px solid $gray;
|
||||
|
||||
$button-background: $cyan-dark;
|
||||
$button-hover-background: $cyan;
|
||||
|
|
Loading…
Reference in New Issue