Skip to content

Instantly share code, notes, and snippets.

@handrihmw
Last active October 24, 2022 05:25
Show Gist options
  • Save handrihmw/efce352c3a8389c6a3081100c52570c7 to your computer and use it in GitHub Desktop.
Save handrihmw/efce352c3a8389c6a3081100c52570c7 to your computer and use it in GitHub Desktop.
%btn-helper {
-webkit-box-align: baseline;
align-items: baseline;
border: none;
border-radius: 2rem;
box-sizing: border-box;
font-family: "NunitoSansSemibold", sans-serif;
font-size: 1rem;
font-weight: 600;
height: 3rem;
letter-spacing: 0.02rem;
line-height: normal;
outline: none;
padding: 0.75rem 2.5rem;
text-align: center;
text-decoration: none;
text-transform: capitalize;
white-space: nowrap;
}
// Button Size
.as-btn--xs {
padding: 0.5rem 1rem;
}
.as-btn--sm {
font-size: 0.875rem;
height: 2.5rem;
padding: 0.5rem 1.5rem;
}
.as-btn--md {
padding: 0.75rem 3rem;
}
.as-btn--lg {
font-size: 1.25rem;
height: 3.5rem;
padding: 0.75rem 4rem;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment