biobulkbende/biobulkbende.org
0
0
Fork 0
mirror of https://github.com/biobulkbende/biobulkbende.org.git synced 2025-10-19 10:16:31 +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

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;
}
}
}