libretic/grav-theme-libretic
6
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Ajout directives flex dans scss pour améliorer alignement et responsive

Browse source
This commit is contained in:
Navas 2022-08-26 18:31:12 +02:00
parent 4e51c0079e
commit d0b3e02b52
4 changed files with 12 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
css-compiled/template.css
View file

File diff suppressed because one or more lines are too long

2
css-compiled/template.min.css vendored
View file

File diff suppressed because one or more lines are too long

5
scss/template/modular/_features.scss
View file

@ -38,6 +38,8 @@
@supports not (flex-wrap: wrap) { @supports not (flex-wrap: wrap) {
overflow: hidden; overflow: hidden;
} }
display: flex;
flex-wrap: wrap;
} }
.feature { .feature {
@ -75,7 +77,7 @@
&.big { &.big {
text-align: center; text-align: center;
.feature { .feature {
width: 33.33%; width: 50%;
@include breakpoint(small-mobile-range) { @include breakpoint(small-mobile-range) {
margin-top: 1rem; margin-top: 1rem;
width: 100%; width: 100%;
@ -89,6 +91,7 @@
} }
.feature-content { .feature-content {
padding-left: 2rem;
padding-right: 2rem; padding-right: 2rem;
text-align: justify; text-align: justify;

2
scss/template/modular/_team.scss
View file

@ -19,6 +19,8 @@ $module-bg: #EEEEEE;
width: 100%; width: 100%;
text-align: left; text-align: left;
padding-top: 2rem; padding-top: 2rem;
display: flex;
flex-wrap: wrap;
.member { .member {
display: inline-block; display: inline-block;
float: left; float: left;