Contents

*, *:before, *:after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
  font-size: 62.5%;
  height: 100%;

  &.no- {

    &js, &svg, &inlinesvg, &svgasimg, &fontface, &bgsizecover, &cssgrid, &boxsizing {

      .site, .overlay {
        &.--open {
          display: none;
        }
      }

      body {
        background: url('/assets/img/fallback.jpg');
      }

    }
  }
}

body {
  @extend %book;
  letter-spacing: -0.05rem;
  font-size: 1.8rem;
  line-height: 1.3;
  height: 100%;
}

header {
  background-color: black;
  text-align: center;
  position: relative;
  padding: 2rem;
  color: white;
  z-index: 3;
}

footer {
  background-color: black;
  text-align: center;
  position: relative;
  padding: 2rem;
  color: white;
  z-index: 3;
}

ul, ol {
  list-style: outside;
  padding-left: 2rem;
  margin: 0;

  + p {
    margin-top: 2rem;
  }

  &.--numbers {
    list-style: decimal;
    padding-left: 3rem;
  }
}

a {
  -webkit-tap-highlight-color: transparent;
  color: inherit;
}

h4, h5, h3, h2, h6, h1, p, ul, ol {
  margin: 0;
}

h1 {
  @extend %bold;
  font-size: 2.8rem;

  + p, + ul, + ._page-artwork, + ._copy-split {
    margin-top: 2rem;
  }
}

h2 {
  @extend %bold;
  letter-spacing: -0.03em;
  font-size: 16rem;
  line-height: 1;
}

h3 {
  @extend %bold;
  letter-spacing: -0.03em;
  font-size: 7.2rem;
  line-height: 1;
}

h4 {
  @extend %bold;
  font-size: 4.8rem;

  + p {
    margin-top: 2rem;
  }
}

h5 {
  @extend %bold;
  font-size: 2.1rem;
  line-height: 1;
}

h6 {
  @extend %bold;
  font-size: 1.6rem;
}

p {
  + p, + ul, + .block._util {
    margin-top: 2rem;
  }
}

i, em {
  @extend %book-italic;
}

b, strong {
  @extend %bold;

  i, em {
    @extend %bold-italic;
  }
}

svg {
  display: block;
}

img {
  display: block;
}

button {
  border: none;
  padding: 0;
}

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
futuro-0.2.9	_sass/_base.scss