Sha256: 1ec52e1e23e95d16d7ff443062bef65a6c85daa699cf866e5a8f5ce1d317d6a5
Contents?: true
Size: 1.94 KB
Versions: 250
Compression:
Stored size: 1.94 KB
Contents
@import "card_mixin";
@import "../utilities/colors";
[class^=pb_card_kit] {
@include pb_card;
padding: $space_md;
&[class*=_selected] {
@include pb_card_selected;
}
&.dark {
@include pb_card_dark;
&[class*=_selected] {
@include pb_card_selected_dark;
}
}
&[class*=_border_none] {
border-width: 0px;
}
[class^=pb_card_header_kit] {
flex-grow: 0;
flex-shrink: 0;
flex-basis: auto;
min-height: 1px;
padding: $space_sm;
border: 0;
border-radius: $pb_card_header_border_radius $pb_card_header_border_radius 0px 0px;
@each $color_name, $color_value in $pb_card_header_colors {
&[class*=_#{$color_name}] {
@include pb_card_header_color($color_value);
color: lightenText($color_value);
}
}
@each $color_name, $color_value in $pb_card_header_colors {
&[class*=_#{$color_name}_striped] {
@if ((type-of($color_value) == color)) {
background: repeating-linear-gradient(
45deg,
$color_value,
$color_value 10px,
lighten( $color_value, 5% ) 10px,
lighten( $color_value, 5% ) 20px
);
}
}
}
&[class*=_white] {
border-bottom: 1px solid $border_light;
}
}
[class^=pb_card_body_kit] {
flex-grow: 0;
flex-shrink: 0;
flex-basis: auto;
min-height: 1px;
border: 0;
padding: $space_md;
}
&[class*=_highlight] {
overflow: hidden;
}
&[class*=_highlight_top] {
@each $color_name, $color_value in $pb_card_highlight_colors {
&[class*=_highlight_#{$color_name}]::before {
@include pb_card_highlight(100%, $pb_card_highlight_size, $color_value);
}
}
}
&[class*=_highlight_side] {
@each $color_name, $color_value in $pb_card_highlight_colors {
&[class*=_highlight_#{$color_name}]::before {
@include pb_card_highlight($pb_card_highlight_size, 100%, $color_value);
}
}
}
}
Version data entries
250 entries across 250 versions & 1 rubygems