react-app-shell
Version:
react打包脚本和example, 这里的版本请忽略
73 lines • 1.7 kB
text/less
.countdown {
margin: 0 auto;
margin-top: 30px;
text-align: center;
width: 100%;
.innercon {
display: inline-block;
}
p {
font-size: 28px;
height: 44px;
line-height: 44px;
margin-right: 18px;
float: left;
}
.time {
font-size: 28px;
float: left;
span {
display: inline-block;
height: 44px;
width: 44px;
background-color: #FD4362;
border-radius: 6px;
color: #fff;
font-size: 28px;
text-align: center;
line-height: 44px;
margin: 0 8px;
&:first-child {
margin-left: 0;
}
}
}
.finish {
width: 240px;
margin: 0 auto;
span {
font-size: 40px;
margin-top: 20px;
margin-bottom: 20px;
color: #999999;
display: block;
text-align: center;
position: relative;
&::before {
content: "";
border-top: 2px solid #999999;
height: 2px;
width: 40px;
position: absolute;
top: 50%;
left: 0;
}
&::after {
content: "";
border-top: 2px solid #999999;
height: 2px;
width: 40px;
position: absolute;
top: 50%;
right: 0;
}
}
}
.turnout {
font-size: 24px;
text-align: center;
span {
color: #ff8181;
}
}
}