css 空的全新的启动CSS模板与自定义无垫类

Posted 2021-05-13

@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;}
}