shiran/discourse_theme_ran
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Button styling and states (#35)

Browse Source
This commit is contained in:
chapoi
2025-03-12 01:01:18 +08:00
committed by GitHub
parent a90b691505
commit cdf49bd516
4 changed files with 49 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files
scss/nav-pills.scss
+22 -11
View File
@@ -20,7 +20,16 @@
// font-size: var(--font-up-1-rem);
&:hover {
border: 1px solid var(--accent-color);
box-shadow: 0px 0px 8px 2px var(--button-box-shadow);
}
&:focus-visible {
.discourse-no-touch & {
background: var(--secondary);
color: var(--accent-color);
box-shadow: 0px 0px 0px 3px var(--button-box-shadow);
.d-icon {
color: var(--accent-color);
}
}
}
}
.select-kit.combo-box.category-drop.has-selection
@@ -36,15 +45,17 @@
.nav-pills > li > a:hover,
.nav-pills > li button:hover {
background: transparent;
color: var(--accent-color);
&::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
right: 0;
height: var(--d-nav-underline-height);
background: var(--accent-color);
.discourse-no-touch & {
background: transparent;
color: var(--accent-color);
&::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
right: 0;
height: var(--d-nav-underline-height);
background: var(--accent-color);
}
}
}