fortitude-sass 0.6.1 → 0.6.3

Sign up to get free protection for your applications and to get access to all the features.
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