Adrien/actuel-inactuel
1
0
Fork 0
Code Issues 13 Pull requests Projects Releases Packages Wiki Activity Actions

correction bouton du bas telephone, placement z-index

Browse source
This commit is contained in:
antonin gallon 2025-11-24 11:58:20 +01:00
parent 57b2e432e2
commit 00ffa70d4c
6 changed files with 58 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

6
assets/css/src/footer.css
View file

@ -32,11 +32,13 @@
justify-content: center;
width: 100%;
outline: none;
border-top: 1px solid var(--color-background);
border-top: 1px solid var(--color-primary);
font-size: var(--font-size-m);
background-color: var(--color-primary);
background-color: var(--color-background);
padding: calc(var(--unit--vertical) / 2) var(--unit--horizontal);
margin-bottom: env(safe-area-inset-bottom);
color: var(--color-primary);
line-height: 1;
}
}

7
assets/css/src/header.css
View file

@ -47,11 +47,6 @@ main article > div {
[data-theme="light"] #logo #actuel {
font-weight: 550;
color: white;
/*diag*/
/* text-shadow: -1px -1px var(--color-primary), 1px 1px var(--color-primary); */
/*difus*/
/* text-shadow: -2px 0 5px var(--color-primary), 2px 0 5px var(--color-primary); */
/*partout*/
text-shadow: -1px 0 var(--color-primary), 1px 0 var(--color-primary), 0 -1px var(--color-primary),0 1px var(--color-primary);
}
@ -59,7 +54,6 @@ main article > div {
#logo #inactuel {
mix-blend-mode: difference;
}
#logo #inactuel {
transition: margin-top 0.3s ease-in-out, transform 0.3s ease-in-out;
}
@ -114,6 +108,7 @@ button.toggle.right::before {
bottom: 8px;
width: 100%;
box-sizing: border-box;
}
.page-cover .links li {

6
assets/css/src/nav.css
View file

@ -127,11 +127,13 @@ footer {
justify-content: center;
width: 100%;
outline: none;
border-top: 1px solid var(--color-background);
border-top: 1px solid var(--color-primary);
font-size: var(--font-size-m);
background-color: var(--color-primary);
background-color: var(--color-background);
padding: calc(var(--unit--vertical) / 2) var(--unit--horizontal);
margin-bottom: env(safe-area-inset-bottom);
color: var(--color-primary);
line-height: 1;
}
/* ================= LISTS ================= */

52
assets/css/src/print.css
View file

@ -1,5 +1,6 @@
@media print {
/* Hide header / footer infos. */
@page {
margin: 0;
size: auto;
@ -25,13 +26,45 @@
}
}
body {
padding-top: 4rem;
color: var(--color-primary);
.panel, nav {
display: none;
}
.panel {
display: none;
/* regle du light mode dupliqué*/
:root {
--color-background: #ffffff;
--color-primary: #000;
--color-secondary-rgb: 140, 140, 140;
--font-weight-light: 240;
}
body {
padding-top: 4rem;
background-image: none;
background-color: var(--color-background) !important;
}
.minimized #inactuel{
transform: none !important;
margin: 0 !important;
}
#logo h1{
display: grid;
grid-template-columns: 100%;
grid-template-rows: auto;
}
#logo #actuel, #logo #inactuel{
grid-column: 1;
grid-row: 1;
}
#logo #actuel {
font-weight: 550;
color: rgb(254, 250, 254) !important;
text-shadow: -1px 0 var(--color-primary), 1px 0 var(--color-primary), 0 -1px var(--color-primary),0 1px var(--color-primary);
z-index: 100;
}
#logo #inactuel {
z-index: 0;
}
.main-title.fs-xxl {
@ -43,15 +76,6 @@
position: relative;
}
#logo #actuel {
color: var(--color-primary);
opacity: 0.8;
}
#logo #inactuel {
color: rgb(86, 217, 163);
}
#entry-btns {
display: none;
}

13
assets/css/src/toggle-light-mode.css
View file

@ -2,9 +2,9 @@
position: fixed;
right: 0;
bottom: 0;
padding: var(--unit--vertical) var(--unit--horizontal);
}
.theme-toggler > *{
padding: calc((var(--unit--vertical) / 2) / 2) calc(var(--unit--horizontal) / 2);
margin: calc((var(--unit--vertical) / 2) / 2) calc(var(--unit--horizontal) / 2);
z-index: 100;
}
.theme-toggler-icon {
width: 1.2rem;
@ -17,4 +17,11 @@
mask: var(--icon-theme-toggler) no-repeat center;
-webkit-mask: var(--icon-theme-toggler) no-repeat center;
}
@media screen and (max-width: 640px) {
.theme-toggler-icon {
width: 1.1rem;
height: 1.1rem;
}
}

2
assets/css/style.css
View file

@ -10,8 +10,8 @@
@import url("src/grid.css");
@import url("src/newsletter.css");
@import url("src/footer.css");
@import url("src/print.css");
@import url("src/toggle-light-mode.css");
@import url("src/print.css");