Sha256: 4939a1a4dec4d1251116d39499143f5c38f6e379bf1988fd594f7f78b67809af
Contents?: true
Size: 1.29 KB
Versions: 5
Compression:
Stored size: 1.29 KB
Contents
.btn {
border-radius: $btn-border-radius;
border-collapse: separate !important;
}
.btn td {
border-radius: $btn-border-radius;
text-align: center;
}
.btn td a {
font-size: $btn-font-size;
font-family: $btn-font-family;
text-decoration: none;
border-radius: $btn-border-radius;
padding: $btn-padding-y $btn-padding-x;
line-height: $btn-line-height;
border: $btn-border-width solid transparent;
display: inline-block;
font-weight: $btn-font-weight;
white-space: nowrap;
}
@each $color, $value in $theme-colors {
.btn-#{$color} td {
background-color: $value;
}
.btn-#{$color} td a {
background-color: $value;
@include color-yiq($value);
border-color: $value;
}
}
@each $color, $value in $theme-colors {
.btn-outline-#{$color} td {
background-color: transparent;
border-color: $value;
}
.btn-outline-#{$color} td a {
background-color: transparent;
border-color: $value;
color: $value;
}
}
.btn-sm td a {
font-size: $btn-font-size-sm;
padding: $btn-padding-y-sm $btn-padding-x-sm;
line-height: $btn-line-height-sm;
border-radius: $btn-border-radius-sm;
}
.btn-lg td a {
font-size: $btn-font-size-lg;
padding: $btn-padding-y-lg $btn-padding-x-lg;
line-height: $btn-line-height-lg;
border-radius: $btn-border-radius-lg;
}
Version data entries
5 entries across 5 versions & 1 rubygems