Sha256: 660eb8a491ad09e496b2bc3a182d477da260d369f5e5596e073cbf48973f58ed
Contents?: true
Size: 1.04 KB
Versions: 6
Compression:
Stored size: 1.04 KB
Contents
@mixin list($separator, $space: 1rem) {
display: flex;
list-style-position: outside;
> * {
display: list-item;
margin-left: $space;
}
> *::marker {
content: " " + $separator + " ";
color: rgba(0, 0, 0, 0.4);
}
> *:first-child {
display: block;
margin-left: 0;
}
}
$inset: 2rem !default;
$title: 4rem;
$breadcrumbs: 3rem;
$actions: 3rem;
$height: $title + $breadcrumbs + $actions;
%header {
border-bottom: 1px solid #ececec;
color: #b2b2b2;
background: #ececec;
display: grid;
grid-template-areas: "breadcrumbs" "title" "actions";
grid-template-rows: $breadcrumbs $title $actions;
.heading {
grid-area: title;
display: flex;
align-items: center;
margin: 0 $inset;
}
.breadcrumbs {
grid-area: breadcrumbs;
display: flex;
align-items: center;
margin: 0 $inset;
@include list("› ", 1.2rem);
}
.actions {
grid-area: actions;
display: flex;
align-items: center;
margin: 0 $inset;
@include list("|", 0.5rem);
list-style-type: square;
}
}
Version data entries
6 entries across 6 versions & 1 rubygems