Upgrade bourbon to ^6.0.0 (#161)

This commit is contained in:
Pranav Raj S
2019-10-20 13:34:19 +05:30
committed by GitHub
parent 20cfd005b9
commit dd018f3682
23 changed files with 94 additions and 90 deletions

View File

@@ -26,7 +26,7 @@
@include flex-grid-column(3, $space-medium);
@include padding($space-normal);
@include flex;
@include flex-direction(column);
flex-direction: column;
// @include thin-border($color-border-light);
// @include margin(-$space-micro $zero);
background: $color-white;
@@ -53,13 +53,13 @@
.lock-message {
@include flex;
@include full-height;
@include flex-direction(column);
flex-direction: column;
@include flex-align(center, middle);
div {
@include flex;
@include full-height;
@include flex-direction(column);
flex-direction: column;
@include flex-align(center, middle);
img {

View File

@@ -47,7 +47,7 @@
right: $space-normal;
top: $space-normal;
@include flex;
@include flex-direction(column);
flex-direction: column;
.unread {
$unread-size: $space-two - $space-micro;

View File

@@ -1,6 +1,6 @@
.conversations-sidebar {
@include flex;
@include flex-direction(column);
flex-direction: column;
.chat-list__top {
@include padding($space-normal $zero $space-small $zero);
@@ -45,12 +45,12 @@
.current-chat {
@include flex;
@include full-height;
@include flex-direction(column);
flex-direction: column;
@include flex-align(center, middle);
div {
@include flex;
@include full-height;
@include flex-direction(column);
flex-direction: column;
@include flex-align(center, middle);
img {
@include margin($space-normal);
@@ -68,7 +68,7 @@
.conv-empty-state {
@include flex;
@include full-height;
@include flex-direction(column);
flex-direction: column;
@include flex-align(center, middle);
}
}
@@ -76,7 +76,7 @@
.conversation-panel {
@include flex;
@include flex-weight(1);
@include flex-direction(column);
flex-direction: column;
@include margin($zero);
// Firefox flexbox fix
height: 100%;
@@ -267,8 +267,8 @@
.image {
@include flex;
@include justify-content(center);
@include align-items(flex-end);
justify-content: center;
align-items: flex-end;
text-align: center;
img {

View File

@@ -3,7 +3,7 @@
margin-top: 0;
border-bottom: 0;
@include elegant-card;
@include transition(height 2s $ease-in-out-cubic);
transition: height 2s $ease-in-out-cubic;
max-height: $space-jumbo*2;
.reply-box__top {
@@ -82,8 +82,8 @@
.tabs-title {
margin: 0;
@include transition(background .2s $ease-in-out-cubic);
@include transition(color .2s $ease-in-out-cubic);
transition: background .2s $ease-in-out-cubic;
transition: color .2s $ease-in-out-cubic;
a {
padding: $space-one $space-two;

View File

@@ -37,7 +37,7 @@
@include padding($space-small $space-medium);
.chart-container {
@include flex;
@include flex-direction(column);
flex-direction: column;
@include flex-align(center, middle);
div {
width: 100%;

View File

@@ -3,7 +3,7 @@
@include flex-align($x: left, $y: middle);
@include padding($space-one $space-normal);
@include flex-shrink;
@include transition(all .3s $ease-in-out-quad);
transition: all .3s $ease-in-out-quad;
> .icon {
font-size: $font-size-medium;
color: $medium-gray;
@@ -12,4 +12,4 @@
@include ghost-input();
@include margin(0);
}
}
}

View File

@@ -18,8 +18,7 @@
.logo {
img {
@include padding($woot-logo-padding);
// width: $woot-logo-width;
// height: $woot-logo-height;
max-height: 100px;
}
}
@@ -37,7 +36,7 @@
@include flex;
@include space-between-column;
@include padding($space-one $space-normal $space-one $space-one);
@include flex-direction(column);
flex-direction: column;
@include border-normal-top;
position: relative;
@@ -93,7 +92,7 @@
.current-user {
@include flex;
@include flex-direction(row);
flex-direction: row;
cursor: pointer;
.current-user--thumbnail {
@@ -104,7 +103,7 @@
.current-user--data {
@include flex;
@include flex-direction(column);
flex-direction: column;
.current-user--name {
font-size: $font-size-small;

View File

@@ -1,6 +1,6 @@
.status-bar {
@include flex;
@include flex-direction(column);
flex-direction: column;
@include flex-align($x: center, $y: middle);
background: lighten($warning-color, 36%);
// @include elegant-card();

View File

@@ -39,7 +39,7 @@
a {
@include position(relative, 1px null null null);
@include transition(all .15s $ease-in-out-cubic);
transition: all .15s $ease-in-out-cubic;
border-bottom: 2px solid transparent;
color: $medium-gray;
font-size: $font-size-small;

View File

@@ -20,7 +20,7 @@ table {
tr {
.show-if-hover {
opacity: 0;
@include transition(all .2s $ease-in-out-cubic);
transition: all .2s $ease-in-out-cubic;
}
&:hover {
.show-if-hover {
@@ -42,7 +42,7 @@ table {
min-width: 20rem;
@include flex;
@include flex-align(left, null);
@include flex-direction(row);
flex-direction: row;
}
.button {
@include margin($zero);