pk/atst
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixes to panel styles

Browse Source
This commit is contained in:
Andrew Croce 2018-07-16 12:31:20 -04:00
parent 4abcec9746
commit 37c50be559
2 changed files with 59 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

49
scss/elements/_block_lists.scss Normal file
View File

@ -0,0 +1,49 @@
@mixin block-list {
@include panel-margin;
> ul {
list-style: none;
margin: 0;
padding: 0;
}
}
@mixin block-list-header {
@include panel-base;
@include panel-theme-default;
padding: $gap * 2;
}
@mixin block-list__title {
@include h4;
margin: 0;
}
@mixin block-list-item {
@include panel-base;
margin: 0;
padding: $gap * 2;
border-top: 0;
border-bottom: 1px dashed $color-gray-light;
&li:last-child {
border-bottom-style: solid;
}
}
.block-list {
@include block-list;
}
.block-list__header {
@include block-list-header;
}
.block-list__title {
@include block-list__title;
}
.block-list__item {
@include block-list-item;
}

13
scss/elements/_panels.scss
View File

@ -9,6 +9,8 @@
border-bottom-width: 1px; border-bottom-width: 1px;
border-top-style: solid; border-top-style: solid;
border-bottom-style: solid; border-bottom-style: solid;
border-left: 0;
border-right: 0;
} }
@mixin panel-theme-default { @mixin panel-theme-default {
@ -29,9 +31,14 @@
@include panel-theme-default; @include panel-theme-default;
@include panel-margin; @include panel-margin;
&__content { .panel__content {
padding-left: $gap*4; margin: ($gap * 2) 0;
padding-right: $gap*4; padding: 0 ($gap * 2);
@include media($medium-screen) {
margin: ($gap * 4) 0;
padding: 0 ($gap * 4);
}
} }
} }