lstyles.scss

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700|Roboto+Slab:400,700');
// breytur fyrir mikið notaðar stærðir
$max-width: 1200px;
$gutter: 20px;

/* setjum box-sizing: border-box; á allt */
html { /* stylelint-disable-line */
  box-sizing: border-box;
}

*, *:before, *:after { /* stylelint-disable-line */
  box-sizing: inherit;

  /* fjarlægjum margin og padding */
  padding: 0;
  margin: 0;
}

html { /* stylelint-disable-line */
  // til þess að texti liggi ekki upp við brún á viewport þegar
  // við erum < 1200px breiðum skjá, setjum margin á báða kanta html
  // ruglar líka ekki í grid overlay
  margin-right: $gutter;
  margin-left: $gutter;

  font-family: "Open Sans", helvetica, arial, sans-serif;
  font-size: 16px;
  line-height: 1.5;

  @media (min-width: $max-width) {
    margin: 0;
  }
}

img { /* stylelint-disable-line */
  width: 100%;
}

main { /* stylelint-disable-line */
  //max-width: $max-width;
  //margin: 0 auto;

  // þar sem við erum að eiga við neikvæð margin á grid, setjum overflow-x
  // hér sem hidden, þá fáum við ekki lárétta skrunstiku
  overflow-x: hidden;
}

nav {
  background-color: rgba(0, 0, 0, 0.80);
  width: 100%;
}

.checkmynd {
  width: 4%;
  position: relative;
  top: 30px;
}

.h3medmynd {
  position: relative;
  left: 30px;
}

@import "scss/grid";
@import "scss/header";
@import "scss/heading";
@import "scss/text";
@import "scss/button";
@import "scss/card";
@import "scss/cardlist";
@import "scss/nav";
@import "scss/footer";
@import "scss/lbutton";
@import "scss/lcard";
@import "scss/lcardlist";
@import "scss/lgrid";
@import "scss/ltext";
@import "scss/lheader";
@import "scss/lheading";
@import "scss/lnav";
@import "scss/lfooter";