BootstrapAdmin/Bootstrap.Admin/wwwroot/css/site-responsive.css

59 lines
961 B
CSS
Raw Normal View History

2018-06-07 00:45:47 +08:00
@media (min-width: 568px) {
.sidebar-toggle-box span {
display: inline;
2018-06-07 00:45:47 +08:00
}
.cache-item > :nth-child(2) {
flex: 0 0 auto;
}
.cache-item > :nth-child(3) {
display: block;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
2018-06-07 00:45:47 +08:00
}
@media (min-width: 667px) {
.header .nav {
display: flex;
}
}
2018-06-07 00:45:47 +08:00
@media (min-width: 768px) {
.sidebar-toggle-box {
flex: 0 1 auto;
}
.sidebar-open aside {
transform: translate(0);
}
.header .nav {
flex: 1 1 auto;
2018-06-07 00:45:47 +08:00
}
.header, .site-footer {
position: fixed;
}
}
2018-06-07 00:45:47 +08:00
@media (min-width: 769px) {
.sidebar-open aside {
transform: translate(-100%);
2018-06-07 00:45:47 +08:00
}
2018-08-04 15:35:52 +08:00
.sidebar-open .site-footer {
display: flex;
}
aside {
transition: none;
transform: translate(0);
width: 210px;
overflow: auto;
bottom: 40px;
}
2018-06-07 00:45:47 +08:00
}