scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add baseText style

Browse Source
This commit is contained in:
Fredrik Thorsson
2024-06-28 14:29:46 +02:00
parent 5b30d8cb0d
commit d2b6e9e358
6 changed files with 65 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
components/TempDesignSystem/Button/button.module.css
View File

@@ -41,6 +41,12 @@ a.inverted {
border: none;
}
.text,
a.text {
background: none;
border: none;
}
/* VARIANTS */
.default,
a.default {
@@ -227,6 +233,41 @@ a.default {
fill: var(--Base-Button-Inverted-On-Fill-Disabled);
}
.baseText {
color: var(--Base-Button-Text-On-Fill-Normal, #4d001b);
}
.baseText:active,
.baseText:focus,
.baseText:hover {
color: var(--Base-Button-Text-On-Fill-Hover, #8f4350);
text-decoration: underline;
}
.baseText:disabled {
color: var(--Base-Button-Text-On-Fill-Disabled, #a8a4a2);
}
.icon.baseText svg,
.icon.baseText svg * {
fill: var(--Base-Button-Text-On-Fill-Normal, #4d001b);
}
.icon.baseText:active svg,
.icon.baseText:focus svg,
.icon.baseText:hover svg,
.icon.baseText:active svg *,
.icon.baseText:focus svg *,
.icon.baseText:hover svg * {
fill: var(--Base-Button-Text-On-Fill-Hover, #8f4350);
text-decoration: underline;
}
.icon.baseText:disabled svg,
.icon.baseText:disabled svg * {
fill: var(--Base-Button-Text-On-Fill-Disabled, #a8a4a2);
}
.primaryStrongPrimary {
background-color: var(--Theme-Primary-Strong-Button-Primary-Fill-Normal);
color: var(--Theme-Primary-Strong-Button-Primary-On-Fill-Normal);