Sha256: a2cb692bfb4c01be5cc0072865ee065db6122e3e00cf6cf1276a1c3b86d7ba35
Contents?: true
Size: 946 Bytes
Versions: 6
Compression:
Stored size: 946 Bytes
Contents
.btn,
input[type="submit"],
input[type="reset"],
input[type="button"] {
position: relative;
display: inline-block;
padding: 18px 30px;
font-size: 11px;
font-family: inherit;
line-height: 1.5;
letter-spacing: 0.2em;
text-decoration: none;
text-transform: uppercase;
white-space: nowrap;
cursor: pointer;
color: $bg-color;
background-color: $button-dark;
text-align: center;
border: 0;
border-radius: 0;
transition: all 0.45s cubic-bezier(0.25, 1, 0.33, 1);
outline: 0;
&::after {
display: none;
}
&:hover,
:focus,
:active {
color: $bg-color;
background-color: lighten($button-dark, 14%);
outline: 0;
}
}
.btn + .btn {
margin-top: 2em;
@include breakpoint(350px) {
margin-top: 0;
margin-left: 2em;
}
}
button:disabled {
cursor: not-allowed;
opacity: .65;
transition: background-color .2s ease;
&:hover,
:focus {
background-color: $button-dark;
}
}
Version data entries
6 entries across 6 versions & 2 rubygems