biobulkbende/biobulkbende.org
0
0
Fork 0
mirror of https://github.com/biobulkbende/biobulkbende.org.git synced 2024-12-26 13:05:24 +00:00
Code Issues Projects Releases Wiki Activity

fixed margins video

Browse Source
This commit is contained in:
Tancre 2020-11-25 12:21:18 +01:00
parent cf5eb9813d
commit 8ec16a639e
3 changed files with 69 additions and 71 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
app/assets/scss/modules/_page-section.scss
View File

@ -1,73 +1,71 @@
.page-section{ .page-section {
position: relative; position: relative;
&--t-margin-external{ &--t-margin-external {
margin-top: -70px; margin-top: -70px;
} }
&--b-margin-external{ &--b-margin-external {
@include atMedium() {
@include atMedium(){
margin-bottom: -140px; margin-bottom: -140px;
} }
} }
&--tb-padding{ &--tb-padding {
padding: 1.2rem 0; padding: 1.2rem 0;
@include atMedium(){ @include atMedium() {
position: unset; position: unset;
padding: 4.5rem 0; padding: 4.5rem 0;
} }
} }
&--t-padding{ &--t-padding {
padding-top: 5.2rem; padding-top: 5.2rem;
@include atMedium(){ @include atMedium() {
position: unset; position: unset;
padding-top: 4.5rem; padding-top: 4.5rem;
} }
&-larger{ &-larger {
padding-top: 5.2rem; padding-top: 5.2rem;
@include atMedium(){ @include atMedium() {
position: unset; position: unset;
padding-top: 6rem; padding-top: 6rem;
} }
} }
} }
&--b-padding-small{ &--b-padding-small {
padding-bottom: 1rem; padding-bottom: 1rem;
@include atMedium(){ @include atMedium() {
position: unset; position: unset;
padding-top: 3.8rem; padding-top: 3.8rem;
} }
} }
&--b-margin {
&--b-margin{
margin-bottom: 70px; margin-bottom: 70px;
@include atMedium{ @include atMedium {
margin-bottom: -140px; margin-bottom: -155px;
} }
} }
&--red{ &--red {
background-color: $myRed; background-color: $myRed;
color: #fff; color: #fff;
} }
&--darkGreen{ &--darkGreen {
background-color: $myDarkGreen; background-color: $myDarkGreen;
color: #fff; color: #fff;
} }
&--lightGreen{ &--lightGreen {
background-color: $myLightGreen; background-color: $myLightGreen;
color: #fff; color: #fff;
} }

2
app/assets/scss/modules/_video-container.scss
View File

@ -16,7 +16,7 @@
} }
@include atLarge { @include atLarge {
padding-bottom: 54.5%; padding-bottom: 55.7%;
margin-right: 0px; margin-right: 0px;
margin-left: 0px; margin-left: 0px;
} }

4
docs/assets/styles/style.css
View File

@ -767,7 +767,7 @@ a {
} }
@media (min-width: 800px) { @media (min-width: 800px) {
.page-section--b-margin-external { .page-section--b-margin-external {
margin-bottom: -140px; margin-bottom: -155px;
} }
} }
.page-section--tb-padding { .page-section--tb-padding {
@ -1008,7 +1008,7 @@ a {
} }
@media (min-width: 1200px) { @media (min-width: 1200px) {
.video-container { .video-container {
padding-bottom: 54.5%; padding-bottom: 55.7%;
margin-right: 0px; margin-right: 0px;
margin-left: 0px; margin-left: 0px;
} }