Sha256: ba09249e095d24f7c68d5550a1fa5f86ec61f30e7f48845dcef8089c7e360c4c
Contents?: true
Size: 1.33 KB
Versions: 26
Compression:
Stored size: 1.33 KB
Contents
@import "./button_mixins";
@import "../tokens/colors";
$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;
@media (hover:hover) {
&:hover {
color: $text_lt_default;
}
}
}
// 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
26 entries across 26 versions & 1 rubygems