AsiaV5/assets/stylesheets/template/layout/home.scss

94 lines
1.7 KiB
SCSS

$home-font-color: #252525;
$home-font-hover: #2988bd;
$home-more-color: #707070;
.page-home{
.layout-content{
.container{}
.layout-content-boxL{
padding: 0 15px;
}
.layout-content-boxR{
padding: 0 15px;
font-size: $font-15;
line-height: 1.6;
font-family: $main-font;
position: relative;
.about-more{
line-height: 1;
a{
color: $home-more-color;
&:hover{
color: lighten( $home-more-color , 10%);
}
}
}
}
h3.w-annc__widget-title,h3{
margin-bottom: 15px;
}
.w-annc.widget-announcement-5{
position: relative;
.w-annc__meta i,.w-annc__postdate,.w-annc__status-wrap,.w-annc__category{
color: #2988bd;
}
li.w-annc__item{
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 25px;
}
h4.w-annc__entry-title{
margin-top: 3px;
a.w-annc__title{
font-size: 1rem;
color: $home-font-color;
&:hover{
color: $home-font-hover;
}
}
}
.w-annc__more-wrap{
line-height: 1;
a{
color: $home-more-color;
&:hover{
color: lighten( $home-more-color , 10%);
}
}
}
}
@media (min-width: $screen-md){
.layout-content-boxL{
float: left;
width: 68%;
}
.w-annc.widget-announcement-5{
.w-annc__more-wrap{
position: absolute;
right: 0;
top: 11px;
}
}
.layout-content-boxR{
float: right;
width: 32%;
.about-more{
position: absolute;
right: 15px;
top: 11px;
}
}
}
@media (max-width: $screen-md){
.layout-content-boxL{
margin-bottom: 25px;
}
.layout-content-boxR{
.about-more {
margin-top: 20px;
text-align: right;
}
}
}
}
}