Sha256: 36671c6a517586690aec4608e8df3e76164bc995cb2e017d72a1cdcae94141d0
Contents?: true
Size: 1.83 KB
Versions: 15
Compression:
Stored size: 1.83 KB
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{
width: 100px;
height: 80px;
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%;
&.fullwidth{
margin-top: 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: 24.2%;
margin-right: 0.8%;
margin-top: 0.8%;
}
.quicklink-single-box{
margin-left: 0;
margin-top: $base-margin*4;
.outer-quicklink-box > a{
font-size: $base-font-size;
}
}
Version data entries
15 entries across 15 versions & 1 rubygems