fortitude-sass 0.6.1 → 0.6.3

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 (37) hide show
  1. checksums.yaml +4 -4
  2. data/Gemfile.lock +2 -2
  3. data/app/assets/stylesheets/fortitude/api/blocks/_badge.scss +32 -54
  4. data/app/assets/stylesheets/fortitude/api/blocks/_bare-list.scss +1 -5
  5. data/app/assets/stylesheets/fortitude/api/blocks/_block-list.scss +17 -19
  6. data/app/assets/stylesheets/fortitude/api/blocks/_box.scss +13 -12
  7. data/app/assets/stylesheets/fortitude/api/blocks/_button.scss +28 -79
  8. data/app/assets/stylesheets/fortitude/api/blocks/_container.scss +11 -7
  9. data/app/assets/stylesheets/fortitude/api/blocks/_flag.scss +67 -140
  10. data/app/assets/stylesheets/fortitude/api/blocks/_flashbar.scss +2 -2
  11. data/app/assets/stylesheets/fortitude/api/blocks/_fluid-container.scss +1 -1
  12. data/app/assets/stylesheets/fortitude/api/blocks/_inline-list.scss +2 -2
  13. data/app/assets/stylesheets/fortitude/api/blocks/_input.scss +178 -160
  14. data/app/assets/stylesheets/fortitude/api/blocks/_layout.scss +103 -62
  15. data/app/assets/stylesheets/fortitude/api/blocks/_list-navigation.scss +3 -3
  16. data/app/assets/stylesheets/fortitude/api/blocks/_media.scss +74 -32
  17. data/app/assets/stylesheets/fortitude/api/blocks/_modal.scss +0 -1
  18. data/app/assets/stylesheets/fortitude/api/blocks/_navigationbar.scss +0 -1
  19. data/app/assets/stylesheets/fortitude/api/blocks/_shade.scss +1 -7
  20. data/app/assets/stylesheets/fortitude/api/blocks/_tabs-navigation.scss +9 -24
  21. data/app/assets/stylesheets/fortitude/api/blocks/_tabs.scss +8 -2
  22. data/app/assets/stylesheets/fortitude/api/blocks/_text.scss +0 -1
  23. data/app/assets/stylesheets/fortitude/api/blocks/_tooltip.scss +52 -21
  24. data/app/assets/stylesheets/fortitude/api/blocks/_ui-list.scss +17 -22
  25. data/app/assets/stylesheets/fortitude/api/blocks/_wings.scss +0 -1
  26. data/app/assets/stylesheets/fortitude/base/_lists.scss +2 -9
  27. data/app/assets/stylesheets/fortitude/blocks/_box.scss +0 -4
  28. data/app/assets/stylesheets/fortitude/blocks/_flag.scss +67 -59
  29. data/app/assets/stylesheets/fortitude/blocks/_input.scss +10 -7
  30. data/app/assets/stylesheets/fortitude/blocks/_layout.scss +8 -8
  31. data/app/assets/stylesheets/fortitude/blocks/_media.scss +36 -27
  32. data/app/assets/stylesheets/fortitude/blocks/_navigationbar.scss +22 -0
  33. data/app/assets/stylesheets/fortitude/blocks/_ui-list.scss +2 -2
  34. data/app/assets/stylesheets/fortitude/tools/_functions.scss +4 -0
  35. data/bower.json +1 -1
  36. data/lib/fortitude-sass/version.rb +1 -1
  37. metadata +2 -2
@@ -26,11 +26,14 @@
26
26
  @include fortitude-color-input;
27
27
  }
28
28
 
29
- .#{$fortitude-namespace}input {
30
- &--full {
31
- @include fortitude-input--full;
32
- }
33
- &--pill {
34
- @include fortitude-input--pill;
35
- }
29
+ .#{$fortitude-namespace}input__target {
30
+ @include fortitude-input__target;
31
+ }
32
+
33
+ .#{$fortitude-namespace}input--full {
34
+ @include fortitude-input--full;
35
+ }
36
+
37
+ .#{$fortitude-namespace}input--pill {
38
+ @include fortitude-input--pill;
36
39
  }
