Sha256: 020f53abee5358771260b10f80b819fada801a96a6e8f67b91c44dfce3250e1b
Contents?: true
Size: 1.22 KB
Versions: 69
Compression:
Stored size: 1.22 KB
Contents
@import "./button_mixins";
$pb_button_sizes: (
"sm": 0.75rem,
"md": 0.875rem,
"lg": 1.125rem,
);
[class*=pb_button_kit]{
@include pb_button;
// Size =================
@each $name, $size in $pb_button_sizes {
&[class*=size_#{$name}] {
font-size: $size;
padding: calc(#{$size} / 2) calc(#{$size} * 2.42) !important;
@if $name == "sm" {
min-height: 0;
}
}
}
// Variants =================
&[class*=_primary] {
@include pb_button_primary;
}
&[class*=_secondary] {
@include pb_button_secondary;
}
&[class*=_link] {
@include pb_button_link;
}
// Disabled =================
&[class*=_disabled] {
@include pb_button_disabled;
}
// Block ====================
&[class*=_block] {
@include pb_button_block;
}
// Loading ==================
&[class*=_loading] {
@include pb_button_loading(true);
}
// Dark Variants =============
&.dark {
&[class*=_primary] {
@include pb_button_primary_dark;
}
&[class*=_secondary] {
@include pb_button_secondary_dark;
}
&[class*=_link] {
@include pb_button_link_dark;
}
&[class*=_disabled] {
@include pb_button_disabled_dark;
}
}
}
Version data entries
69 entries across 69 versions & 1 rubygems