YourWishes/domsPlace
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fixed Tabs, added flex-basis mixin

Browse Source
This commit is contained in:
Dominic Masters
2018-06-27 08:09:51 +10:00
parent 0c0c1fccb2
commit 96cea1dc86
1 changed files with 37 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

66
public/styles/tools/flex.scss
View File

@ -6,7 +6,7 @@
* https://github.com/mastastealth/sass-flex-mixin/blob/master/_flex.scss * https://github.com/mastastealth/sass-flex-mixin/blob/master/_flex.scss
* *
* Version: * Version:
* 1.0.0 - 2018/02/23 * 1.0.1 - 2018/06/27
*/ */
//Flex/Flexbox //Flex/Flexbox
@ -71,17 +71,17 @@
//Align content //Align content
@mixin t-align-content($value: stretch) { @mixin t-align-content($value: stretch) {
// No Webkit Box Fallback. // No Webkit Box Fallback.
-webkit-align-content: $value; -webkit-align-content: $value;
-moz-align-content: $value; -moz-align-content: $value;
@if $value == flex-start { @if $value == flex-start {
-ms-flex-line-pack: start; -ms-flex-line-pack: start;
} @else if $value == flex-end { } @else if $value == flex-end {
-ms-flex-line-pack: end; -ms-flex-line-pack: end;
} @else { } @else {
-ms-flex-line-pack: $value; -ms-flex-line-pack: $value;
} }
align-content: $value; align-content: $value;
} }
//Justify Content //Justify Content
@ -130,23 +130,23 @@
//t-flex-direction //t-flex-direction
@mixin t-flex-direction($value: row) { @mixin t-flex-direction($value: row) {
@if $value == row-reverse { @if $value == row-reverse {
-webkit-box-direction: reverse; -webkit-box-direction: reverse;
-webkit-box-orient: horizontal; -webkit-box-orient: horizontal;
} @else if $value == column { } @else if $value == column {
-webkit-box-direction: normal; -webkit-box-direction: normal;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
} @else if $value == column-reverse { } @else if $value == column-reverse {
-webkit-box-direction: reverse; -webkit-box-direction: reverse;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
} @else { } @else {
-webkit-box-direction: normal; -webkit-box-direction: normal;
-webkit-box-orient: horizontal; -webkit-box-orient: horizontal;
} }
-webkit-flex-direction: $value; -webkit-flex-direction: $value;
-moz-flex-direction: $value; -moz-flex-direction: $value;
-ms-flex-direction: $value; -ms-flex-direction: $value;
flex-direction: $value; flex-direction: $value;
} }
//Flex Grow //Flex Grow
@ -157,3 +157,11 @@
-ms-flex-positive: $int; -ms-flex-positive: $int;
flex-grow: $int; flex-grow: $int;
} }
//Flex basis
@mixin t-flex-basis($value: auto) {
-webkit-flex-basis: $value;
-moz-flex-basis: $value;
-ms-flex-preferred-size: $value;
flex-basis: $value;
}