Ela_Front/src/styles/components/_pricing.scss

212 lines
3.8 KiB
SCSS

.pricing {
@media only screen and (max-width: 600px) {
.koUpdateData {
font-size: small;
color: red;
font-style: italic;
}
.okUpdateData {
font-size: small;
color: green;
font-style: italic;
}
.div_row {
float: left;
//border:0px solid black;
border-width: 0.01rem;
width: 100%;
margin-bottom: 1rem;
border-radius: 1rem;
}
.div_row_gauche {
float: left;
//border:0px solid black;
border-width: 0.01rem;
width: 48%;
border-radius: 1rem;
}
.div_row_droite {
float: right;
//border:0px solid black;
border-width: 0.01rem;
width: 48%;
border-radius: 1rem;
}
}
@media only screen and (min-width: 601px) and (max-width: 991px) {
/*style petites-moyennes tablettes */
.koUpdateData {
font-size: small;
color: red;
font-style: italic;
}
.okUpdateData {
font-size: small;
color: green;
font-style: italic;
}
.div_row {
float: left;
//border:0px solid black;
border-width: 0.01rem;
width: 100%;
margin-bottom: 1rem;
border-radius: 1rem;
}
.div_row_gauche {
float: left;
//border:0px solid black;
border-width: 0.01rem;
width: 48%;
border-radius: 1rem;
}
.div_row_droite {
float: right;
//border:0px solid black;
border-width: 0.01rem;
width: 48%;
border-radius: 1rem;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.koUpdateData {
font-size: small;
color: red;
font-style: italic;
}
.okUpdateData {
font-size: small;
color: green;
font-style: italic;
}
.div_row {
float: left;
//border:0px solid black;
border-width: 0.01rem;
width: 100%;
margin-bottom: 1rem;
border-radius: 1rem;
}
.div_row_gauche {
float: left;
//border:0px solid black;
border-width: 0.01rem;
width: 48%;
border-radius: 1rem;
}
.div_row_droite {
float: right;
//border:0px solid black;
border-width: 0.01rem;
width: 48%;
border-radius: 1rem;
}
}
@media only screen and (min-width: 1200px) {
.koUpdateData {
font-size: small;
color: red;
font-style: italic;
}
.okUpdateData {
font-size: small;
color: green;
font-style: italic;
}
.div_row {
float: left;
//border:0px solid black;
border-width: 0.01rem;
width: 100%;
margin-bottom: 0px !important;
margin-top: 0px !important;
border-radius: 1rem;
}
.div_row_gauche {
float: left;
//border:0px solid black;
border-width: 0.01rem;
width: 48%;
border-radius: 1rem;
}
.div_row_droite {
float: right;
//border:0px solid black;
border-width: 0.01rem;
width: 48%;
border-radius: 1rem;
}
.buton_add_price {
border-radius: 10rem;
padding: 0.3rem;
width: 20%;
background: #81BC3A;
float: right;
margin-right: 10px;
border: none;
}
.texte_area {
width: 48% !important;
}
.btn_editer {
width: 15rem;
background-color: #212121 !important;
color: white;
border-radius: 10rem;
}
.btn_enreg {
width: 15rem;
background-color: green !important;
color: white;
border-radius: 10rem;
}
.my_label {
color: rgba(0, 0, 0, 0.6);
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
font-weight: 400;
font-size: small;
line-height: 1.4375em;
letter-spacing: 0.00938em;
}
.div_row_droite_adapt_date{
padding-left: 1rem;
float: left;
}
}
// End media
}