Commit 03bbf75b by zhengxiao

feat: remove index.css

parent 6e3b84d8
/*retain 1px border start*/
/*
retainbt: 上边框
retainbb: 下边框
retainbl: 左边框
retainbr: 右边框
retainb: 四周边框
retainbRound: 四周边框(圆角)
*/
.retainbt,
.retainbb,
.retainbl,
.retainbr,
.retainb,
.retainbRound {
position: relative;
position: relative !important;
}
.retainbt:before,
.retainbb:after {
pointer-events: none;
position: absolute;
content: '';
height: 1px;
background: rgba(0, 0, 0, 0.2);
left: 0;
right: 0;
}
.retainbt:before {
top: 0;
}
.retainbb:after {
bottom: 0;
}
.retainbl:before,
.retainbr:after {
pointer-events: none;
position: absolute;
content: '';
width: 1px;
background: rgba(0, 0, 0, 0.2);
top: 0;
bottom: 0;
}
.retainbl:before {
left: 0;
}
.retainbr:after {
right: 0;
}
.retainb:after {
position: absolute;
content: '';
top: 0;
left: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 100%;
border: 1px solid rgba(0, 0, 0, 0.2);
pointer-events: none;
}
.retainbRound:after {
position: absolute;
content: '';
top: 0;
left: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 100%;
border-radius: 10px;
border: 1px solid rgba(0, 0, 0, 0.2);
pointer-events: none;
}
@media (-webkit-min-device-pixel-ratio: 1.5),
(min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi),
(min-resolution: 1.5dppx) {
.retainbt:before,
.retainbb:after {
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
}
.retainbl:before,
.retainbr:after {
-webkit-transform: scaleX(0.5);
transform: scaleX(0.5);
}
.retainb:after,
.retainbRound:after {
width: 200%;
height: 200%;
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
.retainbt:before,
.retainbl:before,
.retainb:after,
.retainbRound:after {
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
.retainbb:after,
.retainbr:after {
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
}
@media (-webkit-device-pixel-ratio: 1.5) {
.retainbt:before,
.retainbb:after {
-webkit-transform: scaleY(0.6666);
transform: scaleY(0.6666);
}
.retainbl:before,
.retainbr:after {
-webkit-transform: scaleX(0.6666);
transform: scaleX(0.6666);
}
.retainb:after,
.retainbRound:after {
width: 150%;
height: 150%;
-webkit-transform: scale(0.6666);
transform: scale(0.6666);
}
}
@media (-webkit-device-pixel-ratio: 3) {
.retainbt:before,
.retainbb:after {
-webkit-transform: scaleY(0.3333);
transform: scaleY(0.3333);
}
.retainbl:before,
.retainbr:after {
-webkit-transform: scaleX(0.3333);
transform: scaleX(0.3333);
}
.retainb:after,
.retainbRound:after {
width: 300%;
height: 300%;
-webkit-transform: scale(0.3333);
transform: scale(0.3333);
}
}
/* retain 1px border end */
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment