diff --git a/assets/css/src/footer.css b/assets/css/src/footer.css index 67937ed..a50de8a 100644 --- a/assets/css/src/footer.css +++ b/assets/css/src/footer.css @@ -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; } } diff --git a/assets/css/src/header.css b/assets/css/src/header.css index 6290dff..e35fa02 100644 --- a/assets/css/src/header.css +++ b/assets/css/src/header.css @@ -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 { diff --git a/assets/css/src/nav.css b/assets/css/src/nav.css index 02d7b6c..e30dd0f 100644 --- a/assets/css/src/nav.css +++ b/assets/css/src/nav.css @@ -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 ================= */ diff --git a/assets/css/src/print.css b/assets/css/src/print.css index 47810e2..25c61bc 100644 --- a/assets/css/src/print.css +++ b/assets/css/src/print.css @@ -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; } diff --git a/assets/css/src/toggle-light-mode.css b/assets/css/src/toggle-light-mode.css index 0e061fc..d8d44ce 100644 --- a/assets/css/src/toggle-light-mode.css +++ b/assets/css/src/toggle-light-mode.css @@ -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; +} + } \ No newline at end of file diff --git a/assets/css/style.css b/assets/css/style.css index 71c4eaf..b2f743a 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -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");