Contents

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

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

  &.no-js,
  &.no-rgba,
  &.no-backgroundsize,
  &.no-opacity,
  &.no-svg,
  &.no-inlinesvg,
  &.no-svgasimg,
  &.no-fontface,
  &.no-bgsizecover,
  &.no-cssgrid,
  &.no-boxsizing {
    background: url('fallback.jpg');

    body {
      display: none;
    }
  }
}

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

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

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

p + p {
  margin-top: 20px;
}

ul, ol {
  padding: 20px 0 0 20px;
  list-style: outside;
  margin: 0;

  &.slim {
    padding-top: 0;
  }

  &.numbers {
    padding: 20px 0 0 30px;
    list-style: decimal;
  }

  + p {
    margin-top: 20px;
  }
}

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;
}

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;
}

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

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

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

8 entries across 8 versions & 1 rubygems

Version	Path
futuro-0.6.8	_sass/_base.scss
futuro-0.6.7	_sass/_base.scss
futuro-0.6.6	_sass/_base.scss
futuro-0.6.5	_sass/_base.scss
futuro-0.6.4	_sass/_base.scss
futuro-0.6.3	_sass/_base.scss
futuro-0.6.2	_sass/_base.scss
futuro-0.6.1	_sass/_base.scss