From ee846e0068f836b40811a175faedc81340d0668c Mon Sep 17 00:00:00 2001 From: Philipp Bock <p@philippbock.de> Date: Wed, 27 Dec 2017 19:14:20 +0100 Subject: [PATCH] Add CSS prefixes --- c3lingo.css | 37 +++++++++++++++++++++++++++++-------- 1 file changed, 29 insertions(+), 8 deletions(-) diff --git a/c3lingo.css b/c3lingo.css index 15015f1..f48d815 100644 --- a/c3lingo.css +++ b/c3lingo.css @@ -96,16 +96,30 @@ a.block-link h1 { } .page { + display: -webkit-box; + display: -ms-flexbox; display: flex; - flex-direction: column; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; min-height: 100vh; } main { - flex-grow: 1; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + display: -webkit-box; + display: -ms-flexbox; display: flex; - flex-direction: column; - justify-content: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; padding: 3em 0; } @@ -124,15 +138,22 @@ footer { } .main-grid { + display: -webkit-box; + display: -ms-flexbox; display: flex; margin: 2em -.5em; - flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .main-grid > * { margin: .5em; - flex-basis: 20em; - flex-grow: 1; - flex-shrink: 0; + -ms-flex-preferred-size: 20em; + flex-basis: 20em; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; } section h1 { -- GitLab