adrien-payet/actuel-inactuel
1
0
Fork 0
Code Issues 12 Pull requests Projects Releases Packages Wiki Activity Actions

migrate CSS to SCSS

Browse source 
Rename all src/*.css to src/_*.scss partials and convert style.css
to style.scss with SASS imports.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
isUnknown 2026-03-21 17:10:44 +01:00
parent 30570cc931
commit ccdfd37fe9
18 changed files with 1353 additions and 32 deletions
Download patch file Download diff file Expand all files Collapse all files

96
assets/css/src/_footer.scss Normal file
View file

@ -0,0 +1,96 @@
#main-footer {
position: fixed;
bottom: 0;
box-sizing: border-box;
border-bottom: 0;
}
[data-template="home"] #main-footer {
position: fixed;
left: 0;
bottom: 0;
}
@media screen and (max-width: 640px) {
#main-footer ul {
bottom: 0;
display: flex;
justify-content: space-around;
border-top: 1px solid var(--color-primary);
background-color: var(--color-background);
}
#main-footer .open-nav-wrapper:has([data-open-panel="toc"]) {
margin-right: 50px;
}
}
@media screen and (min-width: 1100px) {
/* On mobile > 1100px, le bouton table des matières n'est pas nécessaire car la TOC est visible */
#main-footer .open-nav-wrapper:has([data-open-panel="toc"]) {
display: none !important;
}
}
#main-footer li:not(.open-nav-wrapper) {
display: none;
}
#main-footer li {
flex: 1;
}
#main-footer li > * {
width: calc(100% - var(--unit--vertical) * 2);
}
#main-footer button.open-nav {
transform: translateY(-2px);
}
[data-template="home"] .title-wrapper button.open-nav {
display: inline-block !important;
}
@media screen and (max-width: 640px) {
#main-footer .open-nav {
display: flex;
justify-content: center;
outline: none;
font-size: var(--font-size-m);
background-color: var(--color-background);
color: var(--color-primary);
line-height: 1;
padding: calc(var(--unit--vertical) / 2) var(--unit--horizontal);
}
}
@media screen and (min-width: 640px) {
#main-footer li {
display: block !important;
}
#main-footer {
position: fixed;
left: 0;
bottom: 0;
width: var(--body-padding);
background-color: transparent;
padding: var(--unit--vertical) var(--unit--horizontal);
}
#main-footer ul {
display: block;
}
#main-footer button.open-nav {
margin-bottom: var(--unit--vertical);
}
[data-template="home"] #main-footer .open-nav-wrapper {
display: none !important;
}
.open-nav-wrapper {
padding: 0;
border: none;
background-color: transparent;
}
}