biobulkbende/biobulkbende.org
0
0
Fork 0
mirror of https://github.com/biobulkbende/biobulkbende.org.git synced 2025-06-26 08:50:47 +00:00
Code Issues Projects Releases Wiki Activity

start for the about section

Browse Source
This commit is contained in:
Tancre
2020-09-24 20:24:52 +02:00
parent 1916993990
commit 49cbef62df
9 changed files with 279 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
app/assets/scss/modules/_generic-content-container.scss Normal file
View File

@ -0,0 +1,17 @@
.generic-content-container{
p {
font-weight: 300;
line-height: 1.65;
margin: 0 0 1.8rem 0;
@include atSmall{
font-size: 1.125rem;
}
}
p a {
font-weight: 700;
}
}

2
app/assets/scss/modules/_large-hero.scss
View File

@ -1,5 +1,5 @@
.large-hero {
border-bottom: 10px solid white;
border-bottom: 10px solid orange;
text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
position: relative;

42
app/assets/scss/modules/_page-section.scss Normal file
View File

@ -0,0 +1,42 @@
.page-section{
padding: 1.2rem 0;
@include atMedium(){
padding: 4.5rem 0;
}
&--no-b-padding-until-medium{
padding-bottom: 0;
@include atMedium(){
padding-bottom: 4.5rem;
}
}
&--no-b-padding-until-large{
padding-bottom: 0;
@include atMedium(){
padding-bottom: 4.5rem;
}
}
&--blue{
background-color: blue;
color: #fff;
}
&--testimonials{
background: #e0e6ef;
// @include atMedium(){
// &.lazyloaded {
// background: url('../../assets/images/testimonials-bg.jpg') top center no-repeat;
// background-size: cover;
// }
// }
}
}

92
app/assets/scss/modules/_rows.scss Normal file
View File

@ -0,0 +1,92 @@
.row{
@include clearfix();
&--t-padding{
padding-top: 80px;
}
&--gutters {
margin-right: -65px;
}
&--gutters-large {
margin-right: -100px;
}
&--gutters-small {
margin-right: -45px;
}
&--gutters > div {
padding-right: 65px;
}
&--gutters-large > div {
padding-right: 100px;
}
&--gutters-small > div {
padding-right: 45px;
}
&__b-margin-until-medium{
margin-bottom: 1rem;
}
@include atMedium(){
&__b-margin-until-medium{
margin-bottom: 0rem;
}
&__medium-4 {
float: left;
width: 33.33%;
}
&__medium-4--larger{
width: 37%;
}
&__medium-6 {
float: left;
width: 50%;
}
&__medium-8 {
float: right;
width: 66.66%;
}
&__medium-8--smaller{
width: 63%;
}
}
/* Begin Equal Height Rules */
.flexbox &--equal-height-at-medium {
@include atMedium(){
display: flex;
}
& > div {
float: none;
display: flex;
}
}
.flexbox &--equal-height-at-large {
@include atMedium(){
display: flex;
}
& > div {
float: none;
display: flex;
}
}
}

8
app/assets/scss/style.scss
View File

@ -5,8 +5,10 @@
@import './base/mixins';
@import './modules/site-header';
@import './modules/primary-nav';
@import './modules/wrapper';
@import './modules/large-hero';
@import './modules/btn';
@import './modules/large-hero';
@import './modules/wrapper';
@import './modules/_page-section';
@import './modules/_rows';
@import './modules/_generic-content-container';