167 lines
2.9 KiB
SCSS
167 lines
2.9 KiB
SCSS
.Article {
|
|
|
|
|
|
|
|
@media only screen and (max-width: 600px) {
|
|
|
|
|
|
.img_note_class{
|
|
width: 25%;
|
|
height: 25%;
|
|
}
|
|
|
|
.btn-success{
|
|
font-size: x-small !important;
|
|
font-family: "DM Sans", "sans-serif";
|
|
//width: 50%!important;
|
|
padding: 0.2rem !important;
|
|
}
|
|
|
|
|
|
|
|
.media_sociaux {
|
|
svg{
|
|
margin-top: 0 !important;
|
|
text-align: left !important;
|
|
}
|
|
|
|
.SocialIcon {
|
|
height: 20px!important;
|
|
width: 20px!important;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.rech_middlebox {
|
|
float: left;
|
|
border-width: 2px;
|
|
width: 100%;
|
|
height: 100%;
|
|
margin: auto;
|
|
padding: 0.1rem;
|
|
border-radius: 30px;
|
|
margin-right: 0.5%;
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 601px) and (max-width: 991px) {
|
|
|
|
|
|
.img_note_class{
|
|
width: 15%;
|
|
height: 15%;
|
|
}
|
|
|
|
.btn-success{
|
|
font-size: x-small !important;
|
|
font-family: "DM Sans", "sans-serif";
|
|
//width: 50%!important;
|
|
padding: 0.2rem !important;
|
|
}
|
|
|
|
.media_sociaux {
|
|
svg{
|
|
margin-top: 0 !important;
|
|
text-align: left !important;
|
|
}
|
|
|
|
.SocialIcon {
|
|
height: 20px!important;
|
|
width: 20px!important;
|
|
}
|
|
}
|
|
|
|
|
|
.rech_middlebox {
|
|
float: left;
|
|
border-width: 2px;
|
|
width: 100%;
|
|
height: 100%;
|
|
margin: auto;
|
|
padding: 0.1rem;
|
|
border-radius: 30px;
|
|
margin-right: 0.5%;
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 992px) and (max-width: 1199px) {
|
|
|
|
|
|
.img_note_class{
|
|
width: 10%;
|
|
height: 10%;
|
|
}
|
|
|
|
.btn-success{
|
|
font-size: x-small !important;
|
|
font-family: "DM Sans", "sans-serif";
|
|
//width: 40%!important;
|
|
padding: 0.2rem !important;
|
|
}
|
|
.media_sociaux {
|
|
svg{
|
|
margin-top: 0 !important;
|
|
text-align: left !important;
|
|
}
|
|
|
|
.SocialIcon {
|
|
height: 20px!important;
|
|
width: 20px!important;
|
|
}
|
|
}
|
|
|
|
|
|
.rech_middlebox {
|
|
float: left;
|
|
border-width: 2px;
|
|
width: 100%;
|
|
height: 100%;
|
|
margin: auto;
|
|
padding: 0.1rem;
|
|
border-radius: 30px;
|
|
margin-right: 0.5%;
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 1200px) {
|
|
|
|
|
|
.img_note_class{
|
|
width: 10%;
|
|
height: 10%;
|
|
}
|
|
|
|
.btn-success{
|
|
font-size: x-small !important;
|
|
font-family: "DM Sans", "sans-serif";
|
|
//width: 40%!important;
|
|
padding: 0.2rem !important;
|
|
}
|
|
|
|
.media_sociaux {
|
|
svg{
|
|
margin-top: 0 !important;
|
|
text-align: left !important;
|
|
}
|
|
|
|
.SocialIcon {
|
|
height: 25px!important;
|
|
width: 25px!important;
|
|
}
|
|
}
|
|
|
|
|
|
.rech_middlebox {
|
|
float: left;
|
|
border-width: 2px;
|
|
width: 100%;
|
|
height: 100%;
|
|
margin: auto;
|
|
padding: 0.1rem;
|
|
border-radius: 30px;
|
|
margin-right: 0.5%;
|
|
}
|
|
}
|
|
}
|