kspace-bludit-theme/scss/mixins/_panels.scss
2024-04-10 20:58:16 +02:00

58 lines
1.4 KiB
SCSS

@mixin panel($size) {
@include border-radius($card-radius);
background-color: $color-background-alt;
box-shadow: $large-shadow;
border: none;
margin:0;
margin-bottom:$lineheight;
box-shadow: $btn-shadow;
& > * {
margin-left: $size / 2;
margin-right: $size / 2;
&:first-child,
&.sr-only:first-child ~ * {
margin-top: $size;
&.card-header {
margin-top:$card-header-vmargin;
letter-spacing: normal;
}
}
&:last-child {
margin-bottom: $size;
&.card-header {
margin-bottom:$card-header-vmargin;
}
}
}
}
@mixin panel-header($size) {
font-family: $basefont;
font-size:1em;
font-weight: $fontweight_bold;
padding: $size/2 $card-header-padding;
padding-bottom: $size/2!important;
margin:$lineheight_rel / 2 $card-header-hmargin;
// margin-bottom:$lineheight_rel / 2;
// margin-top:$lineheight_rel / 2;
line-height:1;
position:relative;
left: $card-header-position;
width:$card-header-width;
@include shape-style($size);
border-radius:0;
&:first-child {
border-top-left-radius: $card-radius;
border-top-right-radius: $card-radius;
}
&:last-child {
border-bottom-left-radius: $card-radius;
border-bottom-right-radius: $card-radius;
}
}