Fixing some margin collapsing bugs

2018-05-05 23:07:57 +10:00
parent 8aff34e2c6
commit 5ef6da0dcd
5 changed files with 7 additions and 3 deletions
--- a/public/styles/objects/_app.scss
+++ b/public/styles/objects/_app.scss
@ -8,6 +8,7 @@
 *    1.0.0 - 2018/05/03
 */
 .o-app {
+  display: inline-block;//Fixes collapsing margins on children.
  min-height: 100vh;

  //Civil Twilight
--- a/public/styles/objects/_navbar.scss
+++ b/public/styles/objects/_navbar.scss
@ -21,9 +21,11 @@
  &__section {
    border: 1px solid blue;

-    .is-stuck {
+    &.is-stuck {
      position: fixed;
      width: 100%;
+      top: 0;
+      left: 0;
    }
  }