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

REFACTOR Refining

Browse Source
This commit is contained in:
Nonimart 2026-02-24 17:33:55 +01:00
parent 789af27cd9
commit 980a494795
1 changed files with 10 additions and 60 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

70
resources/css/components/article-revues-toolbar.css
View File

@ -68,81 +68,31 @@
@apply ml-auto;
}
#listen-article,
#stop-reading {
@apply rounded-full w-12 h-12 flex items-center justify-center m-0 p-0 transition-all duration-300;
}
#listen-article {
@apply bg-primary text-white;
&:hover {
@apply scale-110;
}
img {
@apply w-6 h-6;
}
&[data-reading-status='playing'] {
/* @apply bg-blue-500; */
@apply bg-white border border-primary;
/* &:hover {
@apply bg-red-500;
} */
#play-reading {
@apply hidden;
}
#pause-reading {
@apply block;
}
}
&[data-reading-status='stopped'] {
#play-reading {
@apply block;
}
#pause-reading {
@apply hidden;
}
}
&[data-reading-status='paused'] {
@apply bg-yellow-500;
#play-reading {
@apply block;
}
#pause-reading {
@apply hidden;
}
}
}
#stop-reading {
@apply bg-primary hidden;
img {
@apply w-4 h-4;
}
}
&:has(
#listen-article[data-reading-status='playing'],
#listen-article[data-reading-status='paused']
) {
#listen-article[data-reading-status='playing'],
#listen-article[data-reading-status='paused']
) {
#stop-reading {
@apply flex;
}
}
}
.toolbar-actions {
/* .toolbar-actions {
@apply flex items-center gap-3 ml-auto;
@media screen and (max-width: 1024px) {
@apply absolute left-0 translate-y-full;
bottom: -20px;
}
}
} */
}
body:has(
.content-wrapper[data-active-tab='authors'],
.content-wrapper[data-active-tab='references'],
.content-wrapper[data-active-tab='table-of-contents'],
.content-wrapper[data-active-tab='informations']
) {
.content-wrapper[data-active-tab='authors'],
.content-wrapper[data-active-tab='references'],
.content-wrapper[data-active-tab='table-of-contents'],
.content-wrapper[data-active-tab='informations']
) {
@media screen and (max-width: 1024px) {
#article-toolbar {
@apply mb-0;