Sha256: ee275f6602ea08a999856056564c126d97622d0c2116338cd7b926f98ee6438b
Contents?: true
Size: 1.53 KB
Versions: 1411
Compression:
Stored size: 1.53 KB
Contents
@import "../tokens/spacing";
@import "../tokens/colors";
@import "../tokens/typography";
@import "../tokens/screen_sizes"; // $nspace-xs: 4px;
@mixin pb_list {
ol,
ul {
margin: 0;
padding: 0;
list-style: none;
}
ol {
counter-reset: list-counter;
li:before {
content: counter(list-counter);
counter-increment: list-counter;
display: block;
width: 20px;
flex: 0 0 20px;
text-align: left;
color: $text_lt_lighter;
font-weight: $bold;
margin-right: $space-sm;
}
}
li {
border-bottom: 1px solid $border_light;
padding: $space-sm 0;
display: flex;
align-items: left;
&:last-child {
border-bottom: 0;
}
}
}
@mixin pb_list_layout_grid {
display: grid;
grid-template: auto / repeat(12,1fr);
align-items: center;
}
@mixin pb_list_layout_left {
@include pb_list_layout_grid;
:nth-child(odd) {
grid-column: 1 / 1;
}
:nth-child(even) {
grid-column: 2 / -1;
text-align: left;
}
}
@mixin pb_list_layout_right {
@include pb_list_layout_grid;
:nth-child(odd) {
grid-column: 1 / -2;
}
:nth-child(even) {
grid-column: -1;
text-align: right;
}
}
@mixin pb_list_dark {
color: $white;
border-bottom: 1px solid $border_dark;
&:last-child {
border-bottom: 0;
}
&:before {
color: $text_dk_light;
}
}
@mixin pb_list_large {
padding: $space-lg 0;
}
@mixin pb_list_x_padding {
padding-left: $space-md;
padding-right: $space-md;
}
@mixin pb_list_borderless {
border-bottom: 0;
}
Version data entries
1,411 entries across 1,411 versions & 1 rubygems