@mixin main-promobox-shape() {
background: #16a487;
- padding: 0.75em 20*$px;
+ padding: 1em 20*$px;
border-radius: 15*$px;
}
#main-promobox {
float: right;
- width: 220*$px - 2 * 20*$px;
+ width: 220*$px - 20*$px;
height: 235*$px - 2 * 1.5em;
a {
@include main-promobox-shape();
display: block;
- margin-bottom: 1.4em;
- width: 220*$px - 4 * 20*$px;
+ margin-bottom: 1em;
+ width: 220*$px - 3 * 20*$px;
float: left;
&:first-of-type {
margin: 0;
text-transform: uppercase;
font-size: .9em;
- width: 220*$px - 3 * 20*$px;
+ width: 222*$px - 2 * 20*$px;
float: left;
+ padding-top: 1.25em;
+ padding-bottom: 1.25em;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}