diff --git a/src/Bundle/ChillMainBundle/Resources/public/chill/chillmain.scss b/src/Bundle/ChillMainBundle/Resources/public/chill/chillmain.scss index c1aa19213..5f57dd1bc 100644 --- a/src/Bundle/ChillMainBundle/Resources/public/chill/chillmain.scss +++ b/src/Bundle/ChillMainBundle/Resources/public/chill/chillmain.scss @@ -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 {} +} diff --git a/src/Bundle/ChillMainBundle/Resources/public/chill/scss/flex_table.scss b/src/Bundle/ChillMainBundle/Resources/public/chill/scss/flex_table.scss index c01ebc41d..2573e7387 100644 --- a/src/Bundle/ChillMainBundle/Resources/public/chill/scss/flex_table.scss +++ b/src/Bundle/ChillMainBundle/Resources/public/chill/scss/flex_table.scss @@ -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; } diff --git a/src/Bundle/ChillMainBundle/Resources/public/module/bootstrap/custom/_variables.scss b/src/Bundle/ChillMainBundle/Resources/public/module/bootstrap/custom/_variables.scss index dc2a722cf..04cf765e0 100644 --- a/src/Bundle/ChillMainBundle/Resources/public/module/bootstrap/custom/_variables.scss +++ b/src/Bundle/ChillMainBundle/Resources/public/module/bootstrap/custom/_variables.scss @@ -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;