ViMaSter/hackertours-theme
Watch
0
0
Fork
You've already forked hackertours-theme
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Convert to css style comments, part 2.

Browse source
This commit is contained in:
Fredrik Jonsson 2025-09-18 10:55:39 +02:00
commit 9f8b1eaf18
1 changed files with 234 additions and 201 deletions
Download patch file Download diff file Expand all files Collapse all files

12
assets/sass/components/button/_button.scss
View file

@ -1,18 +1,20 @@
// Button
/* Button */
.button,
%button,
[type='button'],
[type='submit'] {
@extend %button--disabled;
// Some styles don't apply to <a> links since they are inline elements by default.
/* Some styles don't apply to <a> links since they are inline elements by default. */
display: inline-block;
font-family: var(--ff-headings);
text-decoration: none;
text-align: center;
width: fit-content;
padding: .2rem 1rem;
// Improve usability and consistency of cursor style between image-type `input` and others.
/* Improve usability and consistency of cursor style between image-type `input` and others. */
cursor: pointer;
color: var(--color-button-text);
text-shadow: var(--color-button) 0 1px 0;
@ -23,7 +25,7 @@
&:hover,
&:focus-visible,
&:active {
// Override any link underlines and color changes.
/* Override any link underlines and color changes. */
text-decoration: none;
color: var(--color-button-text-hover);
text-shadow: var(--color-button-hover) 0 1px 0;
@ -35,7 +37,7 @@
}
}
// Add button variations here.
/* Add button variations here. */
.button,
%button {
&--small {