@@ -13,7 +13,7 @@
13
13
  .#{$fortitude-namespace}layout--small {
14
14
  @include fortitude-layout--small;
15
15
  > .#{$fortitude-namespace}layout__item {
16
- @include fortitude-layout--small__item;
16
+ @include fortitude-layout__item--small;
17
17
  }
18
18
  }
19
19
  }
@@ -25,7 +25,7 @@
25
25
  .#{$fortitude-namespace}layout--large {
26
26
  @include fortitude-layout--large;
27
27
  > .#{$fortitude-namespace}layout__item {
28
- @include fortitude-layout--large__item;
28
+ @include fortitude-layout__item--large;
29
29
  }
30
30
  }
31
31
  }
@@ -37,7 +37,7 @@
37
37
  .#{$fortitude-namespace}layout--flush {
38
38
  @include fortitude-layout--flush;
39
39
  > .#{$fortitude-namespace}layout__item {
40
- @include fortitude-layout--flush__item;
40
+ @include fortitude-layout__item--flush;
41
41
  }
42
42
  }
43
43
  }
@@ -50,7 +50,7 @@
50
50
  .#{$fortitude-namespace}layout--rev {
51
51
  @include fortitude-layout--rev;
52
52
  > .#{$fortitude-namespace}layout__item {
53
- @include fortitude-layout--rev__item;
53
+ @include fortitude-layout__item--rev;
54
54
  }
55
55
  }
56
56
  }
@@ -61,7 +61,7 @@
61
61
  **/
62
62
  .#{$fortitude-namespace}layout--middle {
63
63
  > .#{$fortitude-namespace}layout__item {
64
- @include fortitude-layout--middle__item;
64
+ @include fortitude-layout__item--middle;
65
65
  }
66
66
  }
67
67
  }
@@ -72,7 +72,7 @@
72
72
  **/
73
73
  .#{$fortitude-namespace}layout--bottom {
74
74
  > .#{$fortitude-namespace}layout__item {
75
- @include fortitude-layout--bottom__item;
75
+ @include fortitude-layout__item--bottom;
76
76
  }
77
77
  }
78
78
  }
@@ -84,7 +84,7 @@
84
84
  .#{$fortitude-namespace}layout--right {
85
85
  @include fortitude-layout--right;
86
86
  > .#{$fortitude-namespace}layout__item {
87
- @include fortitude-layout--right__item;
87
+ @include fortitude-layout__item--right;
88
88
  }
89
89
  }
90
90
  }
@@ -96,7 +96,7 @@
96
96
  .#{$fortitude-namespace}layout--center {
97
97
  @include fortitude-layout--center;
98
98
  > .#{$fortitude-namespace}layout__item {
99
- @include fortitude-layout--center__item;
99
+ @include fortitude-layout__item--center;
100
100
  }
101
101
  }
102
102
  }
@@ -6,6 +6,12 @@
6
6
  @include fortitude-media__object;
7
7
  }
8
8
 
9
+ .#{$fortitude-namespace}media__object > img,
10
+ .#{$fortitude-namespace}media__object > video {
11
+ @include fortitude-media__object__content;
12
+ }
13
+
14
+
9
15
  .#{$fortitude-namespace}media__body {
10
16
  @include fortitude-media__body;
11
17
  }
@@ -16,17 +22,7 @@
16
22
  **/
17
23
  .#{$fortitude-namespace}media--small {
18
24
  > .#{$fortitude-namespace}media__object {
19
- @include fortitude-media--small__object;
20
- }
21
- @if $fortitude-enable-media--rev == true {
22
- /**
23
- * Small reversed media objects.
24
- **/
25
- &.#{$fortitude-namespace}media--rev {
26
- > .#{$fortitude-namespace}media__object {
27
- @include fortitude-media--small--rev__object;
28
- }
29
- }
25
+ @include fortitude-media__object--small;
30
26
  }
31
27
  }
32
28
  }
@@ -37,17 +33,7 @@
37
33
  **/
38
34
  .#{$fortitude-namespace}media--large {
39
35
  > .#{$fortitude-namespace}media__object {
