发表于： 2020-05-13 23:06:40
1 1418
今天的任务：
继续推进任务15，完成部分模块的媒体查询：
// global
.df-sb {display: flex; justify-content: space-between;}
.pct100 {width: 100%;}
.clwh {color: white;}
.cl78 {color: #29b078;}
.bgwh {background-color: white;}
.bg78 {background-color: #29b078;}
// common
.g-hd {
&:extend(.pct100, .bgwh, .cl78);
.m-hd {
&:extend(.df-sb, .bgwh);
height: 40px;
align-items: center;
max-width: 1140px;
padding: 0 60px;
margin: 0 auto;
.m-ct {
&:extend(.df-sb);
width: 120px;
}
}
}
.g-nav {
&:extend(.pct100, .bg78);
.m-nav {
&:extend(.g-hd .m-hd, .bg78);
height: 98px;
.m-snav {
.u-snav li {
display: inline-block;
padding: 38px 24px 32px;
color: white;
font-size: 16px;
text-decoration: none;
}
}
}
}
.u-dropdown {
display: none;
}
@media all and (max-width: 768px) {
.u-dropdown {
display: block;
}
.u-snav {
display: none;
}
.u-dropdown:hover li {
display: block;
}
}
明天继续推进任务
返回列表
评论