app/assets/stylesheets/eu_cookies/style.scss
@import "eu_cookies/variables";
.eu-cookies {
position: fixed;
left: 0;
#{$cookies-bar-position}: 0;
color: $cookies-bar-text-color;
line-height: $cookies-bar-line-height;
background: $cookies-bar-background-color;
border-top: 1px solid darken($cookies-bar-background-color, 10%);
border-bottom: 1px solid darken($cookies-bar-background-color, 10%);
width: 100%;
z-index: 999;
text-align: center;
.eu-cookies-content-holder {
display: inline-block;
padding: 0 10px;
line-height: 26px;
.eu-cookies-link {
color: $cookies-bar-link-color;
}
}
.eu-cookies-button-holder {
display: inline-block;
padding-right: 20px;
.eu-cookies-ok {
background-color: $cookies-bar-btn-color;
border: 1px solid $cookies-bar-btn-color;
border-radius: 2px;
color: $cookies-bar-btn-text-color;
display: inline-block;
font-size: 11px;
font-weight: bold;
height: 24px;
line-height: 21px;
margin-right: 0px;
min-width: 26px;
outline: 0;
padding: 0 11px;
text-align: center;
white-space: nowrap;
margin: 0 5px;
}
}
}
@media (max-width: 767px){
.eu-cookies{
position: static;
font-size: 12px;
line-height: 20px;
.eu-cookies-content-holder{
line-height: 16px;
padding: 5px 20px;
}
.eu-cookies-button-holder{
padding-bottom: 5px;
}
}
}