40
- @include fortitude-media--large__object;
41
- }
42
- @if $fortitude-enable-media--rev == true {
43
- /**
44
- * Large reversed media objects.
45
- **/
46
- &.#{$fortitude-namespace}media--rev {
47
- > .#{$fortitude-namespace}media__object {
48
- @include fortitude-media--large--rev__object;
49
- }
50
- }
36
+ @include fortitude-media__object--large;
51
37
  }
52
38
  }
53
39
  }
@@ -58,7 +44,30 @@
58
44
  **/
59
45
  .#{$fortitude-namespace}media--rev {
60
46
  > .#{$fortitude-namespace}media__object {
61
- @include fortitude-media--rev__object;
47
+ @include fortitude-media__object--rev;
48
+ }
49
+ }
50
+
51
+ @if $fortitude-enable-media--small == true {
52
+ /**
53
+ * Reversed small media objects.
54
+ **/
55
+
56
+ &.#{$fortitude-namespace}media--small {
57
+ > .#{$fortitude-namespace}media__object {
58
+ @include fortitude-media__object--rev--small;
59
+ }
60
+ }
61
+ }
62
+
63
+ @if $fortitude-enable-media--large == true {
64
+ /**
65
+ * Large reversed media objects.
66
+ **/
67
+ &.#{$fortitude-namespace}media--large {
68
+ > .#{$fortitude-namespace}media__object {
69
+ @include fortitude-media__object--rev--large;
70
+ }
62
71
  }
63
72
  }
64
73
  }
@@ -69,7 +78,7 @@
69
78
  **/
70
79
  .#{$fortitude-namespace}media--flush {
71
80
  > .#{$fortitude-namespace}media__object {
72
- @include fortitude-media--flush__object;
81
+ @include fortitude-media__object--flush;
73
82
  }
74
83
  }
75
84
  }
@@ -93,7 +102,7 @@
93
102
  * Rework the spacings on regular media objects.
94
103
  **/
95
104
  > .#{$fortitude-namespace}media__object {
96
- @include fortitude-media--responsive__object;
105
+ @include fortitude-media__object--responsive;
97
106
  }
98
107
  @if $fortitude-enable-media--small == true {
99
108
  /**
@@ -105,7 +114,7 @@
105
114
  **/
106
115
  &.#{$fortitude-namespace}media--small {
107
116
  > .#{$fortitude-namespace}media__object {
108
- @include fortitude-media--responsive--small__object;
117
+ @include fortitude-media__object--responsive--small;
109
118
  }
110
119
  }
111
120
  }
@@ -119,7 +128,7 @@
119
128
  **/
120
129
  &.#{$fortitude-namespace}media--large {
121
130
  > .#{$fortitude-namespace}media__object {
122
- @include fortitude-media--responsive--large__object;
131
+ @include fortitude-media__object--responsive--large;
123
132
  }
124
133
  }
125
134
  }
@@ -18,6 +18,7 @@ $fortitude-navigationbar-height: 4rem !default;
18
18
 
19
19
  .#{$fortitude-namespace}navigationbar__toggle {
20
20
  float: right;
21
+
21
22
  > .#{$fortitude-namespace}icon {
22
23
  display: none;
23
24
  }
@@ -29,6 +30,7 @@ $fortitude-navigationbar-height: 4rem !default;
29
30
 
30
31
  .#{$fortitude-namespace}navigationbar__navigation {
31
32
  margin-right: -1rem;
33
+
32
34
  .#{$fortitude-namespace}fluid-container & {
33
35
  margin-right: 0;
34
36
  }
@@ -37,9 +39,11 @@ $fortitude-navigationbar-height: 4rem !default;
37
39
  .#{$fortitude-namespace}navigationbar__item {
38
40
  display: inline-block;
39
41
  position: relative;
42
+
40
43
  &:hover .#{$fortitude-namespace}navigationbar__dropdown {
41
44
  display: block;
42
45
  }
46
+
43
47
  a {
44
48
  display: block;
45
49
  padding: 0 1rem;
@@ -58,33 +62,45 @@ $fortitude-navigationbar-height: 4rem !default;
58
62
  .#{$fortitude-namespace}navigationbar__header {
59
63
  float: none;
60
64
  }
65
+
61
66
  .#{$fortitude-namespace}navigationbar__header__logo {
