app/assets/stylesheets/responsive/_frontpage_layout.scss
/* Frontpage layout */
.homepage-flash {
@include content();
}
.homepage-hero {
padding: 2em 0 4em;
position: relative;
@include respond-min($main_menu-mobile_menu_cutoff) {
padding: 4em 0 4em;
}
}
.hero__intro {
@include grid-column(12);
@include respond-min($main_menu-mobile_menu_cutoff) {
@include grid-column(8);
}
}
.hero__new-request {
@include grid-column(12);
@include respond-min($main_menu-mobile_menu_cutoff) {
@include grid-column(4);
}
}
/* Two even columns */
#frontpage_examples {
@include grid-row($behavior: nest);
margin-top: 2em;
@include respond-min( $main_menu-mobile_menu_cutoff ){
margin-top: 0;
}
#examples_0 {
@include grid-column(12);
@include respond-min( $main_menu-mobile_menu_cutoff ){
@include grid-column($columns:6);
@include ie8{
padding-right: 0.9375em;
}
@include lte-ie7{
width: 27.125em;
}
}
}
#examples_1 {
@include grid-column(12);
@include respond-min( $main_menu-mobile_menu_cutoff ){
@include grid-column($columns:6);
@include ie8{
padding-left: 0.9375em;
}
@include lte-ie7{
width: 27.125em;
}
}
}
}
.bodies-list,
.latest-requests {
h4 {
margin-top: 0;
}
}
.request-listing {
padding: 1em 0;
}
.request-listing__request-status-icon {
float: left;
margin-top: 0.3em;
}
.request-listing__request-body {
margin-left: 32px;
p {
margin-bottom: 0;
}
}
.request-body__time-ago {
margin-top: 0.25em;
}
.homepage-how-it-works {
padding: 2em 0;
margin-bottom: 2em;
@include respond-min($main_menu-mobile_menu_cutoff) {
position: relative;
@include clearfix;
padding: 3em 0;
}
}
.homepage-how-it-works__hiw-content {
@include grid-column(12);
@include respond-min($main_menu-mobile_menu_cutoff) {
@include grid-column(10, $offset: 1);
}
}
.hiw__subtitle {
margin-top: 0;
}
.hiw__steps {
margin-bottom: 2em;
}
.steps__list {
@include respond-min($main_menu-mobile_menu_cutoff) {
position: relative;
@include clearfix;
}
li {
position: relative;
@include grid-column(11, $offset: 1);
@include respond-min($main_menu-mobile_menu_cutoff) {
@include grid-column(3, $offset: 1);
z-index: 2;
}
}
}
.steps__step-box {
position: relative;
margin-bottom: 1.5em;
}
.steps__step-number {
position: absolute;
left: -1.8em;
top: 0;
p {
margin: 0 auto;
}
}
.learn-more-foi {
@include grid-column(12);
}