corrige error
This commit is contained in:
parent
31c71e034f
commit
4f55843d07
|
@ -31,6 +31,188 @@ a {
|
||||||
margin-right: 20px;
|
margin-right: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.start {
|
||||||
|
justify-content: flex-start;
|
||||||
|
}
|
||||||
|
|
||||||
|
.center {
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.end {
|
||||||
|
justify-content: flex-end;
|
||||||
|
}
|
||||||
|
|
||||||
|
.v-center {
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.row {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
// ENABLE FOR DEV OR FOR DEMONSTRATION
|
||||||
|
|
||||||
|
.col{
|
||||||
|
border: 3px solid red;
|
||||||
|
}
|
||||||
|
.row{
|
||||||
|
border: 3px solid green;
|
||||||
|
}
|
||||||
|
*/
|
||||||
|
|
||||||
|
@media screen and (min-width: 600px) {
|
||||||
|
.s1 {
|
||||||
|
width: calc(1 * 8.334%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.s2 {
|
||||||
|
width: calc(2 * 8.334%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.s3 {
|
||||||
|
width: calc(3 * 8.334%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.s4 {
|
||||||
|
width: calc(4 * 8.334%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.s5 {
|
||||||
|
width: calc(5 * 8.334%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.s6 {
|
||||||
|
width: calc(6 * 8.334%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.s7 {
|
||||||
|
width: calc(7 * 8.334%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.s8 {
|
||||||
|
width: calc(8 * 8.334%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.s9 {
|
||||||
|
width: calc(9 * 8.334%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.s10 {
|
||||||
|
width: calc(10 * 8.334%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.s11 {
|
||||||
|
width: calc(11 * 8.334%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.s12 {
|
||||||
|
width: calc(12 * 8.334%);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (min-width: 600px) and (max-width: 992px) {
|
||||||
|
.m1 {
|
||||||
|
width: calc(1 * 8.334%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.m2 {
|
||||||
|
width: calc(2 * 8.334%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.m3 {
|
||||||
|
width: calc(3 * 8.334%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.m4 {
|
||||||
|
width: calc(4 * 8.334%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.m5 {
|
||||||
|
width: calc(5 * 8.334%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.m6 {
|
||||||
|
width: calc(6 * 8.334%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.m7 {
|
||||||
|
width: calc(7 * 8.334%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.m8 {
|
||||||
|
width: calc(8 * 8.334%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.m9 {
|
||||||
|
width: calc(9 * 8.334%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.m10 {
|
||||||
|
width: calc(10 * 8.334%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.m11 {
|
||||||
|
width: calc(11 * 8.334%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.m12 {
|
||||||
|
width: calc(12 * 8.334%);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (min-width: 992px) {
|
||||||
|
.l1 {
|
||||||
|
width: calc(1 * 8.334%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.l2 {
|
||||||
|
width: calc(2 * 8.334%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.l3 {
|
||||||
|
width: calc(3 * 8.334%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.l4 {
|
||||||
|
width: calc(4 * 8.334%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.l5 {
|
||||||
|
width: calc(5 * 8.334%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.l6 {
|
||||||
|
width: calc(6 * 8.334%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.l7 {
|
||||||
|
width: calc(7 * 8.334%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.l8 {
|
||||||
|
width: calc(8 * 8.334%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.l9 {
|
||||||
|
width: calc(9 * 8.334%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.l10 {
|
||||||
|
width: calc(10 * 8.334%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.l11 {
|
||||||
|
width: calc(11 * 8.334%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.l12 {
|
||||||
|
width: calc(12 * 8.334%);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.materialize-red {
|
.materialize-red {
|
||||||
background-color: #e51c23 !important;
|
background-color: #e51c23 !important;
|
||||||
}
|
}
|
||||||
|
|
|
@ -2,6 +2,7 @@
|
||||||
@import 'softbox';
|
@import 'softbox';
|
||||||
@import 'choicebox';
|
@import 'choicebox';
|
||||||
@import 'home';
|
@import 'home';
|
||||||
|
@import 'grille';
|
||||||
// MATERIALIZE CSS
|
// MATERIALIZE CSS
|
||||||
@import 'materialize/sass/materialize.scss';
|
@import 'materialize/sass/materialize.scss';
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue