bigchaindb/site
1
0
Fork 0
mirror of https://github.com/bigchaindb/site.git synced 2025-02-14 21:10:28 +01:00
Code Releases Activity

don't flexbox all .section, fixes wide screen row issue

Browse Source
This commit is contained in:
Matthias Kretschmann 2016-02-10 01:52:10 +01:00
parent 2e51285423
commit 65b6a68c7d
1 changed files with 6 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
_src/_assets/styles/bigchain/_sections.scss
View File

@ -2,6 +2,7 @@
.section { .section {
padding-top: ($spacer * 2); padding-top: ($spacer * 2);
padding-bottom: ($spacer * 2); padding-bottom: ($spacer * 2);
min-height: 420px;
&:last-child { border-bottom: none; } &:last-child { border-bottom: none; }
@ -9,17 +10,6 @@
// don't affect layout // don't affect layout
overflow: hidden; overflow: hidden;
// vertically center everything
display: flex;
align-items: center;
min-height: 420px;
flex-wrap: wrap;
// HEADS UP!
// this fixes wrng wrapping of rows following each other
// BUT only in Chrome & Firefox, it destroys complete layout in Safari
//flex-flow: column;
.row { .row {
flex: 0 0 100%; flex: 0 0 100%;
} }
@ -118,6 +108,11 @@
background: url('../img/northern-lights-poster.jpg') no-repeat center center; background: url('../img/northern-lights-poster.jpg') no-repeat center center;
background-size: cover; background-size: cover;
.row {
position: relative;
z-index: 5;
}
.section-title, .section-title,
.section-description, .section-description,
.header__title { .header__title {