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

Reset, reset

Browse Source
This commit is contained in:
Dominic Masters
2018-04-28 17:13:56 +10:00
parent 63d1e21b9a
commit 5eb4d7ee4f
124 changed files with 0 additions and 5899 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
public/styles/tools/_box-shadow.scss
View File

@ -1,20 +0,0 @@
/*
* Box-Shadow
* Box shadow tools
*
* Dependencies:
*
* Version:
* 1.0.0 - 2018/02/23
*/
@mixin t-box-shadow($top, $left, $blur, $color, $inset: false) {
@if $inset {
-webkit-box-shadow:inset $top $left $blur $color;
-moz-box-shadow:inset $top $left $blur $color;
box-shadow:inset $top $left $blur $color;
} @else {
-webkit-box-shadow: $top $left $blur $color;
-moz-box-shadow: $top $left $blur $color;
box-shadow: $top $left $blur $color;
}
}

159
public/styles/tools/_flex.scss
View File

@ -1,159 +0,0 @@
/*
* Flex
* Used to simplify the flexbox and it's styles
*
* Many of these mixins were taken from mastastealth/sass-flex-mixin:
* https://github.com/mastastealth/sass-flex-mixin/blob/master/_flex.scss
*
* Version:
* 1.0.0 - 2018/02/23
*/
//Flex/Flexbox
@mixin t-flexbox {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
}
%t-flexbox {
@include t-flexbox;
}
//Inline Flex/Inline Flexbox
@mixin t-inline-flex {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
}
%t-inline-flex {
@include t-inline-flex;
}
//Align-items
@mixin t-align-items($value: stretch) {
@if $value == flex-start {
-webkit-box-align: start;
-ms-flex-align: start;
} @else if $value == flex-end {
-webkit-box-align: end;
-ms-flex-align: end;
} @else {
-webkit-box-align: $value;
-ms-flex-align: $value;
}
-webkit-align-items: $value;
-moz-align-items: $value;
align-items: $value;
}
//Align-self
@mixin t-align-self($value: auto) {
// No Webkit Box Fallback.
-webkit-align-self: $value;
-moz-align-self: $value;
@if $value == flex-start {
-ms-flex-item-align: start;
} @else if $value == flex-end {
-ms-flex-item-align: end;
} @else {
-ms-flex-item-align: $value;
}
align-self: $value;
}
//Align content
@mixin t-align-content($value: stretch) {
// No Webkit Box Fallback.
-webkit-align-content: $value;
-moz-align-content: $value;
@if $value == flex-start {
-ms-flex-line-pack: start;
} @else if $value == flex-end {
-ms-flex-line-pack: end;
} @else {
-ms-flex-line-pack: $value;
}
align-content: $value;
}
//Justify Content
@mixin t-justify-content($value: flex-start) {
@if $value == flex-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
} @else if $value == flex-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
} @else if $value == space-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
} @else if $value == space-around {
-ms-flex-pack: distribute;
} @else {
-webkit-box-pack: $value;
-ms-flex-pack: $value;
}
-webkit-justify-content: $value;
-moz-justify-content: $value;
justify-content: $value;
}
//Wrapping
@mixin t-flex-wrap($value: nowrap) {
// No Webkit Box fallback.
-webkit-flex-wrap: $value;
-moz-flex-wrap: $value;
@if $value == nowrap {
-ms-flex-wrap: none;
} @else {
-ms-flex-wrap: $value;
}
flex-wrap: $value;
}
//Flowing
@mixin t-flex-flow($values: (row nowrap)) {
// No Webkit Box fallback.
-webkit-flex-flow: $values;
-moz-flex-flow: $values;
-ms-flex-flow: $values;
flex-flow: $values;
}
//t-flex-direction
@mixin t-flex-direction($value: row) {
@if $value == row-reverse {
-webkit-box-direction: reverse;
-webkit-box-orient: horizontal;
} @else if $value == column {
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
} @else if $value == column-reverse {
-webkit-box-direction: reverse;
-webkit-box-orient: vertical;
} @else {
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
}
-webkit-flex-direction: $value;
-moz-flex-direction: $value;
-ms-flex-direction: $value;
flex-direction: $value;
}
//Flex Grow
@mixin t-flex-grow($int: 0) {
-webkit-box-flex: $int;
-webkit-flex-grow: $int;
-moz-flex-grow: $int;
-ms-flex-positive: $int;
flex-grow: $int;
}

13
public/styles/tools/_gradients.scss
View File

