fortitude-sass 0.6.3 → 0.6.4
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/Gemfile.lock +2 -2
- data/app/assets/stylesheets/fortitude/api/blocks/_container.scss +3 -10
- data/app/assets/stylesheets/fortitude/api/blocks/_flag.scss +1 -1
- data/app/assets/stylesheets/fortitude/blocks/_media.scss +1 -1
- data/app/assets/stylesheets/fortitude/tools/_functions.scss +57 -69
- data/app/assets/stylesheets/fortitude/tools/_mixins.scss +24 -24
- data/app/assets/stylesheets/fortitude/trumps/_responsive-border.scss +22 -17
- data/app/assets/stylesheets/fortitude/trumps/_responsive-column.scss +11 -9
- data/app/assets/stylesheets/fortitude/trumps/_responsive-display.scss +7 -0
- data/app/assets/stylesheets/fortitude/trumps/_responsive-float.scss +2 -0
- data/app/assets/stylesheets/fortitude/trumps/_responsive-font.scss +5 -3
- data/app/assets/stylesheets/fortitude/trumps/_responsive-height.scss +5 -3
- data/app/assets/stylesheets/fortitude/trumps/_responsive-line-height.scss +9 -5
- data/app/assets/stylesheets/fortitude/trumps/_responsive-margin.scss +102 -80
- data/app/assets/stylesheets/fortitude/trumps/_responsive-padding.scss +50 -40
- data/app/assets/stylesheets/fortitude/trumps/_responsive-text.scss +3 -0
- data/app/assets/stylesheets/fortitude/trumps/_screen-lock.scss +1 -0
- data/bower.json +1 -1
- data/lib/fortitude-sass/version.rb +1 -1
- metadata +1 -1
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 61668f6046d346c3281d9cabda4924c52eb3d406
|
|
4
|
+
data.tar.gz: 4876e245f00c4d66861a9f0b60f71cbb0e9633da
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 365c077bcb22fa2a9c1291657a80b8ea98a564ad21bff711004d013a97db42f1976dcf38b1e4dd7122af732dc34817896545d1f39bf1f0fee28b622a606e040d
|
|
7
|
+
data.tar.gz: db5badda9d76e62d8613f233e91618744c3892d393029fc4aeefafc75e2e3053786af0d90793b57a38a5409c8cd478f18e8e2467aad3e922a628e76e0cc1a41d
|
data/Gemfile.lock
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
PATH
|
|
2
2
|
remote: .
|
|
3
3
|
specs:
|
|
4
|
-
fortitude-sass (0.6.
|
|
4
|
+
fortitude-sass (0.6.4)
|
|
5
5
|
autoprefixer-rails
|
|
6
6
|
execjs
|
|
7
7
|
sass (~> 3.3)
|
|
@@ -10,7 +10,7 @@ PATH
|
|
|
10
10
|
GEM
|
|
11
11
|
remote: http://rubygems.org/
|
|
12
12
|
specs:
|
|
13
|
-
autoprefixer-rails (5.1.7)
|
|
13
|
+
autoprefixer-rails (5.1.7.1)
|
|
14
14
|
execjs
|
|
15
15
|
json
|
|
16
16
|
execjs (2.4.0)
|
|
@@ -17,16 +17,9 @@ $fortitude-global-border-box: false !default;
|
|
|
17
17
|
margin-right: auto;
|
|
18
18
|
margin-left: auto;
|
|
19
19
|
|
|
20
|
-
@each $
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
@if not $fortitude-query {
|
|
24
|
-
width: map-get($fortitude-container-breakpoints, $fortitude-alias);
|
|
25
|
-
}
|
|
26
|
-
@else {
|
|
27
|
-
@media #{$fortitude-query} {
|
|
28
|
-
width: map-get($fortitude-container-breakpoints, $fortitude-alias);
|
|
29
|
-
}
|
|
20
|
+
@each $alias, $breakpoint in $fortitude-breakpoints {
|
|
21
|
+
@include fortitude-breakpoint($alias) {
|
|
22
|
+
width: map-get($fortitude-container-breakpoints, $alias);
|
|
30
23
|
}
|
|
31
24
|
}
|
|
32
25
|
|
|
@@ -24,7 +24,7 @@ $fortitude-enable-flag--responsive: false !default;
|
|
|
24
24
|
}
|
|
25
25
|
|
|
26
26
|
@mixin fortitude-flag--responsive {
|
|
27
|
-
@
|
|
27
|
+
@include fortitude-breakpoint("(max-width: #{$fortitude-flag-collapse-at})") {
|
|
28
28
|
@if $fortitude-enable-flag--rev == true {
|
|
29
29
|
direction: ltr;
|
|
30
30
|
|
|
@@ -96,7 +96,7 @@
|
|
|
96
96
|
* b) the media object’s default state is image-next-to-text, so its stacked
|
|
97
97
|
* state is the exception, rather than the rule.
|
|
98
98
|
**/
|
|
99
|
-
@
|
|
99
|
+
@include fortitude-breakpoint("(max-width: #{$fortitude-media-collapse-at})") {
|
|
100
100
|
.#{$fortitude-namespace}media--responsive {
|
|
101
101
|
/**
|
|
102
102
|
* Rework the spacings on regular media objects.
|
|
@@ -13,104 +13,92 @@
|
|
|
13
13
|
// padding: halve(3.2px);
|
|
14
14
|
// }
|
|
15
15
|
//
|
|
16
|
-
@function quarter($
|
|
17
|
-
@return $
|
|
16
|
+
@function quarter($value) {
|
|
17
|
+
@return $value / 4;
|
|
18
18
|
}
|
|
19
19
|
|
|
20
|
-
@function halve($
|
|
21
|
-
@return $
|
|
20
|
+
@function halve($value) {
|
|
21
|
+
@return $value / 2;
|
|
22
22
|
}
|
|
23
23
|
|
|
24
|
-
@function double($
|
|
25
|
-
@return $
|
|
24
|
+
@function double($value) {
|
|
25
|
+
@return $value * 2;
|
|
26
26
|
}
|
|
27
27
|
|
|
28
|
-
@function quadruple($
|
|
29
|
-
@return $
|
|
28
|
+
@function quadruple($value) {
|
|
29
|
+
@return $value * 4;
|
|
30
30
|
}
|
|
31
31
|
|
|
32
|
-
@function fortitude-
|
|
33
|
-
@return
|
|
32
|
+
@function fortitude-contains($list, $value) {
|
|
33
|
+
@return (false == index($list, $value));
|
|
34
34
|
}
|
|
35
35
|
|
|
36
|
-
@function fortitude-
|
|
37
|
-
@return
|
|
36
|
+
@function fortitude-strip-unit($value) {
|
|
37
|
+
@return $value / ($value * 0 + 1);
|
|
38
38
|
}
|
|
39
39
|
|
|
40
|
-
@function fortitude-
|
|
41
|
-
@return fortitude-strip-unit($
|
|
40
|
+
@function fortitude-strip-unit-if-zero($value) {
|
|
41
|
+
@return if(fortitude-strip-unit($value) == 0, 0, $value);
|
|
42
42
|
}
|
|
43
43
|
|
|
44
|
-
@function fortitude-
|
|
45
|
-
|
|
46
|
-
@return $fortitude-value;
|
|
44
|
+
@function fortitude-px-to-rem($value) {
|
|
45
|
+
@return fortitude-strip-unit($value) * 0.1rem;
|
|
47
46
|
}
|
|
48
47
|
|
|
49
|
-
@function fortitude-
|
|
50
|
-
|
|
51
|
-
$fortitude-value: halve($fortitude-block-spacing-unit-height - $fortitude-block-height);
|
|
52
|
-
// normalize value 0rem to 0.
|
|
53
|
-
@if fortitude-strip-unit($fortitude-value) == 0 {
|
|
54
|
-
$fortitude-value: 0;
|
|
55
|
-
}
|
|
56
|
-
@return $fortitude-value;
|
|
48
|
+
@function fortitude-rem-to-px($value) {
|
|
49
|
+
@return fortitude-strip-unit($value) * 10px;
|
|
57
50
|
}
|
|
58
51
|
|
|
59
|
-
@function fortitude-block-
|
|
60
|
-
$
|
|
61
|
-
|
|
62
|
-
@if $fortitude-value > 0 {
|
|
63
|
-
$fortitude-value: 0;
|
|
64
|
-
}
|
|
65
|
-
@return $fortitude-value;
|
|
52
|
+
@function fortitude-block-spacing-unit-height($block-height, $block-spacing-unit: $fortitude-base-spacing-unit) {
|
|
53
|
+
$value: ceil($block-height / $block-spacing-unit) * $block-spacing-unit;
|
|
54
|
+
@return fortitude-strip-unit-if-zero($value);
|
|
66
55
|
}
|
|
67
56
|
|
|
68
|
-
@function fortitude-block-
|
|
69
|
-
$
|
|
70
|
-
$
|
|
71
|
-
@
|
|
72
|
-
$fortitude-value: fortitude-block-negitive-padding($fortitude-block-height, $fortitude-block-border-width, $fortitude-block-spacing-unit) + fortitude-block-spacing-unit-delta($fortitude-block-height, $fortitude-block-spacing-unit);
|
|
73
|
-
}
|
|
74
|
-
// normalize value 0rem to 0.
|
|
75
|
-
@if fortitude-strip-unit($fortitude-value) == 0 {
|
|
76
|
-
$fortitude-value: 0;
|
|
77
|
-
}
|
|
78
|
-
@return $fortitude-value;
|
|
57
|
+
@function fortitude-block-spacing-unit-delta($block-height, $block-spacing-unit: $fortitude-base-spacing-unit) {
|
|
58
|
+
$block-spacing-unit-height: fortitude-block-spacing-unit-height($block-height, $block-spacing-unit);
|
|
59
|
+
$value: halve($block-spacing-unit-height - $block-height);
|
|
60
|
+
@return fortitude-strip-unit-if-zero($value);
|
|
79
61
|
}
|
|
80
62
|
|
|
81
|
-
@function fortitude-block-padding($
|
|
82
|
-
$
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
63
|
+
@function fortitude-block-negitive-padding($block-height, $block-border-width: 0rem, $block-spacing-unit: $fortitude-base-spacing-unit) {
|
|
64
|
+
$value: halve($block-height - $block-spacing-unit - double($block-border-width));
|
|
65
|
+
@return fortitude-strip-unit-if-zero($value);
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
@function fortitude-block-margin($block-height, $block-border-width: 0rem, $block-spacing-unit: $fortitude-base-spacing-unit) {
|
|
69
|
+
$block-spacing-unit-height: fortitude-block-spacing-unit-height($block-height, $block-spacing-unit);
|
|
70
|
+
$value: halve($block-spacing-unit-height - $block-height);
|
|
71
|
+
|
|
72
|
+
@if $value < 0 {
|
|
73
|
+
$value: fortitude-block-negitive-padding($block-height, $block-border-width, $block-spacing-unit) + fortitude-block-spacing-unit-delta($block-height, $block-spacing-unit);
|
|
86
74
|
}
|
|
87
|
-
|
|
75
|
+
|
|
76
|
+
@return fortitude-strip-unit-if-zero($value);
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
@function fortitude-block-padding($block-height, $block-border-width: 0rem, $block-line-height: $fortitude-base-line-height) {
|
|
80
|
+
$value: halve($block-height - $block-line-height - double($block-border-width));
|
|
81
|
+
@return fortitude-strip-unit-if-zero($value);
|
|
88
82
|
}
|
|
89
83
|
|
|
90
|
-
@function fortitude-map-to-query($
|
|
91
|
-
$
|
|
92
|
-
@for $
|
|
93
|
-
$
|
|
94
|
-
@if $
|
|
95
|
-
$
|
|
84
|
+
@function fortitude-map-to-query($map) {
|
|
85
|
+
$query: "";
|
|
86
|
+
@for $index from 1 through length($map) {
|
|
87
|
+
$query-part: "(#{nth(nth($map, $index), 1)}:#{nth(nth($map, $index), 2)})";
|
|
88
|
+
@if $index != length($map) {
|
|
89
|
+
$query-part: str-insert($query-part, " and ", str-length($query-part) + 1);
|
|
96
90
|
}
|
|
97
|
-
$
|
|
91
|
+
$query: str-insert($query, $query-part, str-length($query) + 1);
|
|
98
92
|
}
|
|
99
|
-
@return $
|
|
93
|
+
@return $query;
|
|
100
94
|
}
|
|
101
95
|
|
|
102
|
-
@function fortitude-query($
|
|
103
|
-
@if type-of($
|
|
104
|
-
@return fortitude-map-to-query($
|
|
105
|
-
}
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
}
|
|
109
|
-
@else {
|
|
96
|
+
@function fortitude-query($object) {
|
|
97
|
+
@if type-of($object) == map {
|
|
98
|
+
@return fortitude-map-to-query($object);
|
|
99
|
+
} @else if type-of($object) == number {
|
|
100
|
+
@return fortitude-map-to-query((min-width: $object));
|
|
101
|
+
} @else {
|
|
110
102
|
@return null;
|
|
111
103
|
}
|
|
112
|
-
}
|
|
113
|
-
|
|
114
|
-
@function fortitude-contains($fortitude-list, $fortitude-value) {
|
|
115
|
-
@return (false == index($fortitude-list, $fortitude-value));
|
|
116
104
|
}
|
|
@@ -8,41 +8,41 @@
|
|
|
8
8
|
// Predefine the variables below in order to alter and enable specific features.
|
|
9
9
|
$fortitude-enable-classes: false !default;
|
|
10
10
|
|
|
11
|
-
@mixin fortitude-breakpoint($
|
|
12
|
-
$
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
@
|
|
11
|
+
@mixin fortitude-breakpoint($alias, $breakpoints: $fortitude-class-breakpoints) {
|
|
12
|
+
$query: fortitude-query(map-get($breakpoints, $alias));
|
|
13
|
+
|
|
14
|
+
// if there is a key in the breakpoints map
|
|
15
|
+
@if map-has-key($breakpoints, $alias) {
|
|
16
|
+
// and there is no media query.
|
|
17
|
+
@if $query == null {
|
|
18
|
+
@content;
|
|
19
|
+
} @else {
|
|
20
|
+
// and there is a media query.
|
|
21
|
+
@media #{$query} {
|
|
22
|
+
@content;
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
} @else {
|
|
26
|
+
@media #{$alias} {
|
|
20
27
|
@content;
|
|
21
28
|
}
|
|
22
29
|
}
|
|
23
30
|
}
|
|
24
31
|
|
|
25
|
-
@mixin fortitude-breakpoint-classes($
|
|
26
|
-
@each $
|
|
27
|
-
$
|
|
28
|
-
|
|
29
|
-
// if there is no media query.
|
|
30
|
-
@if not $fortitude-query {
|
|
32
|
+
@mixin fortitude-breakpoint-classes($breakpoints: $fortitude-class-breakpoints) {
|
|
33
|
+
@each $alias, $_ in $breakpoints {
|
|
34
|
+
.#{$alias} {
|
|
35
|
+
@include fortitude-breakpoint($alias) {
|
|
31
36
|
@content;
|
|
32
37
|
}
|
|
33
|
-
@else {
|
|
34
|
-
@media #{$fortitude-query} {
|
|
35
|
-
@content;
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
38
|
}
|
|
39
39
|
}
|
|
40
40
|
}
|
|
41
41
|
|
|
42
|
-
@mixin fortitude-font-size($
|
|
43
|
-
font-size: $
|
|
44
|
-
@if $
|
|
45
|
-
line-height: ceil($
|
|
42
|
+
@mixin fortitude-font-size($font-size, $line-height: true, $line-height: $fortitude-base-line-height) {
|
|
43
|
+
font-size: $font-size;
|
|
44
|
+
@if $line-height == true {
|
|
45
|
+
line-height: ceil($font-size / $line-height) * $line-height;
|
|
46
46
|
}
|
|
47
47
|
}
|
|
48
48
|
|
|
@@ -1,26 +1,31 @@
|
|
|
1
1
|
$fortitude-responsive-border-unit-total: 1 !default;
|
|
2
2
|
|
|
3
3
|
@include fortitude-breakpoint-classes {
|
|
4
|
-
@for $
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
&-
|
|
8
|
-
|
|
4
|
+
@for $index from 0 through $fortitude-responsive-border-unit-total {
|
|
5
|
+
$value: fortitude-strip-unit-if-zero($index * 0.1rem) !important;
|
|
6
|
+
|
|
7
|
+
&-bt#{$index},
|
|
8
|
+
&-b#{$index},
|
|
9
|
+
&-btb#{$index} {
|
|
10
|
+
border-top-width: $value;
|
|
9
11
|
}
|
|
10
|
-
|
|
11
|
-
&-
|
|
12
|
-
&-
|
|
13
|
-
|
|
12
|
+
|
|
13
|
+
&-br#{$index},
|
|
14
|
+
&-b#{$index},
|
|
15
|
+
&-brl#{$index} {
|
|
16
|
+
border-right-width: $value;
|
|
14
17
|
}
|
|
15
|
-
|
|
16
|
-
&-
|
|
17
|
-
&-
|
|
18
|
-
|
|
18
|
+
|
|
19
|
+
&-bb#{$index},
|
|
20
|
+
&-b#{$index},
|
|
21
|
+
&-btb#{$index} {
|
|
22
|
+
border-bottom-width: $value;
|
|
19
23
|
}
|
|
20
|
-
|
|
21
|
-
&-
|
|
22
|
-
&-
|
|
23
|
-
|
|
24
|
+
|
|
25
|
+
&-bl#{$index},
|
|
26
|
+
&-b#{$index},
|
|
27
|
+
&-brl#{$index} {
|
|
28
|
+
border-left-width: $value;
|
|
24
29
|
}
|
|
25
30
|
}
|
|
26
31
|
}
|
|
@@ -1,21 +1,23 @@
|
|
|
1
1
|
$fortitude-responsive-column-total: 12 !default;
|
|
2
2
|
|
|
3
3
|
@include fortitude-breakpoint-classes {
|
|
4
|
-
@for $
|
|
5
|
-
|
|
6
|
-
|
|
4
|
+
@for $index from 0 through $fortitude-responsive-column-total {
|
|
5
|
+
$value: percentage($index / $fortitude-responsive-column-total) !important;
|
|
6
|
+
|
|
7
|
+
&-#{$index}of#{$fortitude-responsive-column-total} {
|
|
8
|
+
width: $value;
|
|
7
9
|
}
|
|
8
10
|
|
|
9
|
-
&-offset#{$
|
|
10
|
-
margin-left:
|
|
11
|
+
&-offset#{$index}of#{$fortitude-responsive-column-total} {
|
|
12
|
+
margin-left: $value;
|
|
11
13
|
}
|
|
12
14
|
|
|
13
|
-
&-push#{$
|
|
14
|
-
left:
|
|
15
|
+
&-push#{$index}of#{$fortitude-responsive-column-total} {
|
|
16
|
+
left: $value;
|
|
15
17
|
}
|
|
16
18
|
|
|
17
|
-
&-pull#{$
|
|
18
|
-
right:
|
|
19
|
+
&-pull#{$index}of#{$fortitude-responsive-column-total} {
|
|
20
|
+
right: $value;
|
|
19
21
|
}
|
|
20
22
|
}
|
|
21
23
|
}
|
|
@@ -2,24 +2,31 @@
|
|
|
2
2
|
&-none {
|
|
3
3
|
display: none !important;
|
|
4
4
|
}
|
|
5
|
+
|
|
5
6
|
&-inline {
|
|
6
7
|
display: inline !important;
|
|
7
8
|
}
|
|
9
|
+
|
|
8
10
|
&-inline-block {
|
|
9
11
|
display: inline-block !important;
|
|
10
12
|
}
|
|
13
|
+
|
|
11
14
|
&-block {
|
|
12
15
|
display: block !important;
|
|
13
16
|
}
|
|
17
|
+
|
|
14
18
|
&-table {
|
|
15
19
|
display: table !important;
|
|
16
20
|
}
|
|
21
|
+
|
|
17
22
|
&-table-cell {
|
|
18
23
|
display: table-cell !important;
|
|
19
24
|
}
|
|
25
|
+
|
|
20
26
|
&-table-column {
|
|
21
27
|
display: table-column !important;
|
|
22
28
|
}
|
|
29
|
+
|
|
23
30
|
&-inherit {
|
|
24
31
|
display: inherit !important;
|
|
25
32
|
}
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
$fortitude-responsive-font-sizes: (alpha: 3.6rem, beta: 3rem, gamma: 2.4rem, delta: 1.8rem, epsilon: 1.4rem, zeta: 1rem) !default;
|
|
2
2
|
|
|
3
3
|
@include fortitude-breakpoint-classes {
|
|
4
|
-
@each $
|
|
5
|
-
|
|
6
|
-
|
|
4
|
+
@each $alias, $size in $fortitude-responsive-font-sizes {
|
|
5
|
+
$value: map-get($fortitude-responsive-font-sizes, $alias) !important;
|
|
6
|
+
|
|
7
|
+
&-#{$alias} {
|
|
8
|
+
font-size: $value;
|
|
7
9
|
}
|
|
8
10
|
}
|
|
9
11
|
}
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
$fortitude-responsive-height-total: 12 !default;
|
|
2
2
|
|
|
3
|
-
@for $
|
|
3
|
+
@for $index from 1 through $fortitude-responsive-height-total {
|
|
4
|
+
$value: fortitude-strip-unit-if-zero($fortitude-base-spacing-unit * $index) !important;
|
|
5
|
+
|
|
4
6
|
@include fortitude-breakpoint-classes {
|
|
5
|
-
&-#{$
|
|
6
|
-
min-height: $
|
|
7
|
+
&-#{$index} {
|
|
8
|
+
min-height: $value;
|
|
7
9
|
}
|
|
8
10
|
}
|
|
9
11
|
}
|
|
@@ -1,12 +1,16 @@
|
|
|
1
1
|
$fortitude-responsive-line-height-unit-total: 2 !default;
|
|
2
2
|
|
|
3
3
|
@include fortitude-breakpoint-classes {
|
|
4
|
-
@for $
|
|
5
|
-
|
|
6
|
-
|
|
4
|
+
@for $index from 0 through $fortitude-responsive-line-height-unit-total {
|
|
5
|
+
$value: fortitude-strip-unit-if-zero($fortitude-base-line-height * $index) !important;
|
|
6
|
+
$value-and-half: fortitude-strip-unit-if-zero($fortitude-base-line-height * $index + halve($fortitude-base-line-height)) !important;
|
|
7
|
+
|
|
8
|
+
&-inset#{$index} {
|
|
9
|
+
line-height: $value;
|
|
7
10
|
}
|
|
8
|
-
|
|
9
|
-
|
|
11
|
+
|
|
12
|
+
&-inseth#{$index} {
|
|
13
|
+
line-height: $value-and-half;
|
|
10
14
|
}
|
|
11
15
|
}
|
|
12
16
|
}
|
|
@@ -2,90 +2,112 @@ $fortitude-responsive-margin-unit-total: 10 !default;
|
|
|
2
2
|
$fortitude-responsive-negative-margin-unit-total: 10 !default;
|
|
3
3
|
|
|
4
4
|
@include fortitude-breakpoint-classes {
|
|
5
|
-
@for $
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
}
|
|
11
|
-
&-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
}
|
|
16
|
-
&-
|
|
17
|
-
&-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
&-
|
|
22
|
-
&-
|
|
23
|
-
&-
|
|
24
|
-
margin-right: $
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
&-
|
|
28
|
-
&-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
&-
|
|
34
|
-
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
}
|
|
41
|
-
&-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
5
|
+
@for $index from 0 through $fortitude-responsive-margin-unit-total {
|
|
6
|
+
$value: fortitude-strip-unit-if-zero($fortitude-base-spacing-unit * $index) !important;
|
|
7
|
+
$value-and-half: fortitude-strip-unit-if-zero($fortitude-base-spacing-unit * $index + halve($fortitude-base-spacing-unit)) !important;
|
|
8
|
+
|
|
9
|
+
&-mt#{$index},
|
|
10
|
+
&-m#{$index},
|
|
11
|
+
&-mtb#{$index} {
|
|
12
|
+
margin-top: $value;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
&-mth#{$index},
|
|
16
|
+
&-mh#{$index},
|
|
17
|
+
&-mtbh#{$index} {
|
|
18
|
+
margin-top: $value-and-half;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
&-mr#{$index},
|
|
22
|
+
&-m#{$index},
|
|
23
|
+
&-mrl#{$index} {
|
|
24
|
+
margin-right: $value;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
&-mrh#{$index},
|
|
28
|
+
&-mh#{$index},
|
|
29
|
+
&-mrlh#{$index} {
|
|
30
|
+
margin-right: $value-and-half;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
&-mb#{$index},
|
|
34
|
+
&-m#{$index},
|
|
35
|
+
&-mtb#{$index} {
|
|
36
|
+
margin-bottom: $value;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
&-mbh#{$index},
|
|
40
|
+
&-mh#{$index},
|
|
41
|
+
&-mtbh#{$index} {
|
|
42
|
+
margin-bottom: $value-and-half;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
&-ml#{$index},
|
|
46
|
+
&-m#{$index},
|
|
47
|
+
&-mrl#{$index} {
|
|
48
|
+
margin-left: $value;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
&-mlh#{$index},
|
|
52
|
+
&-mh#{$index},
|
|
53
|
+
&-mrlh#{$index} {
|
|
54
|
+
margin-left: $value-and-half;
|
|
45
55
|
}
|
|
46
56
|
}
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
}
|
|
53
|
-
&-
|
|
54
|
-
&-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
&-
|
|
59
|
-
&-
|
|
60
|
-
&-
|
|
61
|
-
margin-
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
&-
|
|
65
|
-
&-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
&-
|
|
71
|
-
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
}
|
|
78
|
-
&-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
}
|
|
83
|
-
&-
|
|
84
|
-
&-
|
|
85
|
-
|
|
86
|
-
|
|
57
|
+
|
|
58
|
+
@for $index from 0 through $fortitude-responsive-negative-margin-unit-total {
|
|
59
|
+
$value: -($fortitude-base-spacing-unit * $index) !important;
|
|
60
|
+
$value-and-half: -($fortitude-base-spacing-unit * $index + halve($fortitude-base-spacing-unit)) !important;
|
|
61
|
+
|
|
62
|
+
&-mt-#{$index},
|
|
63
|
+
&-m-#{$index},
|
|
64
|
+
&-mtb-#{$index} {
|
|
65
|
+
margin-top: $value;
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
&-mth-#{$index},
|
|
69
|
+
&-mh-#{$index},
|
|
70
|
+
&-mtbh-#{$index} {
|
|
71
|
+
margin-top: $value-and-half;
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
&-mr-#{$index},
|
|
75
|
+
&-m-#{$index},
|
|
76
|
+
&-mrl-#{$index} {
|
|
77
|
+
margin-right: $value;
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
&-mrh-#{$index},
|
|
81
|
+
&-mh-#{$index},
|
|
82
|
+
&-mrlh-#{$index} {
|
|
83
|
+
margin-right: $value-and-half;
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
&-mb-#{$index},
|
|
87
|
+
&-m-#{$index},
|
|
88
|
+
&-mtb-#{$index} {
|
|
89
|
+
margin-bottom: $value;
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
&-mbh-#{$index},
|
|
93
|
+
&-mh-#{$index},
|
|
94
|
+
&-mtbh-#{$index} {
|
|
95
|
+
margin-bottom: $value-and-half;
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
&-ml-#{$index},
|
|
99
|
+
&-m-#{$index},
|
|
100
|
+
&-mrl-#{$index} {
|
|
101
|
+
margin-left: $value;
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
&-mlh-#{$index},
|
|
105
|
+
&-mh-#{$index},
|
|
106
|
+
&-mrlh-#{$index} {
|
|
107
|
+
margin-left: $value-and-half;
|
|
87
108
|
}
|
|
88
109
|
}
|
|
110
|
+
|
|
89
111
|
&-mrlauto {
|
|
90
112
|
margin-right: auto !important;
|
|
91
113
|
margin-left: auto !important;
|
|
@@ -1,46 +1,56 @@
|
|
|
1
1
|
$fortitude-responsive-padding-unit-total: 10 !default;
|
|
2
2
|
|
|
3
3
|
@include fortitude-breakpoint-classes {
|
|
4
|
-
@for $
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
}
|
|
10
|
-
&-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
}
|
|
15
|
-
&-
|
|
16
|
-
&-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
&-
|
|
21
|
-
&-
|
|
22
|
-
&-
|
|
23
|
-
padding-right: $
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
&-
|
|
27
|
-
&-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
&-
|
|
33
|
-
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
}
|
|
40
|
-
&-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
4
|
+
@for $index from 0 through $fortitude-responsive-padding-unit-total {
|
|
5
|
+
$value: fortitude-strip-unit-if-zero($fortitude-base-spacing-unit * $index) !important;
|
|
6
|
+
$value-and-half: fortitude-strip-unit-if-zero($fortitude-base-spacing-unit * $index + halve($fortitude-base-spacing-unit)) !important;
|
|
7
|
+
|
|
8
|
+
&-pt#{$index},
|
|
9
|
+
&-p#{$index},
|
|
10
|
+
&-ptb#{$index} {
|
|
11
|
+
padding-top: $value;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
&-pth#{$index},
|
|
15
|
+
&-ph#{$index},
|
|
16
|
+
&-ptbh#{$index} {
|
|
17
|
+
padding-top: $value-and-half;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
&-pr#{$index},
|
|
21
|
+
&-p#{$index},
|
|
22
|
+
&-prl#{$index} {
|
|
23
|
+
padding-right: $value;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
&-prh#{$index},
|
|
27
|
+
&-ph#{$index},
|
|
28
|
+
&-prlh#{$index} {
|
|
29
|
+
padding-right: $value-and-half;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
&-pb#{$index},
|
|
33
|
+
&-p#{$index},
|
|
34
|
+
&-ptb#{$index} {
|
|
35
|
+
padding-bottom: $value;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
&-pbh#{$index},
|
|
39
|
+
&-ph#{$index},
|
|
40
|
+
&-ptbh#{$index} {
|
|
41
|
+
padding-bottom: $value-and-half;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
&-pl#{$index},
|
|
45
|
+
&-p#{$index},
|
|
46
|
+
&-prl#{$index} {
|
|
47
|
+
padding-left: $value;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
&-plh#{$index},
|
|
51
|
+
&-ph#{$index},
|
|
52
|
+
&-prlh#{$index} {
|
|
53
|
+
padding-left: $value-and-half;
|
|
44
54
|
}
|
|
45
55
|
}
|
|
46
56
|
}
|
data/bower.json
CHANGED