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

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

  + .screen-row.type-event,
  + .screen-row.type-level,
  + .screen-row.type-retail  {
    border-top: 1px solid setcolor(gun);
  }
}

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

  &.type-header {
    @extend %ScreenRow;
    background: setcolor(smoke);
    grid-row-gap: $title * 0.1;
    color: setcolor(carbon);
  
    .screen-title {
      @extend %large;
    }
  
    .screen-title.small {
      @extend %small;
    }
  }

  &.type-event {
    @extend %ScreenRow;
    background-color: setcolor(carbon);
    color: setcolor(gray);
  }

  &.type-level {
    @extend %ScreenRow;
    grid-template-columns: 20fr 20fr 40fr 20fr;
    background-color: setcolor(carbon);
    color: setcolor(gray);
    grid-column-gap: 1rem;
  }

  &.type-retail {
    @extend %ScreenRow;
    background: setcolor(slate);
    color: setcolor(gray);
  }
}

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

  &.small {
    @extend %small;
  }

  &:not(.small) {
    @extend %tight;
  }

  &.type-level {
    font-size: 10rem;
    line-height: 1;
  }
}

.block.room-title {
  @extend %small;
  @extend %book;
}

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

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

.block.tag-list {
  grid-template-columns: repeat(5,1fr);
  grid-template-rows: min-content;
  grid-gap: 1rem;
  display: grid;
}

.block.tag-list div {
  background-color: setcolor(gray);
  border-radius: 50%;
  height: 10px;
  width: 10px;
}

Version data entries

7 entries across 7 versions & 1 rubygems

Version	Path
futuro-1.1.8	_sass/block/form/screen.scss
futuro-1.1.7	_sass/block/form/screen.scss
futuro-1.1.6	_sass/block/form/screen.scss
futuro-1.1.5	_sass/block/form/screen.scss
futuro-1.1.4	_sass/block/form/screen.scss
futuro-1.1.3	_sass/block/form/screen.scss
futuro-1.1.2	_sass/block/form/screen.scss