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

Bunch of IE 11 fixes (#88)

Browse Source 
* remove flexbox sticky footer, fixes #87
* fix hidden headings
* fix hero layout
* fix testimonials
* IE 11 workaround for half grid bug
    - IE 11 bug: flex-basis doesn't account for box-sizing:border-box
    - see https://github.com/philipwalton/flexbugs#7-flex-basis-doesnt-account-for-box-sizingborder-box
* fix wrigley placement
This commit is contained in:
Matthias Kretschmann 2016-12-07 11:49:14 +01:00 committed by GitHub
parent db31e87e60
commit 3ec80e73a2
6 changed files with 19 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
_src/_assets/styles/_page-community.scss
View File

@ -86,6 +86,7 @@
#wrigley { #wrigley {
@extend .img--responsive; @extend .img--responsive;
vertical-align: bottom; vertical-align: bottom;
width: 400px;
height: 220px; height: 220px;
position: absolute; position: absolute;
bottom: 0; bottom: 0;

12
_src/_assets/styles/bigchain/_footer.scss
View File

@ -5,15 +5,3 @@
color: $gray-light; color: $gray-light;
padding-bottom: 0; padding-bottom: 0;
} }
//
// Nice, clean sticky footer with flexbox
//
body {
display: flex;
min-height: 100vh;
flex-direction: column;
> .content { flex: 1; }
}

20
_src/_assets/styles/bigchain/_grid.scss
View File

@ -153,7 +153,10 @@
} }
.grid--half { .grid--half {
> .grid__col { flex: 0 0 50%; } > .grid__col {
flex: 0 0 50%;
max-width: 50%; // IE 11 workaround for bug (flex-basis doesn't account for box-sizing:border-box)
}
} }
.grid--columns { .grid--columns {
@ -174,7 +177,10 @@
> .grid__col { flex: 0 0 33.3%; } > .grid__col { flex: 0 0 33.3%; }
} }
.grid-small--half { .grid-small--half {
> .grid__col { flex: 0 0 50%; } > .grid__col {
flex: 0 0 50%;
max-width: 50%; // IE 11 workaround for bug (flex-basis doesn't account for box-sizing:border-box)
}
} }
} }
@ -192,7 +198,10 @@
> .grid__col { flex: 0 0 33.3%; } > .grid__col { flex: 0 0 33.3%; }
} }
.grid-medium--half { .grid-medium--half {
> .grid__col { flex: 0 0 50%; } > .grid__col {
flex: 0 0 50%;
max-width: 50%; // IE 11 workaround for bug (flex-basis doesn't account for box-sizing:border-box)
}
} }
} }
@ -210,6 +219,9 @@
> .grid__col { flex: 0 0 33.3%; } > .grid__col { flex: 0 0 33.3%; }
} }
.grid-large--half { .grid-large--half {
> .grid__col { flex: 0 0 50%; } > .grid__col {
flex: 0 0 50%;
max-width: 50%; // IE 11 workaround for bug (flex-basis doesn't account for box-sizing:border-box)
}
} }
} }

1
_src/_assets/styles/bigchain/_hero.scss
View File

@ -150,6 +150,7 @@ $menu-height-md: 66px;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
align-items: center; align-items: center;
width: 100%;
} }
} }

5
_src/_assets/styles/bigchain/_testimonials.scss
View File

@ -15,9 +15,6 @@
} }
.testimonial { .testimonial {
display: flex;
flex-wrap: wrap;
.is-ready & { .is-ready & {
@extend .animation-slide-in-from-bottom; @extend .animation-slide-in-from-bottom;
animation-fill-mode: backwards; animation-fill-mode: backwards;
@ -26,7 +23,7 @@
.testimonial__quote, .testimonial__quote,
.testimonial__caption { .testimonial__caption {
flex: 0 0 100%;
} }
.testimonial__quote { .testimonial__quote {

BIN
_src/assets/fonts/NotoSans-Regular.woff Normal file → Executable file
View File

Binary file not shown.