Revert "flexbox for the post header"

This reverts commit bef3084516.
This commit is contained in:
Sam 2015-09-02 12:20:35 +10:00
parent 262f561a87
commit c2e9644558
5 changed files with 9 additions and 73 deletions

View File

@ -6,14 +6,6 @@
background-color: $header_background;
box-shadow: 0 2px 4px -1px rgba(0,0,0, .25);
.ember-view {
min-width: 0; //flexbox fix
}
.title {
@include flex(0,0,auto);
}
.docked & {
position: fixed;
backface-visibility: hidden; /** do magic for scrolling performance **/
@ -21,8 +13,6 @@
.contents {
margin: 8px 0;
@include flexbox();
@include align-items(center);
}
.title {
@ -44,10 +34,8 @@
}
.panel {
float: right;
position: relative;
margin-left: auto;
min-width: 125px;
@include order(3)
}
.login-button, button.sign-up-button {

View File

@ -270,3 +270,6 @@ div.menu-links-header {
margin-right: 0.2em;
}
}

View File

@ -27,12 +27,11 @@
}
.extra-info-wrapper {
@include order(2);
line-height: 1.5;
.badge-wrapper {
float: left;
margin-left: 2px;
line-height: 1.2;
&.bullet {
margin-top: 5px;
}
}
}

View File

@ -52,8 +52,8 @@
&.bullet { //bullet category style
@include inline-flex;
@include align-items(baseline);
display: inline-flex;
align-items: baseline;
margin-right: 10px;
span.badge-category {

View File

@ -113,57 +113,3 @@
-webkit-transform: $transforms;
transform: $transforms;
}
// ---------------------------------------------------
//Flexbox
@mixin flexbox() {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
@mixin inline-flex() {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
@mixin align-items($alignment) {
-webkit-box-align: $alignment;
-webkit-align-items: $alignment;
-ms-flex-align: $alignment;
-ms-align-items: $alignment;
align-items:$alignment;
}
@mixin order($val) {
-webkit-box-ordinal-group: $val;
-moz-box-ordinal-group: $val;
-ms-flex-order: $val;
-webkit-order: $val;
order: $val;
}
@mixin flex($fg: 1, $fs: null, $fb: null) {
$fg-boxflex: $fg;
// Box-Flex only supports a flex-grow value
@if type-of($fg) == 'list' {
$fg-boxflex: nth($fg, 1);
}
-webkit-box-flex: $fg-boxflex;
-webkit-flex: $fg $fs $fb;
-moz-box-flex: $fg-boxflex;
-moz-flex: $fg $fs $fb;
-ms-flex: $fg $fs $fb;
flex: $fg $fs $fb;
}