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

Improvments to button and flex components.

Browse source
This commit is contained in:
Fredrik Jonsson 2026-05-02 21:28:45 +02:00
commit 1beb3ba57f
2 changed files with 36 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

30
assets/css/components/_button.css
View file

@ -16,7 +16,6 @@
/* 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; cursor: pointer;
color: var(--color-button-text); color: var(--color-button-text);
text-shadow: var(--color-button) 0 1px 0;
background: linear-gradient(var(--color-button), var(--color-button-hover)); background: linear-gradient(var(--color-button), var(--color-button-hover));
border: 1px solid var(--color-button-hover); border: 1px solid var(--color-button-hover);
border-radius: var(--radius-s); border-radius: var(--radius-s);
@ -27,7 +26,6 @@
/* Override any link underlines and color changes. */ /* Override any link underlines and color changes. */
text-decoration: none; text-decoration: none;
color: var(--color-button-text-hover); color: var(--color-button-text-hover);
text-shadow: var(--color-button-hover) 0 1px 0;
background: linear-gradient(var(--color-button-hover), var(--color-button)); background: linear-gradient(var(--color-button-hover), var(--color-button));
} }
@ -59,11 +57,39 @@
} }
.button--accept { .button--accept {
color: var(--color-success);
border-color: var(--color-success); border-color: var(--color-success);
&:hover,
&:focus-visible,
&:active {
color: var(--color-button-text);
background: var(--color-success);
}
} }
.button--decline { .button--decline {
color: var(--color-warning);
border-color: var(--color-warning); border-color: var(--color-warning);
&:hover,
&:focus-visible,
&:active {
color: var(--color-button-text);
background: var(--color-warning);
}
}
.button--delete {
color: var(--color-error);
border-color: var(--color-error);
&:hover,
&:focus-visible,
&:active {
color: var(--color-button-text);
background: var(--color-error);
}
} }
/* The disabled variation should always go last, so that it overrides any /* The disabled variation should always go last, so that it overrides any

8
assets/css/components/_flex-inline.css
View file

@ -16,3 +16,11 @@
.flex-inline--inline { .flex-inline--inline {
display: inline-flex; display: inline-flex;
} }
.flex-inline--center {
align-items: center;
}
.flex-inline--baseline {
align-items: baseline;
}