File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
@charset "utf-8";
#root{
height: 100%;
}
.wrap {
height: 100%;
}
header {
padding: 1rem;
background-color: #8d6755;
grid-area: header;
}
.logo {
color: #ffffff;
font-weight: bold;
font-size: 2.5rem;
}
main {
background-color: #f8f8f8;
height: 100%;
grid-area: main;
}
nav{
width: 260px;
height: 100%;
border-right:1px solid #cccccc;
grid-area: nav;
}
nav > .main-nav{
padding: 3rem 0;
}
nav > .main-nav > li > span{
font-size: 1.6rem;
font-weight: bold;
display: block;
padding: 1rem;
}
nav > .main-nav > li > a > span{
font-size: 1.6rem;
font-weight: bold;
display: block;
padding: 1rem;
}
.sub-nav {
background-color: #eeeeee;
display: none;
}
.sub-nav.active {
display: block;
}
.sub-nav > li > a > span{
display: block;
font-size: 1.4rem;
padding: 1rem 3rem;
color: #333333;
}
.navigation {
padding: 1rem 2rem;
border-bottom: 1px solid #cccccc;
font-size: 1.4rem;
text-align: right;
}
.main-wrap {
padding: 2rem;
height: calc(100% - 39px);
}
.contents {
background-color: #ffffff;
padding: 2rem;
height: 100%
}
.page-title {
font-size: 2rem;
font-weight: bold;
}