Antoine/carhop__dynamiques-theme__PROD-DEV
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

FEATURE Introducing toolbar button styling

Browse Source
This commit is contained in:
Nonimart 2025-06-24 15:21:17 +02:00
parent b0c67d96f8
commit 9bc2bc2bf5
2 changed files with 24 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
resources/css/app.css
View File

@ -30,6 +30,7 @@
@import './components/sommaire-index.css'; @import './components/sommaire-index.css';
@import './components/index-panel.css'; @import './components/index-panel.css';
@import './components/footnotes-index.css'; @import './components/footnotes-index.css';
@import './components/article-toolbar.css';
/* ########### PAGES ############ */ /* ########### PAGES ############ */
@import './pages/singles.css'; @import './pages/singles.css';

23
resources/css/components/article-toolbar.css Normal file
View File

@ -0,0 +1,23 @@
#article-toolbar {
@apply col-span-2;
.tablist {
@apply flex gap-12 border-b border-primary;
button {
@apply text-xl mt-8 nunito pb-4 flex items-center gap-4;
.icon {
@apply w-8 h-8 block;
}
&[aria-selected='true'] {
@apply text-primary border-b-4 border-primary;
.icon {
@apply filter-primary;
}
}
&[aria-selected='false'] {
@apply text-black opacity-40;
}
}
}
}