Goyslop/4chan-x
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

flex no longer needs to be prefixed in Chrome

Browse Source
This commit is contained in:
ccd0 2014-06-08 13:42:53 -07:00
parent e6712f9d34
commit 972f0773dc
2 changed files with 12 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
Gruntfile.coffee
View File

@ -171,13 +171,11 @@ module.exports = (grunt) ->
grunt.config 'pkg', pkg grunt.config 'pkg', pkg
if type is 'crx' if type is 'crx'
pkg.flex = '-webkit-flex'
pkg.order = '-webkit-order' pkg.order = '-webkit-order'
pkg.align = '-webkit-align' pkg.align = '-webkit-align'
pkg.justify = '-webkit-justify-content' pkg.justify = '-webkit-justify-content'
pkg.transform = '-webkit-transform' pkg.transform = '-webkit-transform'
else else
pkg.flex = 'flex'
pkg.order = 'order' pkg.order = 'order'
pkg.align = 'align' pkg.align = 'align'
pkg.justify = 'justify-content' pkg.justify = 'justify-content'

24
src/General/css/style.css
View File

@ -1271,21 +1271,21 @@ div.boardTitle {
left: 0; left: 0;
right: 0; right: 0;
z-index: 30; z-index: 30;
display: <%= flex %>; display: flex;
<%= flex %>-direction: row; flex-direction: row;
background: rgba(0,0,0,0.7); background: rgba(0,0,0,0.7);
} }
.gal-viewport { .gal-viewport {
display: <%= flex %>; display: flex;
<%= align %>-items: stretch; <%= align %>-items: stretch;
<%= flex %>-direction: row; flex-direction: row;
<%= flex %>: 1 1 auto; flex: 1 1 auto;
} }
.gal-thumbnails { .gal-thumbnails {
<%= flex %>: 0 0 150px; flex: 0 0 150px;
overflow-y: auto; overflow-y: auto;
display: <%= flex %>; display: flex;
<%= flex %>-direction: column; flex-direction: column;
<%= align %>-items: stretch; <%= align %>-items: stretch;
text-align: center; text-align: center;
background: rgba(0,0,0,.5); background: rgba(0,0,0,.5);
@ -1301,7 +1301,7 @@ div.boardTitle {
width: auto; width: auto;
} }
.gal-thumb { .gal-thumb {
<%= flex %>: 0 0 auto; flex: 0 0 auto;
padding: 3px; padding: 3px;
line-height: 0; line-height: 0;
transition: background .2s linear; transition: background .2s linear;
@ -1319,7 +1319,7 @@ div.boardTitle {
} }
.gal-prev, .gal-prev,
.gal-next { .gal-next {
<%= flex %>: 0 0 20px; flex: 0 0 20px;
position: relative; position: relative;
cursor: pointer; cursor: pointer;
opacity: 0.7; opacity: 0.7;
@ -1349,8 +1349,8 @@ div.boardTitle {
} }
.gal-image { .gal-image {
order: 1; order: 1;
<%= flex %>: 1 0 auto; flex: 1 0 auto;
display: <%= flex %>; display: flex;
<%= align %>-items: flex-start; <%= align %>-items: flex-start;
<%= justify %>: space-around; <%= justify %>: space-around;
overflow: hidden; overflow: hidden;