funky-framadate-front/src/assets/scss/useful_classes.scss

168 lines
2.0 KiB
SCSS

@charset "UTF_8";
.align-right {
display: flex;
justify-content: flex-end;
}
.pull-right {
float: right;
}
/*Btm paddings*/
.padding-btm-x1 {
padding-bottom: 10px;
}
.padding-btm-x2 {
padding-bottom: 20px;
}
.padding-btm-x3 {
padding-bottom: 30px;
}
.padding-btm-x4 {
padding-bottom: 40px;
}
.padding-btm-x5 {
padding-bottom: 50px;
}
.padding-btm-x6 {
padding-bottom: 60px;
}
.padding-btm-x7 {
padding-bottom: 70px;
}
.padding-btm-x8 {
padding-bottom: 80px;
}
/*Btm margins*/
.margin-btm-x1 {
margin-bottom: 10px;
}
.margin-btm-x2 {
margin-bottom: 20px;
}
.margin-btm-x3 {
margin-bottom: 30px;
}
.margin-btm-x4 {
margin-bottom: 40px;
}
.margin-btm-x5 {
margin-bottom: 50px;
}
.margin-btm-x6 {
margin-bottom: 60px;
}
.margin-btm-x7 {
margin-bottom: 70px;
}
.margin-btm-x8 {
margin-bottom: 80px;
}
/*Top paddings*/
.padding-top-x1 {
padding-top: 10px;
}
.padding-top-x2 {
padding-top: 20px;
}
.padding-top-x3 {
padding-top: 30px;
}
.padding-top-x4 {
padding-top: 40px;
}
.padding-top-x5 {
padding-top: 50px;
}
.padding-top-x6 {
padding-top: 60px;
}
.padding-top-x7 {
padding-top: 70px;
}
.padding-top-x8 {
padding-top: 80px;
}
/*Top margins*/
.margin-top-x1 {
margin-top: 10px;
}
.margin-top-x2 {
margin-top: 20px;
}
.margin-top-x3 {
margin-top: 30px;
}
.margin-top-x4 {
margin-top: 40px;
}
.margin-top-x5 {
margin-top: 50px;
}
.margin-top-x6 {
margin-top: 60px;
}
.margin-top-x7 {
margin-top: 70px;
}
.margin-top-x8 {
margin-top: 80px;
}
.margin-right-x2 {
margin-bottom: 20px;
}
.text-14 {
font-size: 14px;
}
/*Pour masquer la page lors de l'apparition d'une popup*/
.rgba-black {
position: fixed;
inset: 0px;
width: 100vw;
height: 100vh;
border: medium none;
z-index: 2147483647;
background-color: rgba(216, 216, 216, 0.4);
}
.text-ellipsis {
text-overflow: ellipsis;
max-width: auto;
word-break: break-all;
}