juandahveed
9/28/2017 - 1:17 PM
Empty Brand New Starting CSS Template with custom no-pad classes
Empty Brand New Starting CSS Template with custom no-pad classes
@media (min-width : 300px) {
/* ===== GENERIC STYLES ===== */
.vertical_center{
display:flex;
flex-direction:column;
justify-content:center;
resize:vertical;
}
.vertical_end{
display:flex;
flex-direction:column;
justify-content:flex-end;
resize:vertical;
}
/* placeholder text */
::-webkit-input-placeholder {color: #fff;}
:-moz-placeholder {color: #fff;}
::-moz-placeholder {color: #fff;}
:-ms-input-placeholder {color: #fff;}
::-ms-input-placeholder {color: #fff;}
:placeholder-shown {color: #fff;}
.hentry{
margin:0;
}
}
/* 768 and up, tablet and greater */
@media (min-width : 768px) {
}
/* 992 and up, tablet and greater */
@media (min-width : 992px) {
}
/* 1024 and up, tablet and greater */
@media (min-width : 1024px) {
}
/* 1200 and up, tablet and greater */
@media (min-width : 1200px) {
}
/* iPads (landscape) LANDSCAPE ====================================== ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
}
/* iPads (portrait) portrait ====================================== ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
}
/* large desktop ====================================== ----------- */
@media (min-width : 1440px) {
}
/* ===== NO PADDING STYLES ===== */
@media (max-width: 767px) {
.col-xs-no-pad{padding-left:0; padding-right:0;}
}
@media (min-width: 768px)
and (max-width: 991px) {
.col-sm-no-pad{padding-left:0; padding-right:0;}
}
@media (min-width: 992px)
and (max-width: 1199px) {
.col-md-no-pad{padding-left:0; padding-right:0;}
}
@media (min-width: 1200px) {
.col-lg-no-pad{padding-left:0; padding-right:0;}
}