Sha256: d3517776e265d3bdf182cfbe2b1a4ed35c932026c21b443eba79512a6edbac3e
Contents?: true
Size: 1.08 KB
Versions: 60
Compression:
Stored size: 1.08 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;
margin: 0 $inset;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.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
60 entries across 60 versions & 1 rubygems