Sha256: 12c30807aeb36e7d6aa963e2efa5df9491dca83343d7f6ea634c660c9b57ef71
Contents?: true
Size: 1.24 KB
Versions: 17
Compression:
Stored size: 1.24 KB
Contents
.block.header {
background-color: map-get($color,slate);
letter-spacing: 0;
font-size: 1.6rem;
color: white;
display: grid;
}
.block.header-container {
@media#{map-get($query,min640)} {
padding-right: 5%;
padding-left: 5%;
}
}
@media#{map-get($query,min640)} {
.block.header-wrap {
grid-auto-flow: column;
grid-column-gap: 20px;
padding-bottom: 30px;
align-items: center;
padding-top: 30px;
display: grid;
}
}
.block.header-logo {
justify-content: flex-start;
white-space: nowrap;
display: grid;
svg {
width: 100%;
}
@media#{map-get($query,max639)} {
border-bottom: 1px solid white;
justify-content: center;
justify-items: center;
text-align: center;
padding: 20px;
}
}
.block.header-logo:not(.title-shop) {
grid-row-gap: 10px;
svg {
width: 160px;
fill: white;
}
}
.block.header-logo.title-shop {
grid-row-gap: 5px;
svg {
max-width: 230px;
}
}
.block.header-menu {
justify-content: flex-end;
grid-auto-flow: column;
grid-column-gap: 20px;
display: grid;
@media#{map-get($query,max639)} {
justify-content: center;
padding-bottom: 20px;
padding-top: 20px;
}
@media#{map-get($query,min768)} {
grid-column-gap: 20px;
}
}
Version data entries
17 entries across 17 versions & 1 rubygems