62
67
  padding-left: 2rem;
63
68
  }
69
+
64
70
  .#{$fortitude-namespace}navigationbar__toggle {
65
71
  float: none;
72
+
66
73
  > .#{$fortitude-namespace}icon {
67
74
  display: inline-block;
68
75
  }
69
76
  }
77
+
70
78
  .#{$fortitude-namespace}navigationbar__toggle__helper {
71
79
  display: inline-block;
72
80
  }
81
+
73
82
  .#{$fortitude-namespace}navigationbar__dropdown {
83
+ @include fortitude-bare-list;
84
+
74
85
  display: block;
75
86
  position: static;
76
87
  }
88
+
77
89
  .#{$fortitude-namespace}navigationbar__item {
78
90
  display: block;
79
91
  }
92
+
80
93
  .#{$fortitude-namespace}navigationbar__toggle {
81
94
  @include fortitude-clearfix;
95
+
82
96
  margin-top: -$fortitude-navigationbar-height;
97
+
83
98
  > .#{$fortitude-namespace}icon {
84
99
  float: right;
85
100
  display: block;
86
101
  }
87
102
  }
103
+
88
104
  .#{$fortitude-namespace}navigationbar__toggle__helper {
89
105
  float: right;
90
106
  position: relative;
@@ -93,24 +109,30 @@ $fortitude-navigationbar-height: 4rem !default;
93
109
  -webkit-appearance: none;
94
110
  -moz-appearance: none;
95
111
  appearance: none;
112
+
96
113
  + .#{$fortitude-namespace}navigationbar__navigation {
97
114
  display: none;
98
115
  position: absolute;
99
116
  top: 100%;
100
117
  width: 100%;
101
118
  }
119
+
102
120
  &:checked + .#{$fortitude-namespace}navigationbar__navigation {
103
121
  display: block;
104
122
  }
105
123
  }
124
+
106
125
  .#{$fortitude-namespace}navigationbar__navigation {
126
+ @include fortitude-bare-list;
107
127
  clear: both;
108
128
  margin-right: 0;
109
129
  }
130
+
110
131
  .#{$fortitude-namespace}navigationbar__item {
111
132
  + .#{$fortitude-namespace}navigationbar__item {
112
133
  margin-top: -0.1rem;
113
134
  }
135
+
114
136
  a {
115
137
  display: block;
116
138
  padding: 0 2rem;
@@ -12,7 +12,7 @@
12
12
  **/
13
13
  .#{$fortitude-namespace}ui-list--small {
14
14
  > .#{$fortitude-namespace}ui-list__item {
15
- @include fortitude-ui-list--small__item;
15
+ @include fortitude-ui-list__item--small;
16
16
  }
17
17
  }
18
18
  }
@@ -23,7 +23,7 @@
23
23
  **/
24
24
  .#{$fortitude-namespace}ui-list--large {
25
25
  > .#{$fortitude-namespace}ui-list__item {
26
- @include fortitude-ui-list--large__item;
26
+ @include fortitude-ui-list__item--large;
27
27
  }
28
28
  }
29
29
  }
@@ -110,3 +110,7 @@
110
110
  @return null;
111
111
  }
112
112
  }
113
+
114
+ @function fortitude-contains($fortitude-list, $fortitude-value) {
115
+ @return (false == index($fortitude-list, $fortitude-value));
116
+ }
data/bower.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "fortitude-sass",
3
3
  "homepage": "http://fortitude.io/",
4
- "version": "0.6.1",
4
+ "version": "0.6.3",
5
5
  "main": [
6
6
  "app/assets/stylesheets/fortitude/tools/_functions.scss",
7
7
  "app/assets/stylesheets/fortitude/tools/_mixins.scss",
@@ -1,3 +1,3 @@
1
1
  module Fortitude
2
- VERSION = '0.6.1'
2
+ VERSION = '0.6.3'
3
3
  end
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: fortitude-sass
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.6.1
4
+ version: 0.6.3
5
5
  platform: ruby
6
6
  authors:
7
7
  - Aaron Reisman
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2015-03-04 00:00:00.000000000 Z
11
+ date: 2015-03-18 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: sass