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
if type is 'crx'
pkg.flex = '-webkit-flex'
pkg.order = '-webkit-order'
pkg.align = '-webkit-align'
pkg.justify = '-webkit-justify-content'
pkg.transform = '-webkit-transform'
else
pkg.flex = 'flex'
pkg.order = 'order'
pkg.align = 'align'
pkg.justify = 'justify-content'

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

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