Sha256: b52b8a2c120721a87993c66ee4056b7e0d0a5be58409490623b99e95c42897ac
Contents?: true
Size: 1.63 KB
Versions: 7
Compression:
Stored size: 1.63 KB
Contents
/* Cookie Banner */
.heroku-cookie-banner {
background: #F9F9FB;
font-family: inherit;
line-height: 1.4;
box-shadow: 0 0 0 1px rgba(89,105,128,0.05),0 3px 20px 0 rgba(89,105,128,0.1),0 1px 2px 0 rgba(0,0,0,0.05);
position: relative;
z-index: 1000;
display: flex;
}
.heroku-cookie-banner a {
color: #1969ca;
}
.heroku-cookie-banner.heroku-cookie-banner p {
margin: 0;
padding: 0;
color: #333D47;
padding: 15px 20px;
max-width: 1024px;
margin-right: auto;
font-size: 14px;
line-height: 1.4;
}
.heroku-cookie-banner__dismiss {
border-left: 1px solid #e7e7e7;
display: flex;
padding: 20px;
transition: background-color 0.3s;
}
.heroku-cookie-banner__dismiss:hover {
background-color: #F0F7FF;
}
.heroku-cookie-banner__dismiss svg {
width: 16px;
height: 100%;
fill: currentColor;
vertical-align: middle;
}
/* Media Queries */
@media (max-width: 600px) {
.heroku-cookie-banner {
font-size: 13px;
flex-direction: column;
}
.heroku-cookie-banner p,
.heroku-cookie-banner__dismiss {
padding: 15px;
}
.heroku-cookie-banner__dismiss {
text-decoration: none;
border-top: 1px solid #eee;
border-left: none;
}
.heroku-cookie-banner__dismiss::after {
content: "Dismiss";
padding-left: 10px;
}
.heroku-cookie-banner__dismiss svg {
height: 16px;
}
}
/* Overrides */
/* Banner mode */
#heroku-cookie-banner.banner-mode .heroku-cookie-banner {
border-radius: 3px;
margin: 20px auto;
z-index: 0;
max-width: 1024px;
}
/* Overrides */
/* Fixed mode */
#heroku-cookie-banner.fixed-mode .heroku-cookie-banner {
position: fixed;
top: 0;
left: 0;
width: 100%;
}
Version data entries
7 entries across 7 versions & 1 rubygems