dta_rapid 0.3.5 → 0.4.0

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.
Files changed (150) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +1 -2
  3. data/_includes/buttons/link-button.html +1 -7
  4. data/_includes/buttons/upload-button.html +26 -4
  5. data/_includes/callouts/calendar-callout.html +5 -0
  6. data/_includes/callouts/container-callout.html +5 -0
  7. data/_includes/callouts/paragraph-callout.html +1 -0
  8. data/_includes/forms/control-input.html +26 -0
  9. data/_includes/forms/date-field.html +2 -1
  10. data/_includes/forms/text-field.html +5 -5
  11. data/_includes/navigation/breadcrumbs.html +10 -12
  12. data/_includes/navigation/inpage.html +8 -0
  13. data/_layouts/default.html +10 -7
  14. data/assets/style.scss +9 -30
  15. metadata +9 -139
  16. data/_includes/forms/radio-field.html +0 -20
  17. data/_includes/typography/callout.html +0 -1
  18. data/_layouts/conversational.html +0 -19
  19. data/_sass/_colors.scss +0 -76
  20. data/_sass/_easings.scss +0 -26
  21. data/_sass/_forms.scss +0 -79
  22. data/_sass/_grid-settings.scss +0 -143
  23. data/_sass/_mixins.scss +0 -6
  24. data/_sass/_normalize.scss +0 -424
  25. data/_sass/_print.scss +0 -77
  26. data/_sass/_typography.scss +0 -118
  27. data/_sass/_validation.scss +0 -8
  28. data/_sass/_variables.scss +0 -35
  29. data/_sass/components/_accordian.scss +0 -68
  30. data/_sass/components/_badge.scss +0 -11
  31. data/_sass/components/_breadcrumbs.scss +0 -57
  32. data/_sass/components/_button.scss +0 -72
  33. data/_sass/components/_callout.scss +0 -25
  34. data/_sass/components/_multiple-choice.scss +0 -60
  35. data/_sass/components/_scroll-form.scss +0 -49
  36. data/_sass/components/_table.scss +0 -25
  37. data/_sass/components/_text-field.scss +0 -7
  38. data/_sass/components/_upload-button.scss +0 -7
  39. data/_sass/mixins/_clearfix.scss +0 -7
  40. data/_sass/mixins/_ellipsis.scss +0 -8
  41. data/_sass/mixins/_flex-layout.scss +0 -14
  42. data/_sass/mixins/_omega-reset.scss +0 -11
  43. data/_sass/mixins/_prefixer.scss +0 -35
  44. data/_sass/mixins/_wrapper-padding.scss +0 -11
  45. data/_sass/vendor/bourbon/_bourbon-deprecate.scss +0 -19
  46. data/_sass/vendor/bourbon/_bourbon-deprecated-upcoming.scss +0 -425
  47. data/_sass/vendor/bourbon/_bourbon.scss +0 -90
  48. data/_sass/vendor/bourbon/addons/_border-color.scss +0 -29
  49. data/_sass/vendor/bourbon/addons/_border-radius.scss +0 -48
  50. data/_sass/vendor/bourbon/addons/_border-style.scss +0 -28
  51. data/_sass/vendor/bourbon/addons/_border-width.scss +0 -28
  52. data/_sass/vendor/bourbon/addons/_buttons.scss +0 -69
  53. data/_sass/vendor/bourbon/addons/_clearfix.scss +0 -25
  54. data/_sass/vendor/bourbon/addons/_ellipsis.scss +0 -30
  55. data/_sass/vendor/bourbon/addons/_font-stacks.scss +0 -31
  56. data/_sass/vendor/bourbon/addons/_hide-text.scss +0 -27
  57. data/_sass/vendor/bourbon/addons/_margin.scss +0 -29
  58. data/_sass/vendor/bourbon/addons/_padding.scss +0 -29
  59. data/_sass/vendor/bourbon/addons/_position.scss +0 -51
  60. data/_sass/vendor/bourbon/addons/_prefixer.scss +0 -66
  61. data/_sass/vendor/bourbon/addons/_retina-image.scss +0 -27
  62. data/_sass/vendor/bourbon/addons/_size.scss +0 -51
  63. data/_sass/vendor/bourbon/addons/_text-inputs.scss +0 -118
  64. data/_sass/vendor/bourbon/addons/_timing-functions.scss +0 -34
  65. data/_sass/vendor/bourbon/addons/_triangle.scss +0 -63
  66. data/_sass/vendor/bourbon/addons/_word-wrap.scss +0 -29
  67. data/_sass/vendor/bourbon/css3/_animation.scss +0 -61
  68. data/_sass/vendor/bourbon/css3/_appearance.scss +0 -5
  69. data/_sass/vendor/bourbon/css3/_backface-visibility.scss +0 -5
  70. data/_sass/vendor/bourbon/css3/_background-image.scss +0 -44
  71. data/_sass/vendor/bourbon/css3/_background.scss +0 -57
  72. data/_sass/vendor/bourbon/css3/_border-image.scss +0 -61
  73. data/_sass/vendor/bourbon/css3/_calc.scss +0 -6
  74. data/_sass/vendor/bourbon/css3/_columns.scss +0 -67
  75. data/_sass/vendor/bourbon/css3/_filter.scss +0 -6
  76. data/_sass/vendor/bourbon/css3/_flex-box.scss +0 -327
  77. data/_sass/vendor/bourbon/css3/_font-face.scss +0 -29
  78. data/_sass/vendor/bourbon/css3/_font-feature-settings.scss +0 -6
  79. data/_sass/vendor/bourbon/css3/_hidpi-media-query.scss +0 -12
  80. data/_sass/vendor/bourbon/css3/_hyphens.scss +0 -6
  81. data/_sass/vendor/bourbon/css3/_image-rendering.scss +0 -15
  82. data/_sass/vendor/bourbon/css3/_keyframes.scss +0 -38
  83. data/_sass/vendor/bourbon/css3/_linear-gradient.scss +0 -40
  84. data/_sass/vendor/bourbon/css3/_perspective.scss +0 -12
  85. data/_sass/vendor/bourbon/css3/_placeholder.scss +0 -10
  86. data/_sass/vendor/bourbon/css3/_radial-gradient.scss +0 -40
  87. data/_sass/vendor/bourbon/css3/_selection.scss +0 -44
  88. data/_sass/vendor/bourbon/css3/_text-decoration.scss +0 -27
  89. data/_sass/vendor/bourbon/css3/_transform.scss +0 -21
  90. data/_sass/vendor/bourbon/css3/_transition.scss +0 -81
  91. data/_sass/vendor/bourbon/css3/_user-select.scss +0 -5
  92. data/_sass/vendor/bourbon/functions/_assign-inputs.scss +0 -16
  93. data/_sass/vendor/bourbon/functions/_contains-falsy.scss +0 -25
  94. data/_sass/vendor/bourbon/functions/_contains.scss +0 -31
  95. data/_sass/vendor/bourbon/functions/_is-length.scss +0 -16
  96. data/_sass/vendor/bourbon/functions/_is-light.scss +0 -26
  97. data/_sass/vendor/bourbon/functions/_is-number.scss +0 -16
  98. data/_sass/vendor/bourbon/functions/_is-size.scss +0 -18
  99. data/_sass/vendor/bourbon/functions/_modular-scale.scss +0 -74
  100. data/_sass/vendor/bourbon/functions/_px-to-em.scss +0 -24
  101. data/_sass/vendor/bourbon/functions/_px-to-rem.scss +0 -26
  102. data/_sass/vendor/bourbon/functions/_shade.scss +0 -24
  103. data/_sass/vendor/bourbon/functions/_strip-units.scss +0 -22
  104. data/_sass/vendor/bourbon/functions/_tint.scss +0 -24
  105. data/_sass/vendor/bourbon/functions/_transition-property-name.scss +0 -37
  106. data/_sass/vendor/bourbon/functions/_unpack.scss +0 -32
  107. data/_sass/vendor/bourbon/helpers/_convert-units.scss +0 -26
  108. data/_sass/vendor/bourbon/helpers/_directional-values.scss +0 -108
  109. data/_sass/vendor/bourbon/helpers/_font-source-declaration.scss +0 -53
  110. data/_sass/vendor/bourbon/helpers/_gradient-positions-parser.scss +0 -24
  111. data/_sass/vendor/bourbon/helpers/_linear-angle-parser.scss +0 -35
  112. data/_sass/vendor/bourbon/helpers/_linear-gradient-parser.scss +0 -51
  113. data/_sass/vendor/bourbon/helpers/_linear-positions-parser.scss +0 -77
  114. data/_sass/vendor/bourbon/helpers/_linear-side-corner-parser.scss +0 -41
  115. data/_sass/vendor/bourbon/helpers/_radial-arg-parser.scss +0 -74
  116. data/_sass/vendor/bourbon/helpers/_radial-gradient-parser.scss +0 -55
  117. data/_sass/vendor/bourbon/helpers/_radial-positions-parser.scss +0 -28
  118. data/_sass/vendor/bourbon/helpers/_render-gradients.scss +0 -31
  119. data/_sass/vendor/bourbon/helpers/_shape-size-stripper.scss +0 -15
  120. data/_sass/vendor/bourbon/helpers/_str-to-num.scss +0 -55
  121. data/_sass/vendor/bourbon/settings/_asset-pipeline.scss +0 -7
  122. data/_sass/vendor/bourbon/settings/_deprecation-warnings.scss +0 -8
  123. data/_sass/vendor/bourbon/settings/_prefixer.scss +0 -9
  124. data/_sass/vendor/bourbon/settings/_px-to-em.scss +0 -1
  125. data/_sass/vendor/neat/_neat-helpers.scss +0 -8
  126. data/_sass/vendor/neat/_neat.scss +0 -23
  127. data/_sass/vendor/neat/functions/_new-breakpoint.scss +0 -49
  128. data/_sass/vendor/neat/functions/_private.scss +0 -114
  129. data/_sass/vendor/neat/grid/_box-sizing.scss +0 -15
  130. data/_sass/vendor/neat/grid/_direction-context.scss +0 -33
  131. data/_sass/vendor/neat/grid/_display-context.scss +0 -28
  132. data/_sass/vendor/neat/grid/_fill-parent.scss +0 -22
  133. data/_sass/vendor/neat/grid/_media.scss +0 -92
  134. data/_sass/vendor/neat/grid/_omega.scss +0 -87
  135. data/_sass/vendor/neat/grid/_outer-container.scss +0 -38
  136. data/_sass/vendor/neat/grid/_pad.scss +0 -25
  137. data/_sass/vendor/neat/grid/_private.scss +0 -35
  138. data/_sass/vendor/neat/grid/_row.scss +0 -52
  139. data/_sass/vendor/neat/grid/_shift.scss +0 -50
  140. data/_sass/vendor/neat/grid/_span-columns.scss +0 -94
  141. data/_sass/vendor/neat/grid/_to-deprecate.scss +0 -97
  142. data/_sass/vendor/neat/grid/_visual-grid.scss +0 -42
  143. data/_sass/vendor/neat/settings/_disable-warnings.scss +0 -13
  144. data/_sass/vendor/neat/settings/_grid.scss +0 -51
  145. data/_sass/vendor/neat/settings/_visual-grid.scss +0 -27
  146. data/assets/js/bundle.js +0 -424
  147. data/assets/js/main.js +0 -5
  148. data/assets/js/questions.js +0 -22
  149. data/assets/js/scroll-form.js +0 -52
  150. data/assets/js/scrolling.js +0 -22
