styles, replace colors by variables, minor changes with colors

This commit is contained in:
Mathieu Jaumotte 2021-07-31 11:00:37 +02:00
parent a48d7f5e94
commit 9764ee1794
3 changed files with 34 additions and 24 deletions

View File

@ -148,7 +148,7 @@ div.banner {
text-decoration: none;
&.phone,
&.email {
color: white;
color: $white;
}
}
.id-number {
@ -247,7 +247,7 @@ table.table-bordered {
// move from chillmain.css, converted to sass
div#usefulbar {
background-color: #fbba3a;
background-color: $yellow;
z-index: 1000;
padding-right: 15px;
@ -265,11 +265,11 @@ div#usefulbar {
padding-right: 10px;
}
li {
color: white;
color: $white;
margin-left: 10px;
a {
color: white;
text-shadow: 0px 0px 1px #555;
color: $white;
text-shadow: 0px 0px 1px $gray-600;
}
i.icon-user-add {
&:before {
@ -278,20 +278,18 @@ div#usefulbar {
}
&#search_element {
text-align: right;
}
&#search_element div#search_form {
margin: 0;
padding: 0;
button {
color: white;
border: none;
bottom: -2px;
height: 35px;
}
}
&#search_element div#search_form {
div, .field {
div#search_form {
margin: 0;
padding: 0;
div, .field {
margin: 0;
}
button {
color: $white;
border: none;
bottom: -2px;
height: 35px;
}
}
}
}
@ -310,6 +308,8 @@ div#flashMessages {
text-transform: capitalize;
}
// probably used in client chill.
// think to rename like above
input.belgian_national_number_inversed_date {
width: 7em;
margin-right: 1em;
@ -321,3 +321,10 @@ input.belgian_national_number_daily_counter {
input.belgian_national_number_control_digit {
width: 3em;
}
//
input.belgian_national_number {
&.inversed_date {}
&.daily_counter {}
&.control_digit {}
}

View File

@ -41,7 +41,7 @@ div.flex-bloc {
&:first-child {
flex-grow: 0; flex-shrink: 0; flex-basis: auto;
padding-bottom: 0.5em;
border-bottom: 1px dotted #0000004f;
border-bottom: 1px dotted $gray-900;
margin-bottom: 0.5em;
}
&:last-child {
@ -79,6 +79,9 @@ div.flex-table {
padding: 1em;
&:nth-child(even) {
background-color: $gray-200;
.chill-user-quote {
background-color: $gray-100;
}
}
div.item-row {
@ -86,7 +89,7 @@ div.flex-table {
flex-direction: row;
&:not(:first-child) {
margin-top: 0.5em;
border-top: 1px dotted #0000004f;
border-top: 1px dotted $gray-900;
padding-top: 0.5em;
flex-direction: column;
}

View File

@ -14,7 +14,7 @@ $gray-400: #ced4da !default;
$gray-500: #b2b2b2 !default;
$gray-600: #6c757d !default;
$gray-700: #495057 !default;
$gray-800: #333333 !default;
$gray-800: #2c2d2f !default;
$gray-900: #212529 !default;
$black: #111 !default;
// scss-docs-end gray-color-variables
@ -160,7 +160,7 @@ $chill-pink: $pink;
$chill-gray: $gray-600;
$chill-dark-gray: $gray-800;
$chill-light-gray: $gray-200;
$chill-llight-gray: $gray-100;
$chill-llight-gray: $gray-100;
// scss-docs-end theme-color-variables
// scss-docs-start theme-colors-map
@ -176,7 +176,7 @@ $theme-colors: (
) !default;
// scss-docs-end theme-colors-map
$chill-colors: (
$chill-colors: (
"chill-blue": $chill-blue,
"chill-green": $chill-green,
"chill-green-dark": $chill-green-dark,
@ -382,7 +382,7 @@ $border-color: $gray-300 !default;
// scss-docs-end border-variables
// scss-docs-start border-radius-variables
$border-radius: .25rem !default; // <==
$border-radius: .25rem !default; // <==
$border-radius-sm: .2rem !default;
$border-radius-lg: .3rem !default;
$border-radius-pill: 50rem !default;