gcch/journal-media-vue
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

2025-02-26
All checks were successful
ci/woodpecker/push/publish_instable Pipeline was successful
Details

Browse source
This commit is contained in:
gcch 2025-02-26 23:25:48 +01:00
commit a4a99789a9
23 changed files with 294 additions and 298 deletions
Download patch file Download diff file Expand all files Collapse all files

34
src/styles/themes/default/buttons.css
View file

@ -1,27 +1,27 @@
button {
--button-background-color: var(--color-secondary);
--button-border-color: var(--color-primary);
--button-background-color: var(--root-background-color);
--button-border-color: var(--root-text-color);
--button-font-weight: 100;
--button-padding: var(--s-2);
--button-text-color: var(--color-primary);
--button-text-color: var(--root-text-color);
padding: var(--button-padding);
border: 1px solid var(--button-border-color);
font-weight: var(--button-font-weight);
color: var(--button-text-color);
background-color: var(--button-background-color);
box-shadow: 4px 4px 0 0 var(--color-primary);
box-shadow: 4px 4px 0 0 var(--root-text-color);
&:hover {
--button-background-color: var(--color-primary);
--button-border-color: var(--color-secondary);
--button-font-weight: 120;
--button-text-color: var(--color-secondary);
--button-background-color: var(--root-text-color);
--button-border-color: var(--root-background-color);
--button-font-weight: var(--brkly-font-weight-semibold);
--button-text-color: var(--root-background-color);
}
&:active {
transform: translateX(2px) translateY(2px);
box-shadow: 1px 1px 0 0 var(--color-primary);
box-shadow: 1px 1px 0 0 var(--root-text-color);
}
&:focus-visible {
@ -30,11 +30,11 @@ button {
/* Inversion des couleurs. */
&.invert {
--button-background-color: var(--color-primary);
--button-border-color: var(--color-secondary);
--button-text-color: var(--color-secondary);
--button-background-color: var(--root-text-color);
--button-border-color: var(--root-background-color);
--button-text-color: var(--root-background-color);
outline-color: var(--color-secondary);
outline-color: var(--root-background-color);
}
/* TODO: Déplacer dans un Composant. */
@ -44,7 +44,7 @@ button {
border: initial;
&:hover {
color: var(--color-primary);
color: var(--root-text-color);
background: var(--bg75-secondary);
}
@ -63,7 +63,7 @@ button {
outline-offset: initial;
&:hover {
--button-border-color: var(--color-primary);
--button-border-color: var(--root-text-color);
}
&:focus-visible {
@ -72,8 +72,8 @@ button {
&:active {
transform: initial;
border: 1px solid var(--color-primary);
outline: 1px solid var(--color-secondary);
border: 1px solid var(--root-text-color);
outline: 1px solid var(--root-background-color);
outline-offset: -0.1rem;
}
}