diff --git a/src/components/_buttons.scss b/src/components/_buttons.scss index 768f278..f242878 100644 --- a/src/components/_buttons.scss +++ b/src/components/_buttons.scss @@ -1,4 +1,4 @@ -.button, .button:visited, button, input[type=submit], .badge, .menu a, .menu span { +.button, .button, button, input[type=submit], .badge, .menu a, .menu span { font-size: 1em; background-color: var(--color-accent); color: var(--color-contrast-accent); @@ -10,7 +10,8 @@ display: inline-block; } -a[href].button:not(.link), a[href].button:visited, button, input[type=submit], a[href].badge:not(.link), a[href].badge:visited { +a[href].button:not(.link), a[href].button:visited:not(.link), button, input[type=submit], a[href].badge:not(.link), a[href].badge:visited:not(.link) { + background-color: var(--color-accent); color: var(--color-contrast-accent); text-decoration: none; transition: background-color .5s ease; @@ -37,7 +38,7 @@ a[href].button:not(.link), a[href].button:visited, button, input[type=submit], a background-color: transparent; } -.badge { +.badge, .button.small { font-size: 0.8em; padding: 0.33rem .5rem; }