dta_rapid 0.2.5 → 0.2.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/_includes/forms/text-input.html +2 -0
- data/_sass/_colors.scss +18 -3
- data/_sass/components/text-input.scss +71 -0
- data/_sass/vendor/bourbon/_bourbon-deprecate.scss +19 -0
- data/_sass/vendor/bourbon/_bourbon-deprecated-upcoming.scss +425 -0
- data/_sass/vendor/bourbon/_bourbon.scss +90 -0
- data/_sass/vendor/bourbon/addons/_border-color.scss +29 -0
- data/_sass/vendor/bourbon/addons/_border-radius.scss +48 -0
- data/_sass/vendor/bourbon/addons/_border-style.scss +28 -0
- data/_sass/vendor/bourbon/addons/_border-width.scss +28 -0
- data/_sass/vendor/bourbon/addons/_buttons.scss +69 -0
- data/_sass/vendor/bourbon/addons/_clearfix.scss +25 -0
- data/_sass/vendor/bourbon/addons/_ellipsis.scss +30 -0
- data/_sass/vendor/bourbon/addons/_font-stacks.scss +31 -0
- data/_sass/vendor/bourbon/addons/_hide-text.scss +27 -0
- data/_sass/vendor/bourbon/addons/_margin.scss +29 -0
- data/_sass/vendor/bourbon/addons/_padding.scss +29 -0
- data/_sass/vendor/bourbon/addons/_position.scss +51 -0
- data/_sass/vendor/bourbon/addons/_prefixer.scss +66 -0
- data/_sass/vendor/bourbon/addons/_retina-image.scss +27 -0
- data/_sass/vendor/bourbon/addons/_size.scss +51 -0
- data/_sass/vendor/bourbon/addons/_text-inputs.scss +118 -0
- data/_sass/vendor/bourbon/addons/_timing-functions.scss +34 -0
- data/_sass/vendor/bourbon/addons/_triangle.scss +63 -0
- data/_sass/vendor/bourbon/addons/_word-wrap.scss +29 -0
- data/_sass/vendor/bourbon/css3/_animation.scss +61 -0
- data/_sass/vendor/bourbon/css3/_appearance.scss +5 -0
- data/_sass/vendor/bourbon/css3/_backface-visibility.scss +5 -0
- data/_sass/vendor/bourbon/css3/_background-image.scss +44 -0
- data/_sass/vendor/bourbon/css3/_background.scss +57 -0
- data/_sass/vendor/bourbon/css3/_border-image.scss +61 -0
- data/_sass/vendor/bourbon/css3/_calc.scss +6 -0
- data/_sass/vendor/bourbon/css3/_columns.scss +67 -0
- data/_sass/vendor/bourbon/css3/_filter.scss +6 -0
- data/_sass/vendor/bourbon/css3/_flex-box.scss +327 -0
- data/_sass/vendor/bourbon/css3/_font-face.scss +29 -0
- data/_sass/vendor/bourbon/css3/_font-feature-settings.scss +6 -0
- data/_sass/vendor/bourbon/css3/_hidpi-media-query.scss +12 -0
- data/_sass/vendor/bourbon/css3/_hyphens.scss +6 -0
- data/_sass/vendor/bourbon/css3/_image-rendering.scss +15 -0
- data/_sass/vendor/bourbon/css3/_keyframes.scss +38 -0
- data/_sass/vendor/bourbon/css3/_linear-gradient.scss +40 -0
- data/_sass/vendor/bourbon/css3/_perspective.scss +12 -0
- data/_sass/vendor/bourbon/css3/_placeholder.scss +10 -0
- data/_sass/vendor/bourbon/css3/_radial-gradient.scss +40 -0
- data/_sass/vendor/bourbon/css3/_selection.scss +44 -0
- data/_sass/vendor/bourbon/css3/_text-decoration.scss +27 -0
- data/_sass/vendor/bourbon/css3/_transform.scss +21 -0
- data/_sass/vendor/bourbon/css3/_transition.scss +81 -0
- data/_sass/vendor/bourbon/css3/_user-select.scss +5 -0
- data/_sass/vendor/bourbon/functions/_assign-inputs.scss +16 -0
- data/_sass/vendor/bourbon/functions/_contains-falsy.scss +25 -0
- data/_sass/vendor/bourbon/functions/_contains.scss +31 -0
- data/_sass/vendor/bourbon/functions/_is-length.scss +16 -0
- data/_sass/vendor/bourbon/functions/_is-light.scss +26 -0
- data/_sass/vendor/bourbon/functions/_is-number.scss +16 -0
- data/_sass/vendor/bourbon/functions/_is-size.scss +18 -0
- data/_sass/vendor/bourbon/functions/_modular-scale.scss +74 -0
- data/_sass/vendor/bourbon/functions/_px-to-em.scss +24 -0
- data/_sass/vendor/bourbon/functions/_px-to-rem.scss +26 -0
- data/_sass/vendor/bourbon/functions/_shade.scss +24 -0
- data/_sass/vendor/bourbon/functions/_strip-units.scss +22 -0
- data/_sass/vendor/bourbon/functions/_tint.scss +24 -0
- data/_sass/vendor/bourbon/functions/_transition-property-name.scss +37 -0
- data/_sass/vendor/bourbon/functions/_unpack.scss +32 -0
- data/_sass/vendor/bourbon/helpers/_convert-units.scss +26 -0
- data/_sass/vendor/bourbon/helpers/_directional-values.scss +108 -0
- data/_sass/vendor/bourbon/helpers/_font-source-declaration.scss +53 -0
- data/_sass/vendor/bourbon/helpers/_gradient-positions-parser.scss +24 -0
- data/_sass/vendor/bourbon/helpers/_linear-angle-parser.scss +35 -0
- data/_sass/vendor/bourbon/helpers/_linear-gradient-parser.scss +51 -0
- data/_sass/vendor/bourbon/helpers/_linear-positions-parser.scss +77 -0
- data/_sass/vendor/bourbon/helpers/_linear-side-corner-parser.scss +41 -0
- data/_sass/vendor/bourbon/helpers/_radial-arg-parser.scss +74 -0
- data/_sass/vendor/bourbon/helpers/_radial-gradient-parser.scss +55 -0
- data/_sass/vendor/bourbon/helpers/_radial-positions-parser.scss +28 -0
- data/_sass/vendor/bourbon/helpers/_render-gradients.scss +31 -0
- data/_sass/vendor/bourbon/helpers/_shape-size-stripper.scss +15 -0
- data/_sass/vendor/bourbon/helpers/_str-to-num.scss +55 -0
- data/_sass/vendor/bourbon/settings/_asset-pipeline.scss +7 -0
- data/_sass/vendor/bourbon/settings/_deprecation-warnings.scss +8 -0
- data/_sass/vendor/bourbon/settings/_prefixer.scss +9 -0
- data/_sass/vendor/bourbon/settings/_px-to-em.scss +1 -0
- data/_sass/vendor/neat/_neat-helpers.scss +8 -0
- data/_sass/vendor/neat/_neat.scss +19 -22
- data/_sass/vendor/neat/functions/_new-breakpoint.scss +49 -0
- data/_sass/vendor/neat/functions/_private.scss +114 -0
- data/_sass/vendor/neat/grid/_box-sizing.scss +15 -0
- data/_sass/vendor/neat/grid/_direction-context.scss +33 -0
- data/_sass/vendor/neat/grid/_display-context.scss +28 -0
- data/_sass/vendor/neat/grid/_fill-parent.scss +22 -0
- data/_sass/vendor/neat/grid/_media.scss +92 -0
- data/_sass/vendor/neat/grid/_omega.scss +87 -0
- data/_sass/vendor/neat/grid/_outer-container.scss +38 -0
- data/_sass/vendor/neat/grid/_pad.scss +25 -0
- data/_sass/vendor/neat/grid/_private.scss +35 -0
- data/_sass/vendor/neat/grid/_row.scss +52 -0
- data/_sass/vendor/neat/grid/_shift.scss +50 -0
- data/_sass/vendor/neat/grid/_span-columns.scss +94 -0
- data/_sass/vendor/neat/grid/_to-deprecate.scss +97 -0
- data/_sass/vendor/neat/grid/_visual-grid.scss +42 -0
- data/_sass/vendor/neat/settings/_disable-warnings.scss +13 -0
- data/_sass/vendor/neat/settings/_grid.scss +51 -0
- data/_sass/vendor/neat/settings/_visual-grid.scss +27 -0
- data/assets/style.scss +7 -4
- metadata +103 -20
- data/_sass/components/.keep +0 -0
- data/_sass/vendor/neat/neat/functions/_neat-append-grid-visual.scss +0 -21
- data/_sass/vendor/neat/neat/functions/_neat-column-default.scss +0 -23
- data/_sass/vendor/neat/neat/functions/_neat-column-ratio.scss +0 -24
- data/_sass/vendor/neat/neat/functions/_neat-column-width.scss +0 -25
- data/_sass/vendor/neat/neat/functions/_neat-float-direction.scss +0 -22
- data/_sass/vendor/neat/neat/functions/_neat-merge-defaults.scss +0 -23
- data/_sass/vendor/neat/neat/functions/_neat-opposite-direction.scss +0 -22
- data/_sass/vendor/neat/neat/functions/_neat-parse-columns.scss +0 -22
- data/_sass/vendor/neat/neat/functions/_neat-parse-media.scss +0 -20
- data/_sass/vendor/neat/neat/functions/_retrieve-neat-settings.scss +0 -19
- data/_sass/vendor/neat/neat/mixins/_grid-collapse.scss +0 -36
- data/_sass/vendor/neat/neat/mixins/_grid-column.scss +0 -39
- data/_sass/vendor/neat/neat/mixins/_grid-container.scss +0 -30
- data/_sass/vendor/neat/neat/mixins/_grid-media.scss +0 -67
- data/_sass/vendor/neat/neat/mixins/_grid-push.scss +0 -37
- data/_sass/vendor/neat/neat/mixins/_grid-shift.scss +0 -36
- data/_sass/vendor/neat/neat/mixins/_grid-visual.scss +0 -67
- data/_sass/vendor/neat/neat/settings/_settings.scss +0 -74
@@ -0,0 +1,31 @@
|
|
1
|
+
// User for linear and radial gradients within background-image or border-image properties
|
2
|
+
|
3
|
+
@function _render-gradients($gradient-positions, $gradients, $gradient-type, $vendor: false) {
|
4
|
+
@if $output-bourbon-deprecation-warnings == true {
|
5
|
+
@warn "[Bourbon] [Deprecation] `_render-gradients` is " +
|
6
|
+
"deprecated and will be removed in 5.0.0.";
|
7
|
+
}
|
8
|
+
|
9
|
+
$pre-spec: null;
|
10
|
+
$spec: null;
|
11
|
+
$vendor-gradients: null;
|
12
|
+
@if $gradient-type == linear {
|
13
|
+
@if $gradient-positions {
|
14
|
+
$pre-spec: nth($gradient-positions, 1);
|
15
|
+
$spec: nth($gradient-positions, 2);
|
16
|
+
}
|
17
|
+
}
|
18
|
+
@else if $gradient-type == radial {
|
19
|
+
$pre-spec: nth($gradient-positions, 1);
|
20
|
+
$spec: nth($gradient-positions, 2);
|
21
|
+
}
|
22
|
+
|
23
|
+
@if $vendor {
|
24
|
+
$vendor-gradients: -#{$vendor}-#{$gradient-type}-gradient(#{$pre-spec} $gradients);
|
25
|
+
}
|
26
|
+
@else if $vendor == false {
|
27
|
+
$vendor-gradients: "#{$gradient-type}-gradient(#{$spec} #{$gradients})";
|
28
|
+
$vendor-gradients: unquote($vendor-gradients);
|
29
|
+
}
|
30
|
+
@return $vendor-gradients;
|
31
|
+
}
|
@@ -0,0 +1,15 @@
|
|
1
|
+
@function _shape-size-stripper($shape-size) {
|
2
|
+
@if $output-bourbon-deprecation-warnings == true {
|
3
|
+
@warn "[Bourbon] [Deprecation] `_shape-size-stripper` is " +
|
4
|
+
"deprecated and will be removed in 5.0.0.";
|
5
|
+
}
|
6
|
+
|
7
|
+
$shape-size-spec: null;
|
8
|
+
@each $value in $shape-size {
|
9
|
+
@if ($value == "cover") or ($value == "contain") {
|
10
|
+
$value: null;
|
11
|
+
}
|
12
|
+
$shape-size-spec: "#{$shape-size-spec} #{$value}";
|
13
|
+
}
|
14
|
+
@return $shape-size-spec;
|
15
|
+
}
|
@@ -0,0 +1,55 @@
|
|
1
|
+
//************************************************************************//
|
2
|
+
// Helper function for linear/radial-gradient-parsers.
|
3
|
+
// Source: http://sassmeister.com/gist/9647408
|
4
|
+
//************************************************************************//
|
5
|
+
@function _str-to-num($string) {
|
6
|
+
@if $output-bourbon-deprecation-warnings == true {
|
7
|
+
@warn "[Bourbon] [Deprecation] `_str-to-num` is " +
|
8
|
+
"deprecated and will be removed in 5.0.0.";
|
9
|
+
}
|
10
|
+
|
11
|
+
// Matrices
|
12
|
+
$strings: "0" "1" "2" "3" "4" "5" "6" "7" "8" "9";
|
13
|
+
$numbers: 0 1 2 3 4 5 6 7 8 9;
|
14
|
+
|
15
|
+
// Result
|
16
|
+
$result: 0;
|
17
|
+
$divider: 0;
|
18
|
+
$minus: false;
|
19
|
+
|
20
|
+
// Looping through all characters
|
21
|
+
@for $i from 1 through str-length($string) {
|
22
|
+
$character: str-slice($string, $i, $i);
|
23
|
+
$index: index($strings, $character);
|
24
|
+
|
25
|
+
@if $character == "-" {
|
26
|
+
$minus: true;
|
27
|
+
}
|
28
|
+
|
29
|
+
@else if $character == "." {
|
30
|
+
$divider: 1;
|
31
|
+
}
|
32
|
+
|
33
|
+
@else {
|
34
|
+
@if not $index {
|
35
|
+
$result: if($minus, $result * -1, $result);
|
36
|
+
@return _convert-units($result, str-slice($string, $i));
|
37
|
+
}
|
38
|
+
|
39
|
+
$number: nth($numbers, $index);
|
40
|
+
|
41
|
+
@if $divider == 0 {
|
42
|
+
$result: $result * 10;
|
43
|
+
}
|
44
|
+
|
45
|
+
@else {
|
46
|
+
// Move the decimal dot to the left
|
47
|
+
$divider: $divider * 10;
|
48
|
+
$number: $number / $divider;
|
49
|
+
}
|
50
|
+
|
51
|
+
$result: $result + $number;
|
52
|
+
}
|
53
|
+
}
|
54
|
+
@return if($minus, $result * -1, $result);
|
55
|
+
}
|
@@ -0,0 +1,9 @@
|
|
1
|
+
@charset "UTF-8";
|
2
|
+
|
3
|
+
/// Global variables to enable or disable vendor prefixes
|
4
|
+
|
5
|
+
$prefix-for-webkit: true !default;
|
6
|
+
$prefix-for-mozilla: true !default;
|
7
|
+
$prefix-for-microsoft: true !default;
|
8
|
+
$prefix-for-opera: true !default;
|
9
|
+
$prefix-for-spec: true !default;
|
@@ -0,0 +1 @@
|
|
1
|
+
$em-base: 16px !default;
|
@@ -1,26 +1,23 @@
|
|
1
|
-
|
2
|
-
// Neat 2.0.0
|
1
|
+
// Neat 1.7.4
|
3
2
|
// http://neat.bourbon.io
|
4
|
-
// Copyright 2012 thoughtbot, inc.
|
3
|
+
// Copyright 2012-2015 thoughtbot, inc.
|
5
4
|
// MIT License
|
6
5
|
|
7
|
-
|
6
|
+
// Helpers
|
7
|
+
@import "neat-helpers";
|
8
8
|
|
9
|
-
|
10
|
-
@import "
|
11
|
-
@import "
|
12
|
-
@import "
|
13
|
-
@import "
|
14
|
-
@import "
|
15
|
-
@import "
|
16
|
-
@import "
|
17
|
-
@import "
|
18
|
-
@import "
|
19
|
-
|
20
|
-
@import "
|
21
|
-
@import "
|
22
|
-
@import "
|
23
|
-
@import "
|
24
|
-
@import "neat/mixins/grid-push";
|
25
|
-
@import "neat/mixins/grid-shift";
|
26
|
-
@import "neat/mixins/grid-visual";
|
9
|
+
// Grid
|
10
|
+
@import "grid/private";
|
11
|
+
@import "grid/box-sizing";
|
12
|
+
@import "grid/omega";
|
13
|
+
@import "grid/outer-container";
|
14
|
+
@import "grid/span-columns";
|
15
|
+
@import "grid/row";
|
16
|
+
@import "grid/shift";
|
17
|
+
@import "grid/pad";
|
18
|
+
@import "grid/fill-parent";
|
19
|
+
@import "grid/media";
|
20
|
+
@import "grid/to-deprecate";
|
21
|
+
@import "grid/visual-grid";
|
22
|
+
@import "grid/display-context";
|
23
|
+
@import "grid/direction-context";
|
@@ -0,0 +1,49 @@
|
|
1
|
+
@charset "UTF-8";
|
2
|
+
|
3
|
+
/// Returns a media context (media query / grid context) that can be stored in a variable and passed to `media()` as a single-keyword argument. Media contexts defined using `new-breakpoint` are used by the visual grid, as long as they are defined before importing Neat.
|
4
|
+
///
|
5
|
+
/// @param {List} $query
|
6
|
+
/// A list of media query features and values. Each `$feature` should have a corresponding `$value`.
|
7
|
+
///
|
8
|
+
/// If there is only a single `$value` in `$query`, `$default-feature` is going to be used.
|
9
|
+
///
|
10
|
+
/// The number of total columns in the grid can be set by passing `$columns` at the end of the list (overrides `$total-columns`). For a list of valid values for `$feature`, click [here](http://www.w3.org/TR/css3-mediaqueries/#media1).
|
11
|
+
///
|
12
|
+
/// @param {Number (unitless)} $total-columns [$grid-columns]
|
13
|
+
/// - Number of columns to use in the new grid context. Can be set as a shorthand in the first parameter.
|
14
|
+
///
|
15
|
+
/// @example scss - Usage
|
16
|
+
/// $mobile: new-breakpoint(max-width 480px 4);
|
17
|
+
///
|
18
|
+
/// .element {
|
19
|
+
/// @include media($mobile) {
|
20
|
+
/// @include span-columns(4);
|
21
|
+
/// }
|
22
|
+
/// }
|
23
|
+
///
|
24
|
+
/// @example css - CSS Output
|
25
|
+
/// @media screen and (max-width: 480px) {
|
26
|
+
/// .element {
|
27
|
+
/// display: block;
|
28
|
+
/// float: left;
|
29
|
+
/// margin-right: 7.42297%;
|
30
|
+
/// width: 100%;
|
31
|
+
/// }
|
32
|
+
/// .element:last-child {
|
33
|
+
/// margin-right: 0;
|
34
|
+
/// }
|
35
|
+
/// }
|
36
|
+
|
37
|
+
@function new-breakpoint($query: $feature $value $columns, $total-columns: $grid-columns) {
|
38
|
+
@if length($query) == 1 {
|
39
|
+
$query: $default-feature nth($query, 1) $total-columns;
|
40
|
+
} @else if is-even(length($query)) {
|
41
|
+
$query: append($query, $total-columns);
|
42
|
+
}
|
43
|
+
|
44
|
+
@if is-not(belongs-to($query, $visual-grid-breakpoints)) {
|
45
|
+
$visual-grid-breakpoints: append($visual-grid-breakpoints, $query, comma) !global;
|
46
|
+
}
|
47
|
+
|
48
|
+
@return $query;
|
49
|
+
}
|
@@ -0,0 +1,114 @@
|
|
1
|
+
// Not function for Libsass compatibility
|
2
|
+
// https://github.com/sass/libsass/issues/368
|
3
|
+
@function is-not($value) {
|
4
|
+
@return if($value, false, true);
|
5
|
+
}
|
6
|
+
|
7
|
+
// Checks if a number is even
|
8
|
+
@function is-even($int) {
|
9
|
+
@return $int % 2 == 0;
|
10
|
+
}
|
11
|
+
|
12
|
+
// Checks if an element belongs to a list or not
|
13
|
+
@function belongs-to($tested-item, $list) {
|
14
|
+
@return is-not(not-belongs-to($tested-item, $list));
|
15
|
+
}
|
16
|
+
|
17
|
+
@function not-belongs-to($tested-item, $list) {
|
18
|
+
@return is-not(index($list, $tested-item));
|
19
|
+
}
|
20
|
+
|
21
|
+
// Contains display value
|
22
|
+
@function contains-display-value($query) {
|
23
|
+
@return belongs-to(table, $query)
|
24
|
+
or belongs-to(block, $query)
|
25
|
+
or belongs-to(inline-block, $query)
|
26
|
+
or belongs-to(inline, $query);
|
27
|
+
}
|
28
|
+
|
29
|
+
// Parses the first argument of span-columns()
|
30
|
+
@function container-span($span: $span) {
|
31
|
+
@if length($span) == 3 {
|
32
|
+
$container-columns: nth($span, 3);
|
33
|
+
@return $container-columns;
|
34
|
+
} @else if length($span) == 2 {
|
35
|
+
$container-columns: nth($span, 2);
|
36
|
+
@return $container-columns;
|
37
|
+
}
|
38
|
+
|
39
|
+
@return $grid-columns;
|
40
|
+
}
|
41
|
+
|
42
|
+
@function container-shift($shift: $shift) {
|
43
|
+
$parent-columns: $grid-columns !default !global;
|
44
|
+
|
45
|
+
@if length($shift) == 3 {
|
46
|
+
$container-columns: nth($shift, 3);
|
47
|
+
@return $container-columns;
|
48
|
+
} @else if length($shift) == 2 {
|
49
|
+
$container-columns: nth($shift, 2);
|
50
|
+
@return $container-columns;
|
51
|
+
}
|
52
|
+
|
53
|
+
@return $parent-columns;
|
54
|
+
}
|
55
|
+
|
56
|
+
// Generates a striped background
|
57
|
+
@function gradient-stops($grid-columns, $color: $visual-grid-color) {
|
58
|
+
$transparent: transparent;
|
59
|
+
|
60
|
+
$column-width: flex-grid(1, $grid-columns);
|
61
|
+
$gutter-width: flex-gutter($grid-columns);
|
62
|
+
$column-offset: $column-width;
|
63
|
+
|
64
|
+
$values: ($transparent 0, $color 0);
|
65
|
+
|
66
|
+
@for $i from 1 to $grid-columns*2 {
|
67
|
+
@if is-even($i) {
|
68
|
+
$values: append($values, $transparent $column-offset, comma);
|
69
|
+
$values: append($values, $color $column-offset, comma);
|
70
|
+
$column-offset: $column-offset + $column-width;
|
71
|
+
} @else {
|
72
|
+
$values: append($values, $color $column-offset, comma);
|
73
|
+
$values: append($values, $transparent $column-offset, comma);
|
74
|
+
$column-offset: $column-offset + $gutter-width;
|
75
|
+
}
|
76
|
+
}
|
77
|
+
|
78
|
+
@return $values;
|
79
|
+
}
|
80
|
+
|
81
|
+
// Layout direction
|
82
|
+
@function get-direction($layout, $default) {
|
83
|
+
$direction: null;
|
84
|
+
|
85
|
+
@if to-upper-case($layout) == "LTR" or to-upper-case($layout) == "RTL" {
|
86
|
+
$direction: direction-from-layout($layout);
|
87
|
+
} @else {
|
88
|
+
$direction: direction-from-layout($default);
|
89
|
+
}
|
90
|
+
|
91
|
+
@return $direction;
|
92
|
+
}
|
93
|
+
|
94
|
+
@function direction-from-layout($layout) {
|
95
|
+
$direction: null;
|
96
|
+
|
97
|
+
@if to-upper-case($layout) == "LTR" {
|
98
|
+
$direction: right;
|
99
|
+
} @else {
|
100
|
+
$direction: left;
|
101
|
+
}
|
102
|
+
|
103
|
+
@return $direction;
|
104
|
+
}
|
105
|
+
|
106
|
+
@function get-opposite-direction($direction) {
|
107
|
+
$opposite-direction: left;
|
108
|
+
|
109
|
+
@if $direction == "left" {
|
110
|
+
$opposite-direction: right;
|
111
|
+
}
|
112
|
+
|
113
|
+
@return $opposite-direction;
|
114
|
+
}
|
@@ -0,0 +1,33 @@
|
|
1
|
+
@charset "UTF-8";
|
2
|
+
|
3
|
+
/// Changes the direction property used by other mixins called in the code block argument.
|
4
|
+
///
|
5
|
+
/// @param {String} $direction [left-to-right]
|
6
|
+
/// Layout direction to be used within the block. Can be `left-to-right` or `right-to-left`.
|
7
|
+
///
|
8
|
+
/// @example scss - Usage
|
9
|
+
/// @include direction-context(right-to-left) {
|
10
|
+
/// .right-to-left-block {
|
11
|
+
/// @include span-columns(6);
|
12
|
+
/// }
|
13
|
+
/// }
|
14
|
+
///
|
15
|
+
/// @example css - CSS Output
|
16
|
+
/// .right-to-left-block {
|
17
|
+
/// float: right;
|
18
|
+
/// ...
|
19
|
+
/// }
|
20
|
+
|
21
|
+
@mixin direction-context($direction: left-to-right) {
|
22
|
+
$scope-direction: $layout-direction;
|
23
|
+
|
24
|
+
@if to-lower-case($direction) == "left-to-right" {
|
25
|
+
$layout-direction: LTR !global;
|
26
|
+
} @else if to-lower-case($direction) == "right-to-left" {
|
27
|
+
$layout-direction: RTL !global;
|
28
|
+
}
|
29
|
+
|
30
|
+
@content;
|
31
|
+
|
32
|
+
$layout-direction: $scope-direction !global;
|
33
|
+
}
|
@@ -0,0 +1,28 @@
|
|
1
|
+
@charset "UTF-8";
|
2
|
+
|
3
|
+
/// Changes the display property used by other mixins called in the code block argument.
|
4
|
+
///
|
5
|
+
/// @param {String} $display [block]
|
6
|
+
/// Display value to be used within the block. Can be `table` or `block`.
|
7
|
+
///
|
8
|
+
/// @example scss
|
9
|
+
/// @include display-context(table) {
|
10
|
+
/// .display-table {
|
11
|
+
/// @include span-columns(6);
|
12
|
+
/// }
|
13
|
+
/// }
|
14
|
+
///
|
15
|
+
/// @example css
|
16
|
+
/// .display-table {
|
17
|
+
/// display: table-cell;
|
18
|
+
/// ...
|
19
|
+
/// }
|
20
|
+
|
21
|
+
@mixin display-context($display: block) {
|
22
|
+
$scope-display: $container-display-table;
|
23
|
+
$container-display-table: $display == table !global;
|
24
|
+
|
25
|
+
@content;
|
26
|
+
|
27
|
+
$container-display-table: $scope-display !global;
|
28
|
+
}
|
@@ -0,0 +1,22 @@
|
|
1
|
+
@charset "UTF-8";
|
2
|
+
|
3
|
+
/// Forces the element to fill its parent container.
|
4
|
+
///
|
5
|
+
/// @example scss - Usage
|
6
|
+
/// .element {
|
7
|
+
/// @include fill-parent;
|
8
|
+
/// }
|
9
|
+
///
|
10
|
+
/// @example css - CSS Output
|
11
|
+
/// .element {
|
12
|
+
/// width: 100%;
|
13
|
+
/// box-sizing: border-box;
|
14
|
+
/// }
|
15
|
+
|
16
|
+
@mixin fill-parent() {
|
17
|
+
width: 100%;
|
18
|
+
|
19
|
+
@if $border-box-sizing == false {
|
20
|
+
box-sizing: border-box;
|
21
|
+
}
|
22
|
+
}
|