Skip to content

Instantly share code, notes, and snippets.

@tankbar
Created April 4, 2022 13:15
Show Gist options
  • Save tankbar/38f94abb25cf57c03369241601cecdf6 to your computer and use it in GitHub Desktop.
Save tankbar/38f94abb25cf57c03369241601cecdf6 to your computer and use it in GitHub Desktop.
Example of SCSS for button
.btn,
.button,
button,
input[type=button],
input[type=submit] {
-webkit-appearance: none;
-moz-appearance: none;
cursor: pointer;
position: relative;
display: inline-block;
vertical-align: middle;
box-sizing: border-box;
border: none;
background: $brand-primary;
font-family: $font-headers;
font-size: 16px;
line-height: 20px;
font-weight: 700;
color: white;
text-align: center;
text-transform: none;
text-decoration: none;
text-shadow: none;
padding: 10px 20px;
border-radius: 30px;
transition: all .3s ease;
&:hover {
background: darken(5%, $brand-primary);
}
@media screen and (min-width: 1025px) {
&:hover {
}
}
&.disabled {
opacity: .3;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment