ohayolibs
Version:
Ohayo is a set of essential modules for ohayojp.
83 lines (78 loc) • 2.06 kB
text/less
html {
height: 100%; // http://updates.html5rocks.com/2013/12/300ms-tap-delay-gone-away
direction: ltr;
touch-action: manipulation;
}
html,
body,
app-root {
// overflow-x: hidden;
height: 100%;
}
body {
color: @text-color;
background-color: @ohayo-default-content-bg;
}
@{ohayo-default-prefix} {
position: relative;
display: block;
width: 100%;
height: auto;
min-height: 100%;
overflow-x: hidden;
&__unwrap {
margin-right: -@ohayo-default-content-padding;
margin-left: -@ohayo-default-content-padding;
@media (max-width: @mobile-max) {
margin-right: 0;
margin-left: 0;
}
}
&__content {
margin: 0 @ohayo-default-content-padding @ohayo-default-content-padding @ohayo-default-content-padding;
&-title {
display: flex;
align-items: center;
justify-content: space-between;
margin-right: -@ohayo-default-content-padding;
margin-bottom: @ohayo-default-content-padding;
margin-left: -@ohayo-default-content-padding;
padding: @ohayo-default-content-padding;
padding-top: @ohayo-default-content-padding - 12;
padding-bottom: @ohayo-default-content-padding - 12;
color: #929292;
background-color: @ohayo-default-content-heading-bg;
border-bottom: 1px solid @ohayo-default-content-heading-border;
> h1 {
margin-bottom: 0;
font-weight: normal;
font-size: 18px;
> small {
display: block;
color: @muted-color;
font-size: 12px;
}
}
}
// fix width
nz-input-group {
width: auto;
}
}
}
// Desktop
@media (min-width: @mobile-min) {
@{ohayo-default-prefix}__content {
margin-left: (@ohayo-default-aside-wd + @ohayo-default-content-padding);
}
@{ohayo-default-prefix}__collapsed {
@{ohayo-default-prefix} {
&__sidebar {
width: @ohayo-default-aside-collapsed-wd;
}
&__content {
margin-left: (@ohayo-default-aside-collapsed-wd + @ohayo-default-content-padding);
}
}
}
}