Chill-project/chill-bundles
6
0
Fork 0
mirror of https://gitlab.com/Chill-Projet/chill-bundles.git synced 2025-06-13 13:54:23 +00:00
Code Issues Actions Projects Releases Wiki Activity

styles, replace colors by variables, minor changes with colors

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
src/Bundle/ChillMainBundle/Resources/public/chill/chillmain.scss
View File

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

7
src/Bundle/ChillMainBundle/Resources/public/chill/scss/flex_table.scss
View File

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

8
src/Bundle/ChillMainBundle/Resources/public/module/bootstrap/custom/_variables.scss
View File

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