application/css/meta.css.scss in spontaneous-0.2.0.beta5 vs application/css/meta.css.scss in spontaneous-0.2.0.beta6
- old
+ new
@@ -16,11 +16,11 @@
#user-admin-container {
$container-margin: $container-padding;
$user-admin-dialogue-width: 680px;
@include calc(max-height, "100% - #{ 2 * $container-margin }");
@include display-box;
- @include box-orient(vertical);
+ @include box-orient(column);
@include rounded;
min-height: 450px;
background-color: rgba(0, 0, 0, 0.2);
position: relative;
@@ -132,11 +132,11 @@
color: white;
}
}
.admin {
@include display-box;
- @include box-orient(horizontal);
+ @include box-orient(row);
@include box-align(stretch);
margin-bottom: $container-padding / 2;
p {
width: 30%;
margin: 0;
@@ -176,11 +176,11 @@
}
}
}
.save {
@include display-box;
- @include box-orient(horizontal);
+ @include box-orient(row);
@include box-align(stretch);
margin-top: ($container-padding / 2);
.button {
@include button-color($highlight, $action);
display: block;
@@ -210,11 +210,11 @@
margin-top: -$unit/2;
z-index: 100;
.level {
@include display-box;
@include box-align(stretch);
- @include box-orient(horizontal);
+ @include box-orient(row);
padding: $unit/2 $unit;
// position: relative;
span {
display: block;
width: 25%;
@@ -257,11 +257,11 @@
padding: ($container-padding / 4) ($container-padding / 4);
.user {
@include box-sizing;
@include display-box;
@include box-align(stretch);
- @include box-orient(horizontal);
- @include box-pack(top);
+ @include box-orient(row);
+ @include box-pack(flex-start);
@include rounded;
cursor: pointer;
height: $container-padding * 1;
padding: ($container-padding / 4);