eightequal/AstralRinth
1
0
Fork 0
forked from didirus/AstralRinth
Code Pull Requests Activity

Large and outlined buttons (#69)

Browse Source
This commit is contained in:
Prospector
2023-06-20 09:05:26 -07:00
committed by GitHub
parent 61e00f1620
commit 6de1fa0878
3 changed files with 41 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
lib/assets/styles/classes.scss
View File

@@ -304,6 +304,18 @@ a,
--background-color: var(--color-button-bg);
--shadow: var(--shadow-inset-sm), 0 0 0 0 transparent;
&.btn-outline {
--background-color: var(--color-contrast);
--text-color: var(--color-raised-bg);
box-sizing: border-box;
background-color: transparent;
border: 2px solid var(--background-color);
color: var(--background-color);
padding-block: calc(var(--gap-sm) - 2px);
}
&.btn-raised {
--shadow: var(--shadow-inset-sm), var(--shadow-raised);
--background-color: var(--color-raised-bg);
@@ -328,6 +340,11 @@ a,
--background-color: var(--color-orange);
}
&.btn-large {
font-weight: 700;
min-height: 2.5rem;
}
box-sizing: border-box;
color: var(--text-color);