Laclic
/
PietroSkeleton
Watch 3
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
5 Commits
1 Branch
Tree: f7a3687ddb
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'f7a3687ddb'
${ noResults }
PietroSkeleton/assets/app/frontend/scss/cookies.scss

114 lines
3.5KB
Raw Blame History 

  1. /* Cookies */

  2. 

  3. $color-primary-cookies: $orange;

  4. $font-family-cookies-title: 'FranklinGothic';

  5. $font-family-cookies-text: 'dinbold';

  6. 

  7. .ch-cookie-consent {

  8.     position: fixed;

  9.     width: 500px;

  10.     bottom: 20px !important;

  11.     left: 20px !important;

  12.     z-index: 100;

  13.     padding: 30px;

  14.     background-color: white;

  15.     border: solid 1px #e0e0e0;

  16. 

  17.     &.ch-cookie-consent--bottom {

  18.         //display: none;

  19.     }

  20. 

  21.     .ch-cookie-consent__title {

  22.         font-family: $font-family-cookies-title;

  23.         color: $color-primary-cookies;

  24.         font-size: 25px;

  25.         font-weight: normal;

  26.         margin-bottom: 7px;

  27.     }

  28.     .ch-cookie-consent__intro {

  29.         margin-bottom: 5px;

  30.         line-height: 20px;

  31.         font-size: 20px;

  32.     }

  33.     .ch-cookie-consent__read-more {

  34.         color: $color-primary-cookies;

  35.         display: none;

  36.     }

  37.     form.ch-cookie-consent__form {

  38.         margin-top: 20px;

  39. 

  40.         .ch-cookie-consent__category-group {

  41.             .ch-cookie-consent__category {

  42.                 display: -ms-flexbox;

  43.                 display: flex;

  44.                 padding-top: 7px;

  45.                 padding-bottom: 7px;

  46.                 border: 0px none;

  47. 

  48.                 .ch-cookie-consent__category-toggle {

  49.                     input {

  50.                         display: none;

  51.                     }

  52.                     label {

  53.                         cursor: pointer;

  54.                         text-align: center;

  55.                         padding: 3px 10px 3px 10px;

  56.                         text-transform: uppercase;

  57.                         border: solid 1px $color-primary-cookies;

  58.                         color: $color-primary-cookies;

  59.                         font-size: 13px;

  60.                         font-family: $font-family-cookies-text;

  61.                     }

  62.                     input:checked + label,

  63.                     label:hover {

  64.                         background: none;

  65.                         background-color: $color-primary-cookies;

  66.                         color: white;

  67.                     }

  68.                 }

  69.                 .ch-cookie-consent__category-information {

  70.                     position: relative;

  71.                     top: -2px;

  72.                     margin-left: 20px;

  73.                     .ch-cookie-consent__category-title {

  74.                         color: $color-primary-cookies;

  75.                         font-family: $font-family-cookies-text;

  76.                         margin-bottom: 5px;

  77.                     }

  78.                     .ch-cookie-consent__category-description {

  79.                         color: gray;

  80.                         margin-top: 0px;

  81.                         font-weight: normal;

  82.                         font-family: $font-family-cookies-text;

  83.                         font-size: 15px;

  84.                     }

  85.                 }

  86.             }

  87.         }

  88.         .ch-cookie-consent__btn-group {

  89.             margin-top: 15px;

  90.             text-align: left;

  91. 

  92.             button {

  93.                 display: block;

  94.                 margin: 0px;

  95.                 padding: 10px 0px 10px 0px;

  96.                 cursor: pointer;

  97.                 background: none;

  98.                 background-color: $color-primary-cookies;

  99.                 color: white;

  100.                 text-transform: uppercase;

  101.                 font-family: $font-family-cookies-title;

  102.                 font-weight: normal;

  103.                 font-size: 15px;

  104.                 border: solid 1px #e0e0e0;

  105.                 width: 100%;

  106. 

  107.                 &:hover {

  108.                     background-color: white;

  109.                     color: $color-primary-cookies !important;

  110.                 }

  111.             }

  112.         }

  113.     }

  114. }