ldc-doux/resources/sass/frontend/_utils.scss
Sebastien Hattry b0c28605fb create BO 1/2
2021-12-01 09:01:04 +01:00

102 lines
1.5 KiB
SCSS
Vendored

.align-center {
text-align: center;
}
.align-left {
text-align: left;
}
.align-justify {
text-align: justify;
}
.bold {
font-weight: bold;
}
.ttu {
text-transform: uppercase;
}
.has-bckg--grey {
background-color: #f5f5f5;
}
.is-flex {
display: flex;
&.vertical-center {
align-items: center;
}
&.horizontal-center {
justify-content: center;
}
&.start {
align-items: flex-start;
}
&.wrap {
flex-wrap: wrap;
}
&.space-between {
justify-content: space-between;
}
}
.is-small {
margin-top: 35px;
margin-bottom: 35px;
font-size: 12px;
}
.p-rel {
position: relative;
}
.p-abs {
position: absolute;
}
.color-red {
color: $color-second;
}
.color-blue {
color: $color-blue;
}
.color-yellow {
color: $color-main;
}
.font-size-medium {
font-size: 45px;
}
@media screen and (min-width: 800px) {
.is-flex .w50 {
flex-basis: 50%;
&:nth-child(2) {
margin-left: 35px;
}
}
.is-flex .w100 {
flex-basis: 100%;
&:nth-child(1) {
padding-right: 185px;
}
&:nth-child(2) {
margin-left: 35px;
}
}
}
@media screen and (max-width: 799px) {
.is-flex {
flex-direction: column;
}
.blue-products.is-flex {
flex-direction: initial;
justify-content: center;
}
.smrt-align-center {
text-align: center;
}
}