Contents

//blue boxes
.outer-quicklink-box{
  margin-right: 1.5%;
  float: left;

  a{
    text-decoration: none;
  }

  &:nth-last-child(1){
    margin-right: 0;
  }
}

.icon-box{
  margin: $base-margin*4 auto 0 auto;
  background-repeat: no-repeat;
  background-position: center center;
  width: auto;
  text-align: center;
  color: $white;
  font-size: $base-font-size*5;
  line-height: $base-font-size*5;
}

.box-title{
  text-align: center;
  color: $white;
  width: 90%;
  margin: $base-margin*2 auto $base-margin*0 auto;
}

.quicklink-box{
  background: $brand-blue-light;
  margin-top: 0;
  padding-top: 1px;
  min-height: 161px;

  &:hover{
    background: lighten($brand-blue-light, 3%);
  }
}

.tab-title.active > a{
  outline: none;
}

// For the quicklink boxes, get a count of how many boxes there are.
// For example: for 2 boxes, check if the first box (first-child) is both the first and second-last(nth-last-child(2)).
.outer-quicklink-box:first-child:nth-last-child(1){
  width: 23.5%;
  margin-left: 0;
  margin-right: 1.5%;
}

.outer-quicklink-box:first-child:nth-last-child(2),
.outer-quicklink-box:first-child:nth-last-child(2) ~ div,
.outer-quicklink-box:first-child:nth-last-child(2) ~ li{
  width: 49.2%;
  margin-top: 1.5%;
}

.outer-quicklink-box:first-child:nth-last-child(3),
.outer-quicklink-box:first-child:nth-last-child(3) ~ div,
.outer-quicklink-box:first-child:nth-last-child(3) ~ li{
  width: 23.5%;
}

.outer-quicklink-box:first-child:nth-last-child(4),
.outer-quicklink-box:first-child:nth-last-child(4) ~ div,
.outer-quicklink-box:first-child:nth-last-child(4) ~ li{
  width: 23.8%;
}

.quicklink-single-box{
  margin-left: 0;
  margin-top: $base-margin*4;

  .outer-quicklink-box > a{
    font-size: $base-font-size;
  }
}

Version data entries

3 entries across 3 versions & 1 rubygems

Version	Path
ama_layout-1.1.20	app/assets/stylesheets/ama_layout/layout_components/blue-boxes.scss
ama_layout-1.1.15	app/assets/stylesheets/ama_layout/layout_components/blue-boxes.scss
ama_layout-1.1.14	app/assets/stylesheets/ama_layout/layout_components/blue-boxes.scss