Improve style pt. 3 (breakpoints)

This commit is contained in:
riggraz
2019-09-19 19:06:22 +02:00
parent 98b8d53ad0
commit 494983efc6
3 changed files with 6 additions and 6 deletions

View File

@@ -16,7 +16,7 @@
}
}
@media (max-width: 800px) {
@include media-breakpoint-down(sm) {
flex-direction: column;
.sidebar {
@@ -24,10 +24,10 @@
width: 100%;
top: 0;
.sidebarBox {
width: 100%;
}
.sidebarBox { width: 100%; }
}
.postList { width: 100%; }
}
.newBoardContainer {

View File

@@ -13,7 +13,7 @@
width: 32%;
background-color: $astuto-grey;
@media (max-width: 800px) {
@include media-breakpoint-down(sm) {
width: 100%;
}
}

View File

@@ -1,4 +1,4 @@
<nav class="navbar navbar-expand-lg navbar-light">
<nav class="navbar navbar-expand-md navbar-light">
<div class="container">
<%= link_to 'Astuto', root_path, class: 'navbar-brand' %>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">