mirror of
https://github.com/10h30/yeuchaybo.git
synced 2026-06-05 15:10:03 +09:00
Thuan Bui
79 lines
1.2 KiB
SCSS
79 lines
1.2 KiB
SCSS
/* ## Site Container
|
|
--------------------------------------------- */
|
|
|
|
.site-container {
|
|
background-color: $site-container--background-color;
|
|
word-wrap: break-word;
|
|
-webkit-animation: fadein 1s;
|
|
animation: fadein 1s;
|
|
|
|
button:disabled,
|
|
button:disabled:hover,
|
|
input:disabled,
|
|
input:disabled:hover,
|
|
input[type="button"]:disabled,
|
|
input[type="button"]:disabled:hover,
|
|
input[type="reset"]:disabled,
|
|
input[type="reset"]:disabled:hover,
|
|
input[type="submit"]:disabled,
|
|
input[type="submit"]:disabled:hover {
|
|
border-width: 0;
|
|
color: $disabled--font-color;
|
|
background-color: $disabled--background-color;
|
|
cursor: not-allowed;
|
|
}
|
|
}
|
|
|
|
@keyframes fadein {
|
|
|
|
from {
|
|
opacity: 0;
|
|
}
|
|
|
|
to {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes fadein {
|
|
|
|
from {
|
|
opacity: 0;
|
|
}
|
|
|
|
to {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
.wrap,
|
|
.content-sidebar-wrap {
|
|
//width: 90%;
|
|
max-width: map_get($breakpoints, lg);
|
|
margin: 0 auto;
|
|
|
|
.wrap {
|
|
width: 100%;
|
|
min-width: 100%;
|
|
}
|
|
}
|
|
|
|
.content-sidebar-wrap {
|
|
margin: 6rem auto;
|
|
|
|
@include breakpoint(sm) {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
|
|
.sidebar-content & {
|
|
flex-direction: row-reverse;
|
|
}
|
|
|
|
.center-content &,
|
|
.full-width-content & {
|
|
justify-content: center;
|
|
}
|
|
}
|
|
}
|