@ -1,13 +0,0 @@
/*
* Gradients
* Various cross browser gradients
*
* Version:
* 1.0.0 - 2018/02/23
*/
@mixin t-gradient-directional($start-color: #555, $end-color: #333, $deg: 45deg) {
background-repeat: repeat-x;
background-image: -webkit-linear-gradient($deg, $start-color, $end-color); // Safari 5.1-6, Chrome 10+
background-image: -o-linear-gradient($deg, $start-color, $end-color); // Opera 12
background-image: linear-gradient($deg, $start-color, $end-color); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
}

40
public/styles/tools/_mixin.absolute-centering.scss
View File

@ -1,40 +0,0 @@
/*
* Absolute Position Centering
* Provides mixins to center using absolute positioning and transforms
*
* Dependencies:
* tools/_mixin.transform.scss
*
* Version:
* 1.0.0 - 2018/01/29
*/
@mixin t-absolute-center-x-y() {
position: absolute;
left: 50%;
top: 50%;
@include t-translate(-50%, -50%);
}
@mixin t-absolute-center-x() {
position: absolute;
left: 50%;
@include t-translate-x(-50%);
}
@mixin t-absolute-center-y() {
position: absolute;
top: 50%;
@include t-translate-y(-50%);
}
%t-absolute-center-x-y {
@include t-absolute-center-x-y();
}
%t-absolute-center-x {
@include t-absolute-center-x();
}
%t-absolute-center-y {
@include t-absolute-center-y();
}

31
public/styles/tools/_responsive.scss
View File

@ -1,31 +0,0 @@
/*
* Responsive Tools
* Responsive tools
*
* Dependencies:
* styles/settings/responsive.scss
*
* Version:
* 1.0.0 - 2018/02/23
*/
@mixin t-media-query($media-query) {
$breakpoint-found: false;
@each $breakpoint in $s-breakpoints {
$name: nth($breakpoint, 1);
$declaration: nth($breakpoint, 2);
@if $media-query == $name and $declaration {
$breakpoint-found: true;
@media only screen and #{$declaration} {
@content;
}
}
}
@if $breakpoint-found == false {
@warn 'Breakpoint "#{$media-query}" does not exist';
}
}

14
public/styles/tools/_text-selection.scss
View File

@ -1,14 +0,0 @@
/*
* Text Selection
* Various text selection tools.
*
* Dependencies:
* styles/tools/prefix.scss
*
* Version:
* 1.0.0 - 2018/02/23
*/
%no-select {
@include t-prefix-property(user-select, none, webkit khtml moz ms spec);
-webkit-touch-callout: none; /* iOS Safari */
}

34
public/styles/tools/_transform.scss
View File

@ -1,34 +0,0 @@
/*
* Transform Mixins
* Provides mixins for transforms
*
* Dependencies:
* styles/tools/mixin.prefix.scss - Used to prefix browser support
*
* Version:
* 1.0.0 - 2018/02/23
*/
@mixin t-transform($transforms) {
@include t-prefix-property(transform, $transforms, moz o ms webkit spec);
}
@mixin t-translate($x, $y) {
@include t-transform(translate($x, $y));
}
@mixin t-translate-x($x) {
@include t-transform(translateX($x));
}
@mixin t-translate-y($y) {
@include t-transform(translateY($y));
}
@mixin t-scale($amt) {
@include t-transform(scale($amt));
}
@mixin t-rotate($amt) {
@include t-transform(rotate($amt));
}

42
public/styles/tools/prefix.scss
View File

@ -1,42 +0,0 @@
/*
* Prefix Mixins
* Mixins used to add browser prefix to values and/or properties
*
* Version:
* 1.0.0 - 2018/02/23
*/
@mixin t-prefix-property($property, $value, $prefixes) {
@each $prefix in $prefixes {
@if $prefix == webkit {
-webkit-#{$property}: $value;
} @else if $prefix == moz {
-moz-#{$property}: $value;
} @else if $prefix == ms {
-ms-#{$property}: $value;
} @else if $prefix == o {
-o-#{$property}: $value;
} @else if $prefix == spec {
#{$property}: $value;
} @else {
@warn 'Unrecognized prefix: #{$prefix}';
}
}
}
@mixin t-prefix-value($property, $value, $prefixes) {
@each $prefix in $prefixes {
@if $prefix == webkit {
#{$property}: -webkit-#{$value};
} @else if $prefix == moz {
#{$property}: -moz-#{$value};
} @else if $prefix == ms {
#{$property}: -ms-#{$value};
} @else if $prefix == o {
#{$property}: -o-#{$value};
} @else if $prefix == spec {
#{$property}: #{$value};
} @else {
@warn 'Unrecognized prefix: #{$prefix}';
}
}
}