From 3f3c818ca9ac12ebdf76d2db101a8a7d8458f0f0 Mon Sep 17 00:00:00 2001 From: Paul Kocialkowski Date: Thu, 2 Jul 2015 14:06:22 +0200 Subject: supported-devices: Equal column height and vertical spacing for tablets Signed-off-by: Paul Kocialkowski --- css/equal-height-columns.css | 32 ++++++++++++++++++++++++++++++++ 1 file changed, 32 insertions(+) create mode 100644 css/equal-height-columns.css (limited to 'css') diff --git a/css/equal-height-columns.css b/css/equal-height-columns.css new file mode 100644 index 0000000..5d78527 --- /dev/null +++ b/css/equal-height-columns.css @@ -0,0 +1,32 @@ +/* + * Row with equal height columns + * -------------------------------------------------- + */ +.row-eq-height { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.row-eq-height > div { + padding-bottom: 20px; +} + +.row-eq-height > div > a { + display: flex; + flex-direction: column; + justify-content: space-between; + height: 100%; +} + +.row-eq-height .vertical-spacer { + display: flex; + flex-direction: column; + justify-content: space-around; + height: 100%; +} + +.row-eq-height .vertical-spacer img { + width: 100%; +} -- cgit v1.1