You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

51 lines
1.1 KiB

/* ==========================================================================
Visual bullets (image + text)
========================================================================== */
.bullets {
$icon-bullet-size: $column;
overflow: auto;
// change ".three-col-bullet" class to this for two bullet layout
.two-col-bullet {
@include media($large) {
@include span-columns(6);
@include omega(2n);
}
}
.three-col-bullet {
@include media($large) {
@include span-columns(4);
@include omega(3n);
}
}
// change ".three-col-bullet" class to this for four bullet layout
.four-col-bullet {
@include media($large) {
@include span-columns(3);
@include omega(4n);
}
}
.bullet-icon {
float: left;
background: $base-color;
padding: $icon-bullet-size /4;
border-radius: 50%;
width: $icon-bullet-size * 1.25;
height: $icon-bullet-size * 1.25;
}
.bullet-content {
margin-left: $icon-bullet-size * 1.4;
margin-bottom: 2em;
}
h2 {
margin-top: 0;
@include font-size(20,no);
display: inline-block;
}
p {
@include font-size(14);
}
}