69 lines
1.2 KiB
SCSS
69 lines
1.2 KiB
SCSS
|
@charset "utf-8";
|
||
|
|
||
|
@import "../initial";
|
||
|
|
||
|
.layout-content {
|
||
|
min-height: 60.5em;
|
||
|
margin-bottom: 2em;
|
||
|
|
||
|
.container {
|
||
|
width: 940px;
|
||
|
@extend .response-content;
|
||
|
@media (max-width: 767px) {
|
||
|
width: 100%;
|
||
|
}
|
||
|
|
||
|
& > .row {
|
||
|
margin: 0;
|
||
|
width: calc(100% - 250px);
|
||
|
float: right;
|
||
|
@media (max-width: 767px) {
|
||
|
width: 100%;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
.banner { z-index: 1; }
|
||
|
.banner, .breadcrumb-wrap, .page-box {
|
||
|
width: calc(100% - 250px);
|
||
|
float: right;
|
||
|
@media (max-width: 767px) {
|
||
|
width: 100%;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.w-annc__more-wrap .w-annc__more {
|
||
|
color: $btn-color;
|
||
|
text-align: left;
|
||
|
text-decoration: underline;
|
||
|
padding: 1em 0;
|
||
|
background: transparent;
|
||
|
border: transparent;
|
||
|
font-size: 1em;
|
||
|
|
||
|
&:active {
|
||
|
color: $btn-color;
|
||
|
text-align: left;
|
||
|
text-decoration: underline;
|
||
|
padding: 1em 0;
|
||
|
background: transparent;
|
||
|
border: transparent;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.box{
|
||
|
clear: both;
|
||
|
max-height: none;
|
||
|
width: 250px;
|
||
|
height: fit-content;
|
||
|
margin: 0!important;
|
||
|
@media(max-width: 767px){
|
||
|
width: 100%;
|
||
|
}
|
||
|
}
|
||
|
@media(max-width:768px){
|
||
|
.layout-content .banner, .layout-content .breadcrumb-wrap, .layout-content .page-box{
|
||
|
float: none;
|
||
|
}
|
||
|
}
|