Sha256: 94c89d71bad4019264933dd8070753aeb16fdeb37b407d89d5fb5a6c5e8a465a
Contents?: true
Size: 1.49 KB
Versions: 4
Compression:
Stored size: 1.49 KB
Contents
.group-button {
@extend %button_base;
@extend %button_brand;
padding: 10px 25px;
background-color: $button-group-bg;
color: $button-group-color;
border: 1px solid $button-group-color;
font-size: em(14px);
font-weight: bold;
letter-spacing: 2px;
text-transform: uppercase;
transition: all 0.3s ease;
&:hover {
background-color: $button-group-color;
color: $button-group-bg;
}
&:active {
box-shadow: 0 3px 13px rgba($button-group-color, 0.30);
}
&:focus {
box-shadow: 0 5px 18px rgba($button-group-color, 0.35);
}
}
.button-group {
position: relative;
display: inline-block;
vertical-align: middle;
font-size: em(14px);
@include clearfix();
.group-button {
margin-right: -3px;
border-right: 1px solid transparent;
&:first-child {
border-top-left-radius: $button-group-radius;
border-bottom-left-radius: $button-group-radius;
}
&:last-child {
border-right: 1px solid $button-group-color;
margin-right: 0;
border-top-right-radius: $button-group-radius;
border-bottom-right-radius: $button-group-radius;
}
}
&.no-radius {
.group-button {
&:first-child {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
&:last-child {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
}
}
}
// Size classes
.group-small {
font-size: em(12px);
}
.group-medium {
font-size: em(16px);
}
.group-large {
font-size: em(20px);
}
Version data entries
4 entries across 4 versions & 1 rubygems