raggedstaff/openfoodnetwork
1
0
Fork 0
mirror of https://github.com/openfoodfoundation/openfoodnetwork synced 2026-02-27 01:43:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #2735 from luisramos0/cookies_colors

Browse Source 
Moved definition of colors in the cookies modal and banner colors to common darkswarm/base/colors
This commit is contained in:
Pau Pérez Fabregat
2018-12-05 08:06:58 +01:00
committed by GitHub
parent 609a4fde4d 1c5d94472f
commit e5a267f4c2
3 changed files with 17 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
app/assets/stylesheets/darkswarm/base/colors.css.scss
View File

@@ -1,4 +1,13 @@
@import 'darkswarm/branding';
$modal-background-color: #efefef;
$modal-content-background-color: #fff;
$modal-alert-link-color: #fff;
$modal-alert-link-hover-color: rgba(255, 255, 255, .7);
$cookies-banner-background-color: $dark-grey;
$cookies-banner-button-background-color: $clr-turquoise;
$cookies-banner-text-color: $white;
$cookies-policy-modal-background-color: $disabled-light;
$cookies-policy-modal-border-bottom-color: $disabled-light;
$cookies-policy-modal-table-tr-even-background-color: $disabled-very-light;

8
engines/web/app/assets/stylesheets/web/pages/cookies_banner.css.scss
View File

@@ -1,18 +1,18 @@
@import 'darkswarm/branding';
@import 'darkswarm/base/colors';
.cookies-banner {
background: $dark-grey;
background: $cookies-banner-background-color;
bottom: 0;
position: fixed;
top: 15% !important;
z-index: 100000;
button {
background-color: $clr-turquoise;
background-color: $cookies-banner-button-background-color;
}
p {
color: $white;
color: $cookies-banner-text-color;
font-size: .75rem;
}

8
engines/web/app/assets/stylesheets/web/pages/cookies_policy_modal.css.scss
View File

@@ -1,14 +1,14 @@
@import 'darkswarm/branding';
@import 'darkswarm/base/colors';
.cookies-policy-modal {
background: $disabled-light;
border-bottom-color: $disabled-light;
background: $cookies-policy-modal-background-color;
border-bottom-color: $cookies-policy-modal-border-bottom-color;
table {
width: 100%;
tr:nth-of-type(even) {
background-color: $disabled-very-light;
background-color: $cookies-policy-modal-table-tr-even-background-color;
}
p {