Small Button (active)
CODE
×
HTML
<button class='btn btn-secondary active small' data-filter='0'>All</button>
CSS
button.btn.btn-secondary.active.small { font-family: var(--body-font-boldstrong-1); font-style: var(--body-font-boldstrong-2); font-weight: var(--body-font-boldstrong-3); width:auto; border-width: var(--lw3); padding-left: var(--pl-b); padding-bottom: var(--pb-b); padding-right: var(--pr-b); padding-top: var(--pt-b); letter-spacing: var(--bls); word-spacing: var(--bws); text-transform: var(--btt); font-size: var(--fs-xxs); color: var(--fpb); background-color: var(--bsc2); border-color: var(--lsc2); margin-top: 12px; margin-right: 12px; margin-bottom: 12px; margin-left: 12px; } @media screen and (max-width: 575px) { button.btn.btn-secondary.active.small { width:auto; } } .btn.active { cursor: default; }
JS
Small Button (active)
Last Edit: Dec 8, 2023, 9:43am
×
All