Sha256: af2d976ad04664a8a76582088ae551811dda93d7f3bd8b833b4cab7327515d41
Contents?: true
Size: 1.67 KB
Versions: 5
Compression:
Stored size: 1.67 KB
Contents
@import "../tokens/spacing";
@import "../tokens/colors";
@import "../tokens/screen_sizes";
// $nspace-xs: 4px;
// $nspace-sm: 8px;
// $nspace-md: 16px;
// $nspace-lg: 24px;
// $nspace-xl: 32px;
@mixin base-list-style {
ul, ol {
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: $ink-lightest;
font-weight: $bold;
margin-right: $space-sm;
}
}
li {
border-bottom: 1px solid $sky;
padding: $space-sm 0;
display: flex;
align-items: left;
&:last-child {
border-bottom: 0;
// padding-bottom: 0;
}
}
}
@mixin li-layout-grid {
display: grid;
grid-template: auto / repeat(12,1fr);
align-items: center;
}
[class*=pb_list]{
@include base-list-style;
}
[class^=pb_list]{
&[class*=_dark] li {
color: $white ;
border-bottom: 1px solid $white-opacity-1;
&:before {
color: $white-opacity-7;
}
}
&[class*=_lg] li {
padding: $space-lg 0;
}
&[class*=_xpadding] li {
padding-left: $space-md;
padding-right: $space-md;
}
&[class*=_borderless] li {
border-bottom: 0;
}
&[class*=_layout_left] li {
@include li-layout-grid;
:nth-child(odd){
grid-column: 1 / 1 ;
}
:nth-child(even){
grid-column: 2 / -1 ;
text-align:left;
}
}
&[class*=_layout_right] li {
@include li-layout-grid;
:nth-child(odd){
grid-column: 1 / -2 ;
}
:nth-child(even){
grid-column: -1 ;
text-align:right;
}
}
}
Version data entries
5 entries across 5 versions & 1 rubygems