qdouze-bludit-theme/scss/mixins/_panels.scss
2024-04-10 20:54:20 +02:00

58 lines
1.3 KiB
SCSS
Executable file

@mixin panel($size) {
@include border-radius($card-radius);
background-color: $color-background-alt;
box-shadow: $large-shadow;
border: none;
margin:0;
margin-bottom:$lineheight;
& > * {
margin-left: $size / 2;
margin-right: $size / 2;
&:first-child,
&.sr-only:first-child ~ * {
margin-top: $size;
&.card-header {
margin-top:$card-header-vmargin;
}
}
&: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);
background-color: var(--accent-color);
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;
}
}