Sha256: 3a1915aee958d6fcdca9d71fddd684dbb98e81ef25552b7fbd2eb04483c359b8
Contents?: true
Size: 1.82 KB
Versions: 8
Compression:
Stored size: 1.82 KB
Contents
.btn { cursor: pointer; font-weight: 600; letter-spacing: .03em; font-size: px2rem(13px); min-width: px2rem(38px); i { font-size: 1rem; vertical-align: -2px; } } .btn-icon { padding-left: .5rem; padding-right: .5rem; text-align: center; } .btn-secondary { @include button-variant(#fff, $input-border-color, #f6f6f6); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05); } .btn-pill { border-radius: 10rem; padding-left: 1.5em; padding-right: 1.5em; } .btn-square { border-radius: 0; } @each $vendor, $color in $social-colors { .btn-#{$vendor} { @include button-variant($color, $color); } } @each $vendor, $color in $colors { .btn-#{$vendor} { @include button-variant($color, $color); } } .btn-option { background: transparent; color: $text-muted; &:hover { color: $text-muted-dark; } &:focus { box-shadow: none; color: $text-muted-dark; } } .btn-sm { font-size: px2rem(12px); min-width: px2rem(26px); } .btn-lg { font-size: px2rem(16px); min-width: px2rem(44px); font-weight: 400; } .btn-list { margin-bottom: -.5rem; font-size: 0; >.btn, >.dropdown { margin-bottom: .5rem; &:not(:last-child) { margin-right: .5rem; } } } .btn-loading { color: transparent !important; pointer-events: none; position: relative; &:after { content: ''; animation: loader 500ms infinite linear; border: 2px solid #fff; border-radius: 50%; border-right-color: transparent !important; border-top-color: transparent !important; display: block; height: 1.4em; width: 1.4em; position: absolute; left: calc(50% - (1.4em / 2)); top: calc(50% - (1.4em / 2)); transform-origin: center; position: absolute !important; } &.btn-sm:after{ height: 1em; width: 1em; left: calc(50% - (1em / 2)); top: calc(50% - (1em / 2)); } &.btn-secondary:after { border-color: $yiq-text-dark; } }
Version data entries
8 entries across 8 versions & 2 rubygems