Files
edb-www/app/styles/main.scss
Nikolai Kristiansen ec5f47abc8 Upgrades
2017-09-25 14:21:54 +02:00

120 lines
1.7 KiB
SCSS

@import "../../node_modules/bootstrap/scss/bootstrap.scss";
body {
text-align: center;
@include media-breakpoint-up(sm) {
text-align: left;
}
}
.page-header {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
.brand {
line-height: 1;
img {
position: relative;
top: -4px;
}
}
section {
margin-bottom: 1.5rem;
}
.cta {
display: block;
@include media-breakpoint-up(sm) {
display:none;
}
}
.edb-brick {
height: 40px;
width: auto;
}
.contact-info {
margin-bottom: 0;
text-align: left;
}
/* Tools */
.tool-list {
list-style: none;
display: flex;
flex-wrap: wrap;
padding: 0;
justify-content: space-evenly;
@include media-breakpoint-up(sm) {
justify-content: flex-start;
}
}
.tool-item {
display: flex;
align-items: center;
justify-content: center;
padding-bottom: 0;
margin-bottom: 20px;
max-width: 196px;
img {
max-width: 92%;
}
@include media-breakpoint-up(sm) {
max-width: 230px;
}
@include media-breakpoint-up(lg) {
max-width: 310px;
}
@include media-breakpoint-up(xl) {
max-width: none;
}
}
.form-wrap {
position: relative;
padding-bottom: 75%;
height: 0;
overflow: hidden;
iframe {
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
}
}
#contact_form {
border: 0;
margin: 0;
}
.browsehappy {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
.love {
color: #faafba;
}
.credits {
margin-top: 25px;
margin-bottom: 25px;
text-align: center;
color: #666;
font-size: 12px;
}