@@ -1,29 +0,0 @@
1
- @charset "UTF-8";
2
-
3
- /// Provides a quick method for targeting `padding` on specific sides of a box. Use a `null` value to “skip” a side.
4
- ///
5
- /// @param {Arglist} $vals
6
- /// List of arguments
7
- ///
8
- /// @example scss - Usage
9
- /// .element {
10
- /// @include padding(12vh null 10px 5%);
11
- /// }
12
- ///
13
- /// @example css - CSS Output
14
- /// .element {
15
- /// padding-bottom: 10px;
16
- /// padding-left: 5%;
17
- /// padding-top: 12vh;
18
- /// }
19
- ///
20
- /// @require {mixin} directional-property
21
- ///
22
- /// @output `padding`
23
-
24
- @mixin padding($vals...) {
25
- $user-deprecation-warnings-setting: $output-bourbon-deprecation-warnings;
26
- $output-bourbon-deprecation-warnings: false !global;
27
- @include directional-property(padding, false, $vals...);
28
- $output-bourbon-deprecation-warnings: $user-deprecation-warnings-setting !global;
29
- }
@@ -1,51 +0,0 @@
1
- @charset "UTF-8";
2
-
3
- /// Provides a quick method for setting an element’s position. Use a `null` value to “skip” a side.
4
- ///
5
- /// @param {Position} $position [relative]
6
- /// A CSS position value
7
- ///
8
- /// @param {Arglist} $coordinates [null null null null]
9
- /// List of values that correspond to the 4-value syntax for the edges of a box
10
- ///
11
- /// @example scss - Usage
12
- /// .element {
13
- /// @include position(absolute, 0 null null 10em);
14
- /// }
15
- ///
16
- /// @example css - CSS Output
17
- /// .element {
18
- /// left: 10em;
19
- /// position: absolute;
20
- /// top: 0;
21
- /// }
22
- ///
23
- /// @require {function} is-length
24
- /// @require {function} unpack
25
-
26
- @mixin position($position: relative, $coordinates: null null null null) {
27
- @if type-of($position) == list {
28
- $coordinates: $position;
29
- $position: relative;
30
- }
31
-
32
- $user-deprecation-warnings-setting: $output-bourbon-deprecation-warnings;
33
- $output-bourbon-deprecation-warnings: false !global;
34
- $coordinates: unpack($coordinates);
35
-
36
- $offsets: (
37
- top: nth($coordinates, 1),
38
- right: nth($coordinates, 2),
39
- bottom: nth($coordinates, 3),
40
- left: nth($coordinates, 4)
41
- );
42
-
43
- position: $position;
44
-
45
- @each $offset, $value in $offsets {
46
- @if is-length($value) {
47
- #{$offset}: $value;
48
- }
49
- }
50
- $output-bourbon-deprecation-warnings: $user-deprecation-warnings-setting !global;
51
- }
@@ -1,66 +0,0 @@
1
- @charset "UTF-8";
2
-
3
- /// A mixin for generating vendor prefixes on non-standardized properties.
4
- ///
5
- /// @param {String} $property
6
- /// Property to prefix
7
- ///
8
- /// @param {*} $value
9
- /// Value to use
10
- ///
11
- /// @param {List} $prefixes
12
- /// Prefixes to define
13
- ///
14
- /// @example scss - Usage
15
- /// .element {
16
- /// @include prefixer(border-radius, 10px, webkit ms spec);
17
- /// }
18
- ///
19
- /// @example css - CSS Output
20
- /// .element {
21
- /// -webkit-border-radius: 10px;
22
- /// -moz-border-radius: 10px;
23
- /// border-radius: 10px;
24
- /// }
25
- ///
26
- /// @require {variable} $prefix-for-webkit
27
- /// @require {variable} $prefix-for-mozilla
28
- /// @require {variable} $prefix-for-microsoft
29
- /// @require {variable} $prefix-for-opera
30
- /// @require {variable} $prefix-for-spec
31
-
32
- @mixin prefixer($property, $value, $prefixes) {
33
- @each $prefix in $prefixes {
34
- @if $prefix == webkit {
35
- @if $prefix-for-webkit {
36
- -webkit-#{$property}: $value;
37
- }
38
- } @else if $prefix == moz {
39
- @if $prefix-for-mozilla {
40
- -moz-#{$property}: $value;
41
- }
42
- } @else if $prefix == ms {
43
- @if $prefix-for-microsoft {
44
- -ms-#{$property}: $value;
45
- }
46
- } @else if $prefix == o {
47
- @if $prefix-for-opera {
48
- -o-#{$property}: $value;
49
- }
50
- } @else if $prefix == spec {
51
- @if $prefix-for-spec {
52
- #{$property}: $value;
53
- }
54
- } @else {
55
- @warn "Unrecognized prefix: #{$prefix}";
56
- }
57
- }
58
- }
59
-
60
- @mixin disable-prefix-for-all() {
61
- $prefix-for-webkit: false !global;
62
- $prefix-for-mozilla: false !global;
63
- $prefix-for-microsoft: false !global;
64
- $prefix-for-opera: false !global;
65
- $prefix-for-spec: false !global;
66
- }
@@ -1,27 +0,0 @@
1
- @mixin retina-image($filename, $background-size, $extension: png, $retina-filename: null, $retina-suffix: _2x, $asset-pipeline: $asset-pipeline) {
2
- @include _bourbon-deprecate("retina-image");
3
-
4
- @if $asset-pipeline {
5
- background-image: image-url("#{$filename}.#{$extension}");
6
- } @else {
7
- background-image: url("#{$filename}.#{$extension}");
8
- }
9
-
10
- @include hidpi {
11
- @if $asset-pipeline {
12
- @if $retina-filename {
13
- background-image: image-url("#{$retina-filename}.#{$extension}");
14
- } @else {
15
- background-image: image-url("#{$filename}#{$retina-suffix}.#{$extension}");
16
- }
17
- } @else {
18
- @if $retina-filename {
19
- background-image: url("#{$retina-filename}.#{$extension}");
20
- } @else {
21
- background-image: url("#{$filename}#{$retina-suffix}.#{$extension}");
22
- }
23
- }
24
-
25
- background-size: $background-size;
26
- }
27
- }
@@ -1,51 +0,0 @@
1
- @charset "UTF-8";
2
-
3
- /// Sets the `width` and `height` of the element.
4
- ///
5
- /// @param {List} $size
6
- /// A list of at most 2 size values.
7
- ///
8
- /// If there is only a single value in `$size` it is used for both width and height. All units are supported.
9
- ///
10
- /// @example scss - Usage
11
- /// .first-element {
12
- /// @include size(2em);
13
- /// }
14
- ///
15
- /// .second-element {
16
- /// @include size(auto 10em);
17
- /// }
18
- ///
19
- /// @example css - CSS Output
20
- /// .first-element {
21
- /// width: 2em;
22
- /// height: 2em;
23
- /// }
24
- ///
25
- /// .second-element {
26
- /// width: auto;
27
- /// height: 10em;
28
- /// }
29
- ///
30
- /// @todo Refactor in 5.0.0 to use a comma-separated argument
31
-
32
- @mixin size($value) {
33
- $width: nth($value, 1);
34
- $height: $width;
35
-
36
- @if length($value) > 1 {
37
- $height: nth($value, 2);
38
- }
39
-
40
- @if is-size($height) {
41
- height: $height;
42
- } @else {
43
- @warn "`#{$height}` is not a valid length for the `$height` parameter in the `size` mixin.";
44
- }
45
-
46
- @if is-size($width) {
47
- width: $width;
48
- } @else {
49
- @warn "`#{$width}` is not a valid length for the `$width` parameter in the `size` mixin.";
50
- }
51
- }
@@ -1,118 +0,0 @@
1
- @charset "UTF-8";
2
-
3
- /// Generates variables for all text-based inputs. Please note that you must use interpolation on the variable: `#{$all-text-inputs}`.
4
- ///
5
- /// @example scss - Usage
6
- /// #{$all-text-inputs} {
7
- /// border: 1px solid #f00;
8
- /// }
9
- ///
10
- /// #{$all-text-inputs-focus},
11
- /// #{$all-text-inputs-hover} {
12
- /// border: 1px solid #0f0;
13
- /// }
14
- ///
15
- /// #{$all-text-inputs-active} {
16
- /// border: 1px solid #00f;
17
- /// }
18
- ///
19
- /// @example css - CSS Output
20
- /// input[type="color"],
21
- /// input[type="date"],
22
- /// input[type="datetime"],
23
- /// input[type="datetime-local"],
24
- /// input[type="email"],
25
- /// input[type="month"],
26
- /// input[type="number"],
27
- /// input[type="password"],
28
- /// input[type="search"],
29
- /// input[type="tel"],
30
- /// input[type="text"],
31
- /// input[type="time"],
32
- /// input[type="url"],
33
- /// input[type="week"],
34
- /// textarea {
35
- /// border: 1px solid #f00;
36
- /// }
37
- ///
38
- /// input[type="color"]:focus,
39
- /// input[type="date"]:focus,
40
- /// input[type="datetime"]:focus,
41
- /// input[type="datetime-local"]:focus,
42
- /// input[type="email"]:focus,
43
- /// input[type="month"]:focus,
44
- /// input[type="number"]:focus,
45
- /// input[type="password"]:focus,
46
- /// input[type="search"]:focus,
47
- /// input[type="tel"]:focus,
48
- /// input[type="text"]:focus,
49
- /// input[type="time"]:focus,
50
- /// input[type="url"]:focus,
51
- /// input[type="week"]:focus,
52
- /// textarea:focus,
53
- /// input[type="color"]:hover,
54
- /// input[type="date"]:hover,
55
- /// input[type="datetime"]:hover,
56
- /// input[type="datetime-local"]:hover,
57
- /// input[type="email"]:hover,
58
- /// input[type="month"]:hover,
59
- /// input[type="number"]:hover,
60
- /// input[type="password"]:hover,
61
- /// input[type="search"]:hover,
62
- /// input[type="tel"]:hover,
63
- /// input[type="text"]:hover,
64
- /// input[type="time"]:hover,
65
- /// input[type="url"]:hover,
66
- /// input[type="week"]:hover,
67
- /// textarea:hover {
68
- /// border: 1px solid #0f0;
69
- /// }
70
- ///
71
- /// input[type="color"]:active,
72
- /// input[type="date"]:active,
73
- /// input[type="datetime"]:active,
74
- /// input[type="datetime-local"]:active,
75
- /// input[type="email"]:active,
76
- /// input[type="month"]:active,
77
- /// input[type="number"]:active,
78
- /// input[type="password"]:active,
79
- /// input[type="search"]:active,
80
- /// input[type="tel"]:active,
81
- /// input[type="text"]:active,
82
- /// input[type="time"]:active,
83
- /// input[type="url"]:active,
84
- /// input[type="week"]:active,
85
- /// textarea:active {
86
- /// border: 1px solid #00f;
87
- /// }
88
- ///
89
- /// @require assign-inputs
90
- ///
91
- /// @type List
92
-
93
- $text-inputs-list: 'input[type="color"]',
94
- 'input[type="date"]',
95
- 'input[type="datetime"]',
96
- 'input[type="datetime-local"]',
97
- 'input[type="email"]',
98
- 'input[type="month"]',
99
- 'input[type="number"]',
100
- 'input[type="password"]',
101
- 'input[type="search"]',
102
- 'input[type="tel"]',
103
- 'input[type="text"]',
104
- 'input[type="time"]',
105
- 'input[type="url"]',
106
- 'input[type="week"]',
107
- 'input:not([type])',
108
- 'textarea';
109
-
110
- $user-output-deprecation-warnings-setting: $output-bourbon-deprecation-warnings;
111
- $output-bourbon-deprecation-warnings: false;
112
-
113
- $all-text-inputs: assign-inputs($text-inputs-list);
114
- $all-text-inputs-active: assign-inputs($text-inputs-list, active);
115
- $all-text-inputs-focus: assign-inputs($text-inputs-list, focus);
116
- $all-text-inputs-hover: assign-inputs($text-inputs-list, hover);
117
-
118
- $output-bourbon-deprecation-warnings: $user-output-deprecation-warnings-setting;
@@ -1,34 +0,0 @@
1
- @charset "UTF-8";
2
-
3
- /// CSS cubic-bezier timing functions. Timing functions courtesy of jquery.easie (github.com/jaukia/easie)
4
- ///
5
- /// Timing functions are the same as demoed here: http://jqueryui.com/resources/demos/effect/easing.html
6
- ///
7
- /// @type cubic-bezier
8
-
9
- $ease-in-quad: cubic-bezier(0.550, 0.085, 0.680, 0.530);
10
- $ease-in-cubic: cubic-bezier(0.550, 0.055, 0.675, 0.190);
11
- $ease-in-quart: cubic-bezier(0.895, 0.030, 0.685, 0.220);
12
- $ease-in-quint: cubic-bezier(0.755, 0.050, 0.855, 0.060);
13
- $ease-in-sine: cubic-bezier(0.470, 0.000, 0.745, 0.715);
14
- $ease-in-expo: cubic-bezier(0.950, 0.050, 0.795, 0.035);
15
- $ease-in-circ: cubic-bezier(0.600, 0.040, 0.980, 0.335);
16
- $ease-in-back: cubic-bezier(0.600, -0.280, 0.735, 0.045);
17
-
18
- $ease-out-quad: cubic-bezier(0.250, 0.460, 0.450, 0.940);
19
- $ease-out-cubic: cubic-bezier(0.215, 0.610, 0.355, 1.000);
20
- $ease-out-quart: cubic-bezier(0.165, 0.840, 0.440, 1.000);
21
- $ease-out-quint: cubic-bezier(0.230, 1.000, 0.320, 1.000);
22
- $ease-out-sine: cubic-bezier(0.390, 0.575, 0.565, 1.000);
23
- $ease-out-expo: cubic-bezier(0.190, 1.000, 0.220, 1.000);
24
- $ease-out-circ: cubic-bezier(0.075, 0.820, 0.165, 1.000);
25
- $ease-out-back: cubic-bezier(0.175, 0.885, 0.320, 1.275);
26
-
27
- $ease-in-out-quad: cubic-bezier(0.455, 0.030, 0.515, 0.955);
28
- $ease-in-out-cubic: cubic-bezier(0.645, 0.045, 0.355, 1.000);
29
- $ease-in-out-quart: cubic-bezier(0.770, 0.000, 0.175, 1.000);
30
- $ease-in-out-quint: cubic-bezier(0.860, 0.000, 0.070, 1.000);
31
- $ease-in-out-sine: cubic-bezier(0.445, 0.050, 0.550, 0.950);
32
- $ease-in-out-expo: cubic-bezier(1.000, 0.000, 0.000, 1.000);
33
- $ease-in-out-circ: cubic-bezier(0.785, 0.135, 0.150, 0.860);
34
- $ease-in-out-back: cubic-bezier(0.680, -0.550, 0.265, 1.550);
@@ -1,63 +0,0 @@
1
- @mixin triangle($size, $color, $direction) {
2
- $width: nth($size, 1);
3
- $height: nth($size, length($size));
4
- $foreground-color: nth($color, 1);
5
- $background-color: if(length($color) == 2, nth($color, 2), transparent);
6
- height: 0;
7
- width: 0;
8
-
9
- @if ($direction == up) or ($direction == down) or ($direction == right) or ($direction == left) {
10
- $width: $width / 2;
11
- $height: if(length($size) > 1, $height, $height/2);
12
-
13
- @if $direction == up {
14
- border-bottom: $height solid $foreground-color;
15
- border-left: $width solid $background-color;
16
- border-right: $width solid $background-color;
17
- } @else if $direction == right {
18
- border-bottom: $width solid $background-color;
19
- border-left: $height solid $foreground-color;
20
- border-top: $width solid $background-color;
21
- } @else if $direction == down {
22
- border-left: $width solid $background-color;
23
- border-right: $width solid $background-color;
24
- border-top: $height solid $foreground-color;
25
- } @else if $direction == left {
26
- border-bottom: $width solid $background-color;
27
- border-right: $height solid $foreground-color;
28
- border-top: $width solid $background-color;
29
- }
30
- } @else if ($direction == up-right) or ($direction == up-left) {
31
- border-top: $height solid $foreground-color;
32
-
33
- @if $direction == up-right {
34
- border-left: $width solid $background-color;
35
- } @else if $direction == up-left {
36
- border-right: $width solid $background-color;
37
- }
38
- } @else if ($direction == down-right) or ($direction == down-left) {
39
- border-bottom: $height solid $foreground-color;
40
-
41
- @if $direction == down-right {
42
- border-left: $width solid $background-color;
43
- } @else if $direction == down-left {
44
- border-right: $width solid $background-color;
45
- }
46
- } @else if ($direction == inset-up) {
47
- border-color: $background-color $background-color $foreground-color;
48
- border-style: solid;
49
- border-width: $height $width;
50
- } @else if ($direction == inset-down) {
51
- border-color: $foreground-color $background-color $background-color;
52
- border-style: solid;
53
- border-width: $height $width;
54
- } @else if ($direction == inset-right) {
55
- border-color: $background-color $background-color $background-color $foreground-color;
56
- border-style: solid;
57
- border-width: $width $height;
58
- } @else if ($direction == inset-left) {
59
- border-color: $background-color $foreground-color $background-color $background-color;
60
- border-style: solid;
61
- border-width: $width $height;
62
- }
63
- }