Laclic
/
ActesCitoyens
Watch 4
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.
87 Commits
3 Branches
Tree: 7911d29b55
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '7911d29b55'
${ noResults }
ActesCitoyens/assets/app/frontend/scss/cookies.scss

115 lines
3.6KB
Raw Blame History 

  1. 

  2. /* Cookies */

  3. 

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

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

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

  7. 

  8. .ch-cookie-consent {

  9.     position: fixed;

  10.     width: 500px ;

  11.     bottom: 20px !important ;

  12.     left: 20px !important ;

  13.     z-index: 100 ;

  14.     padding: 30px ;

  15.     background-color: white ;

  16.     border: solid 1px #e0e0e0 ;

  17. 

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

  19.         //display: none ;

  20.     }

  21. 

  22.     .ch-cookie-consent__title {

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

  24.         color: $color-primary-cookies ;

  25.         font-size: 25px ;

  26.         font-weight: normal ;

  27.         margin-bottom: 7px ;

  28.     }

  29.     .ch-cookie-consent__intro {

  30.         margin-bottom: 5px ;

  31.         line-height: 20px ;

  32.         font-size: 20px;

  33.     }

  34.     .ch-cookie-consent__read-more {

  35.         color: $color-primary-cookies ;

  36.         display: none ;

  37.     }

  38.     form.ch-cookie-consent__form {

  39.         margin-top: 20px ;

  40. 

  41.         .ch-cookie-consent__category-group {

  42.             .ch-cookie-consent__category {

  43.                 display: -ms-flexbox;

  44.                 display: flex;

  45.                 padding-top: 7px ;

  46.                 padding-bottom: 7px ;

  47.                 border: 0px none ;

  48. 

  49.                 .ch-cookie-consent__category-toggle {

  50.                     input {

  51.                         display: none ;

  52.                     }

  53.                     label {

  54.                         cursor: pointer ;

  55.                         text-align: center ;

  56.                         padding: 3px 10px 3px 10px ;

  57.                         text-transform: uppercase ;

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

  59.                         color: $color-primary-cookies ;

  60.                         font-size: 13px ;

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

  62.                     }

  63.                     input:checked + label,

  64.                     label:hover {

  65.                         background: none ;

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

  67.                         color: white ;

  68.                     }

  69.                 }

  70.                 .ch-cookie-consent__category-information {

  71.                     position: relative ;

  72.                     top: -2px ;

  73.                     margin-left: 20px ;

  74.                     .ch-cookie-consent__category-title {

  75.                         color: $color-primary-cookies ;

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

  77.                         margin-bottom: 5px ;

  78.                     }

  79.                     .ch-cookie-consent__category-description {

  80.                         color: gray ;

  81.                         margin-top: 0px ;

  82.                         font-weight: normal;

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

  84.                         font-size: 15px;

  85.                     }

  86.                 }

  87.             }

  88.         }

  89.         .ch-cookie-consent__btn-group {

  90.             margin-top: 15px ;

  91.             text-align: left ;

  92. 

  93.             button {

  94.                 display: block ;

  95.                 margin: 0px ;

  96.                 padding: 10px 0px 10px 0px;

  97.                 cursor: pointer ;

  98.                 background: none ;

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

  100.                 color: white ;

  101.                 text-transform: uppercase ;

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

  103.                 font-weight: normal ;

  104.                 font-size: 15px ;

  105.                 border: solid 1px #e0e0e0 ;

  106.                 width: 100% ;

  107. 

  108.                 &:hover {

  109.                     background-color: white ;

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

  111.                 }

  112.             }

  113.         }

  114.     }

  115. }