app/assets/stylesheets/decidim/admin/modules/_layout.scss in decidim-admin-0.8.4 vs app/assets/stylesheets/decidim/admin/modules/_layout.scss in decidim-admin-0.9.0
- old
+ new
@@ -10,58 +10,66 @@
.main{
flex-grow: 1;
display: flex;
flex-direction: column;
+
& > .row{
width: 100%;
flex-grow: 1;
+
@include breakpoint(medium){
display: flex;
}
}
}
.layout-wrapper{
display: flex;
flex-grow: 1;
+
@include clearfix;
+
position: relative;
}
.layout-nav{
max-width: 340px;
flex-shrink: 0;
+
@include breakpoint(mediumlarge down){
position: absolute;
top: 0;
bottom: 0;
transform: translateX(-100%);
transition: transform .3s;
z-index: 1;
}
+
@include breakpoint(small down){
max-width: 100%;
width: 100%;
transform: translateX(-100%);
+
.secondary-nav{
width: calc(100% - 120px);
}
}
+
&.is-nav-open{
transform: translateX(0);
}
}
.layout-content{
flex-grow: 1;
max-width: 100%;
}
-
.container{
padding: 1rem;
max-width: 1200px;
+
@include breakpoint(mediumlarge){
padding: 2rem;
}
}