From 2fc7ed9f8e4982b10cbad0d047228075a8d805a0 Mon Sep 17 00:00:00 2001 From: ccd0 Date: Sat, 19 Jul 2014 23:44:13 -0700 Subject: [PATCH] avoid using different CSS for each package --- Gruntfile.coffee | 10 ---------- src/General/css/style.css | 15 ++++++++++----- 2 files changed, 10 insertions(+), 15 deletions(-) diff --git a/Gruntfile.coffee b/Gruntfile.coffee index 2df5fac60..60220c8af 100755 --- a/Gruntfile.coffee +++ b/Gruntfile.coffee @@ -180,16 +180,6 @@ module.exports = (grunt) -> pkg = grunt.config 'pkg' pkg.type = type grunt.config 'pkg', pkg - - if type is 'crx' - pkg.align = '-webkit-align' - pkg.justify = '-webkit-justify-content' - pkg.transform = '-webkit-transform' - else - pkg.align = 'align' - pkg.justify = 'justify-content' - pkg.transform = 'transform' - grunt.log.ok 'pkg.type = %s', type grunt.registerTask 'set-channel', 'Set the update channel', (channel) -> diff --git a/src/General/css/style.css b/src/General/css/style.css index 3957b94d3..270931215 100755 --- a/src/General/css/style.css +++ b/src/General/css/style.css @@ -1285,7 +1285,8 @@ div.boardTitle { } .gal-viewport { display: flex; - <%= align %>-items: stretch; + -webkit-align-items: stretch; + align-items: stretch; flex-direction: row; flex: 1 1 auto; } @@ -1294,7 +1295,8 @@ div.boardTitle { overflow-y: auto; display: flex; flex-direction: column; - <%= align %>-items: stretch; + -webkit-align-items: stretch; + align-items: stretch; text-align: center; background: rgba(0,0,0,.5); border-left: 1px solid #222; @@ -1341,7 +1343,8 @@ div.boardTitle { .gal-next::after { position: absolute; top: 48.6%; - <%= transform %>: translateY(-50%) + -webkit-transform: translateY(-50%); + transform: translateY(-50%); display: inline-block; border-top: 11px solid transparent; border-bottom: 11px solid transparent; @@ -1359,8 +1362,10 @@ div.boardTitle { order: 1; flex: 1 0 auto; display: flex; - <%= align %>-items: flex-start; - <%= justify %>: space-around; + -webkit-align-items: flex-start; + align-items: flex-start; + -webkit-justify-content: space-around; + justify-content: space-around; overflow: hidden; /* Flex > Non-Flex child max-width and overflow fix (Firefox only?) */ width: 1%;