polaris_view_components 0.3.0 → 0.3.1

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,136 +1,3 @@
1
- .shp-Navigation {
2
- margin: 0 auto;
3
- padding: 0 2rem;
4
- max-width: 99.8rem;
5
- max-width: none;
6
- border-bottom: .1rem solid var(--p-border-subdued)
7
- }
8
-
9
- @media (max-width: 48.0625em) and (min-width: 30.625em),(min-width: 45.625em) {
10
- .shp-Navigation {
11
- padding: 0 2rem
12
- }
13
- }
14
-
15
- @media (min-width: 30.625em) {
16
- .shp-Navigation {
17
- padding: 0 2rem
18
- }
19
- }
20
-
21
- @media (max-width: 48.0625em) and (min-width: 46.5em),(min-width: 61.5em) {
22
- .shp-Navigation {
23
- padding: 0 3.2rem
24
- }
25
- }
26
-
27
- @media (min-width: 46.5em) {
28
- .shp-Navigation {
29
- padding: 0 3.2rem
30
- }
31
- }
32
-
33
- @media (max-width: 30.5625em) {
34
- .shp-Navigation {
35
- padding: 0 1.6rem
36
- }
37
- }
38
-
39
- .shp-Navigation_Items {
40
- display: flex;
41
- margin: 0;
42
- padding: 0 .2rem;
43
- list-style: none
44
- }
45
-
46
- .shp-Navigation_Item {
47
- display: flex;
48
- margin: 0;
49
- padding: 0
50
- }
51
-
52
- .shp-Navigation_Link {
53
- color: inherit;
54
- -webkit-appearance: none;
55
- -moz-appearance: none;
56
- appearance: none;
57
- margin: 0;
58
- padding: 0;
59
- background: none;
60
- border: none;
61
- font-size: inherit;
62
- line-height: inherit;
63
- font-size: 1.5rem;
64
- font-weight: 400;
65
- line-height: 2rem;
66
- text-transform: none;
67
- letter-spacing: normal;
68
- color: var(--p-text-subdued);
69
- position: relative;
70
- z-index: 400;
71
- justify-content: center;
72
- width: 100%;
73
- min-width: 100%;
74
- margin-top: 1px;
75
- margin-bottom: -1px;
76
- padding: 0 1.6rem;
77
- outline: none;
78
- text-align: center;
79
- white-space: nowrap;
80
- text-decoration: none;
81
- cursor: pointer
82
- }
83
-
84
- .shp-Navigation_Link:visited {
85
- color: inherit
86
- }
87
-
88
- .shp-Navigation_Link:focus {
89
- outline: none
90
- }
91
-
92
- @media (min-width: 40em) {
93
- .shp-Navigation_Link {
94
- font-size: 1.4rem
95
- }
96
- }
97
-
98
- .shp-Navigation_Link:hover {
99
- text-decoration: none
100
- }
101
-
102
- .shp-Navigation_Link:hover .shp-Navigation_LinkText {
103
- font-weight: 400;
104
- color: var(--p-text);
105
- text-decoration: none;
106
- border-bottom: .3rem solid var(--p-action-primary)
107
- }
108
-
109
- .shp-Navigation_Link:focus {
110
- box-shadow: inset 0 0 2px 0 rgba(92, 106, 196, .8), 0 0 2px 0 rgba(92, 106, 196, .8)
111
- }
112
-
113
- .shp-Navigation_Link:focus .shp-Navigation_LinkText {
114
- font-weight: 400;
115
- color: var(--p-text)
116
- }
117
-
118
- .shp-Navigation_LinkText {
119
- padding: 1.6rem 0 1.3rem 0;
120
- border-bottom: .3rem solid transparent
121
- }
122
-
123
- .shp-Navigation_LinkText {
124
- display: block;
125
- }
126
-
127
- [aria-selected='true'],
128
- .shp-Navigation_Link:focus .shp-Navigation_LinkText {
129
- font-weight: 400;
130
- color: var(--p-text)
131
- }
132
-
133
- [aria-selected='true'] .shp-Navigation_LinkText {
134
- color: var(--p-action-primary);
135
- border-bottom: .3rem solid var(--p-action-primary)
136
- }
1
+ /*
2
+ *= require_tree .
3
+ */
@@ -0,0 +1,136 @@
1
+ .shp-Navigation {
2
+ margin: 0 auto;
3
+ padding: 0 2rem;
4
+ max-width: 99.8rem;
5
+ max-width: none;
6
+ border-bottom: .1rem solid var(--p-border-subdued)
7
+ }
8
+
9
+ @media (max-width: 48.0625em) and (min-width: 30.625em),(min-width: 45.625em) {
10
+ .shp-Navigation {
11
+ padding: 0 2rem
12
+ }
13
+ }
14
+
15
+ @media (min-width: 30.625em) {
16
+ .shp-Navigation {
17
+ padding: 0 2rem
18
+ }
19
+ }
20
+
21
+ @media (max-width: 48.0625em) and (min-width: 46.5em),(min-width: 61.5em) {
22
+ .shp-Navigation {
23
+ padding: 0 3.2rem
24
+ }
25
+ }
26
+
27
+ @media (min-width: 46.5em) {
28
+ .shp-Navigation {
29
+ padding: 0 3.2rem
30
+ }
31
+ }
32
+
33
+ @media (max-width: 30.5625em) {
34
+ .shp-Navigation {
35
+ padding: 0 1.6rem
36
+ }
37
+ }
38
+
39
+ .shp-Navigation_Items {
40
+ display: flex;
41
+ margin: 0;
42
+ padding: 0 .2rem;
43
+ list-style: none
44
+ }
45
+
46
+ .shp-Navigation_Item {
47
+ display: flex;
48
+ margin: 0;
49
+ padding: 0
50
+ }
51
+
52
+ .shp-Navigation_Link {
53
+ color: inherit;
54
+ -webkit-appearance: none;
55
+ -moz-appearance: none;
56
+ appearance: none;
57
+ margin: 0;
58
+ padding: 0;
59
+ background: none;
60
+ border: none;
61
+ font-size: inherit;
62
+ line-height: inherit;
63
+ font-size: 1.5rem;
64
+ font-weight: 400;
65
+ line-height: 2rem;
66
+ text-transform: none;
67
+ letter-spacing: normal;
68
+ color: var(--p-text-subdued);
69
+ position: relative;
70
+ z-index: 400;
71
+ justify-content: center;
72
+ width: 100%;
73
+ min-width: 100%;
74
+ margin-top: 1px;
75
+ margin-bottom: -1px;
76
+ padding: 0 1.6rem;
77
+ outline: none;
78
+ text-align: center;
79
+ white-space: nowrap;
80
+ text-decoration: none;
81
+ cursor: pointer
82
+ }
83
+
84
+ .shp-Navigation_Link:visited {
85
+ color: inherit
86
+ }
87
+
88
+ .shp-Navigation_Link:focus {
89
+ outline: none
90
+ }
91
+
92
+ @media (min-width: 40em) {
93
+ .shp-Navigation_Link {
94
+ font-size: 1.4rem
95
+ }
96
+ }
97
+
98
+ .shp-Navigation_Link:hover {
99
+ text-decoration: none
100
+ }
101
+
102
+ .shp-Navigation_Link:hover .shp-Navigation_LinkText {
103
+ font-weight: 400;
104
+ color: var(--p-text);
105
+ text-decoration: none;
106
+ border-bottom: .3rem solid var(--p-action-primary)
107
+ }
108
+
109
+ .shp-Navigation_Link:focus {
110
+ box-shadow: inset 0 0 2px 0 rgba(92, 106, 196, .8), 0 0 2px 0 rgba(92, 106, 196, .8)
111
+ }
112
+
113
+ .shp-Navigation_Link:focus .shp-Navigation_LinkText {
114
+ font-weight: 400;
115
+ color: var(--p-text)
116
+ }
117
+
118
+ .shp-Navigation_LinkText {
119
+ padding: 1.6rem 0 1.3rem 0;
120
+ border-bottom: .3rem solid transparent
121
+ }
122
+
123
+ .shp-Navigation_LinkText {
124
+ display: block;
125
+ }
126
+
127
+ [aria-selected='true'],
128
+ .shp-Navigation_Link:focus .shp-Navigation_LinkText {
129
+ font-weight: 400;
130
+ color: var(--p-text)
131
+ }
132
+
133
+ [aria-selected='true'] .shp-Navigation_LinkText {
134
+ color: var(--p-action-primary);
135
+ border-bottom: .3rem solid var(--p-action-primary)
136
+ }
@@ -1,5 +1,5 @@
1
1
  module Polaris
2
2
  module ViewComponents
3
- VERSION = "0.3.0"
3
+ VERSION = "0.3.1"
4
4
  end
5
5
  end
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: polaris_view_components
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.3.0
4
+ version: 0.3.1
5
5
  platform: ruby
6
6
  authors:
7
7
  - Dan Gamble
@@ -9,7 +9,7 @@ authors:
9
9
  autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2021-10-05 00:00:00.000000000 Z
12
+ date: 2021-10-06 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: rails
@@ -448,7 +448,9 @@ files:
448
448
  - app/assets/icons/polaris/WholesaleMajor.svg
449
449
  - app/assets/icons/polaris/WifiMajor.svg
450
450
  - app/assets/javascripts/polaris_view_components.js
451
+ - app/assets/stylesheets/polaris@6.6.0.css
451
452
  - app/assets/stylesheets/polaris_view_components.css
453
+ - app/assets/stylesheets/shopify_navigation.css
452
454
  - app/components/polaris/action.rb
453
455
  - app/components/polaris/application_component.rb
454
456
  - app/components/polaris/avatar_component.html.erb