Contents

$title: 2.6rem;

%small {
  font-size: $title * 0.6;
}

%large {
  font-size: $title * 1.5;
}

.block.screen-container {
  grid-gap: 20px;
  display: grid;

  @media#{map-get($query,min640)} {
    grid-template-columns: repeat(2,1fr);
  }
}

.block.screen-row {
  grid-row-gap: $title * 0.2;
  line-height: 1.1;
  display: grid;
}

%ScreenRow {
  @extend %bold;
  @include padding(5,5,4.5,5);

  + .screen-row.type-event,
  + .screen-row.type-retail  {
    border-top: 1px solid rgba(white,20%);
  }
}

.block.screen-row.type-header {
  @extend %ScreenRow;
  background: darken(white,10%);
  grid-row-gap: $title * 0.1;
  color: lighten(black,8%);

  .screen-title {
    @extend %large;
  }

  .screen-title.small {
    @extend %small;
  }
}

.block.screen-row.type-event {
  @extend %ScreenRow;
  background-color: lighten(black,10%);
  color: darken(white,10%);
}

.block.screen-row.type-retail {
  @extend %ScreenRow;
  background: lighten(black,18%);
  color: darken(white,10%);
}

.block.screen-title {
  font-size: $title;
}

.block.screen-title:not(.small) {
  @extend %tight;
}

.block.screen-title.small {
  @extend %small;
}

.block.screen-wrap {
  overflow: hidden;
  height: 835px;
}

sup {
  @extend %small;
  left: 0.2em;
}

Version data entries

3 entries across 3 versions & 1 rubygems

Version	Path
futuro-0.9.3	_sass/block/form/screen.scss
futuro-0.9.2	_sass/block/form/screen.scss
futuro-0.9.1	_sass/block/form/screen.scss