grav-theme-libretic/scss/template/modular/_bottom.scss

96 lines
2.3 KiB
SCSS
Raw Normal View History

2015-01-27 11:42:52 +01:00
// Modular Bottom styling
2015-01-16 12:59:43 +01:00
.modular {
.bottom {
text-align: center;
@include clearfix;
2015-01-16 16:49:43 +01:00
padding-bottom: 4rem;
2015-01-16 12:59:43 +01:00
h2 {
padding-top: 3rem;
margin: 0;
line-height: 100%;
color: $light-gray;
}
p {
margin: 1rem 0;
@include breakpoint(mobile-only) {
font-size: $core-font-size;
}
}
.button {
2015-01-21 10:03:15 +01:00
@extend .default-animation;
2015-01-16 12:59:43 +01:00
background-color: $core-accent;
color: $header-text;
font-family: $font-family-header;
border-radius: $border-radius;
box-shadow: none;
font-size: $core-font-size;
2015-01-21 10:03:15 +01:00
border: 0 none;
&:hover {
background-color: darken($core-accent, 20%);
}
2015-01-16 12:59:43 +01:00
}
2015-01-26 11:57:05 +01:00
&.borderbottom {
hr {
2015-01-26 12:25:21 +01:00
padding-top: 3rem;
2015-01-26 11:57:05 +01:00
}
2015-01-26 12:25:21 +01:00
padding-bottom: 0;
2015-01-26 11:57:05 +01:00
}
2015-01-27 10:09:18 +01:00
table {
border: 0 none;
th {
background: none;
@extend h4;
text-align: left;
@include breakpoint(mobile-only) {
2015-01-27 11:42:52 +01:00
display: none;
2015-01-27 10:09:18 +01:00
}
}
td {
text-align: left;
vertical-align: top;
border: 0 none;
@include breakpoint(mobile-only) {
2015-01-27 11:42:52 +01:00
display: block;
2015-01-27 10:09:18 +01:00
}
}
}
2015-01-27 21:47:09 +01:00
.services {
padding-top: 2rem;
.service {
width: 50%;
text-align: left;
display: block;
float: left;
@include breakpoint(mobile-only) {
width: 100%;
}
.fa {
margin-top: 0.5rem;
width: 7rem;
height: 6rem;
font-size: 6rem;
float: left;
}
p {
margin-left: 7rem;
margin-top: 0.5rem;
margin-right: 1rem;
}
h4 {
text-align: left;
margin-bottom: 0;
}
}
}
2015-01-16 12:59:43 +01:00
}
2015-01-27 11:42:52 +01:00
}
.about {
hr {
margin: 3rem 0;
}
2015-01-16 12:59:43 +01:00
}