stanislas/site-jouf
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

compilation du nouveau css

Browse source
This commit is contained in:
Stan 2025-03-22 14:54:09 +01:00
parent 063f84f1ad
commit 75a822112f
20 changed files with 2804 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

57
src/scss/_structure.scss Normal file
View file

@ -0,0 +1,57 @@
// Built-In Modules
@use 'sass:map';
// Custom Modules
@use '../../node_modules/flexbox-grid-mixins/dart-sass/flexbox-grid-mixins';
// Included Modules
@use 'variable';
/*-----------------------*
Structure
*-----------------------*/
html,
body {
height: 100%;
}
.container {
width: 100%;
height: 100%;
@include flexbox-grid-mixins.grid($flex-flow: column nowrap);
margin: auto;
}
.content-container {
@include flexbox-grid-mixins.grid-col($flex-grow: 1, $flex-shrink: 0, $flex-basis: auto);
@include flexbox-grid-mixins.grid($justify-content: center);
}
main {
@include flexbox-grid-mixins.grid-col($col: 9, $flex-shrink: 0, $max-width: 75%);
&:only-child {
@include flexbox-grid-mixins.grid-col($col: 12, $flex-shrink: 0, $max-width: 100%);
}
}
.sidebar {
@include flexbox-grid-mixins.grid-col($col: 3, $order: -1);
// position: fixed;
// overflow-x: hidden;
overflow-x: hidden;
overflow-y: scroll;
}
@media screen and (max-width: #{map.get(variable.$default-breakpoints, xs )} ) {
.content-container {
@include flexbox-grid-mixins.grid($flex-flow: column nowrap);
}
main {
@include flexbox-grid-mixins.grid-col($col: none, $flex-shrink: 0, $min-width: 100%);
}
.sidebar {
@include flexbox-grid-mixins.grid-col($col: none, $order: 1);
}
}