~kvikshaug/kvikshaug.no

8da32bbf1db31f87d439f2b1eafbf925df825dd9 — Ali Kaafarani 2 years ago 4176307
Adjust padding for small screens
1 files changed, 6 insertions(+), 4 deletions(-)

M assets/sass/_layout_responsive.scss
M assets/sass/_layout_responsive.scss => assets/sass/_layout_responsive.scss +6 -4
@@ 21,19 21,21 @@
    nav {
      ul {
        grid-template-columns: 1fr;
        row-gap: 5px;
        row-gap: 8px;

        li {
          text-align: center;

          a,
          a:visited {
            $border: 2px;
            $padding: 20px;

            display: block;
            padding: 0 0 0 20px;
            padding: 0 $padding 0 $padding;

            &.active {
              $border: 2px;
              padding-left: 20px - $border;
              padding-left: $padding - $border;
              border-left: $border solid #21180d;
              border-bottom: none;
            }