@cooperco/cooper-component-library 0.1.58 → 0.1.59

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 (5) hide show
  1. package/dist/lib/component-lib.js +8 -8
  2. package/dist/lib/component-lib.umd.cjs +2 -2
  3. package/dist/lib/css/main.css +16 -40
  4. package/dist/lib/style.css +1 -1
  5. package/package.json +1 -1
package/dist/lib/css/main.css CHANGED
@@ -97,31 +97,7 @@ ol {
97
97
 
98
98
  @media (min-width: 768px) {
99
99
  .container-hero {
100
- padding-left: max(20px, calc((100% - 768px) / 2));
101
- }
102
- }
103
-
104
- @media (min-width: 1024px) {
105
- .container-hero {
106
- padding-left: max(20px, calc((100% - 1024px) / 2));
107
- }
108
- }
109
-
110
- @media (min-width: 1280px) {
111
- .container-hero {
112
- padding-left: max(20px, calc((100% - 1280px) / 2));
113
- }
114
- }
115
-
116
- @media (min-width: 1536px) {
117
- .container-hero {
118
- padding-left: max(20px, calc((100% - 1536px) / 2));
119
- }
120
- }
121
-
122
- @media (min-width: 768px) {
123
- .container-hero-right {
124
- padding-right: max(20px, calc((100% - 768px) / 2));
100
+ padding-left: 90px;
125
101
  }
126
102
  }
127
103
 
@@ -197,26 +173,26 @@ ol {
197
173
  }
198
174
  }
199
175
 
200
- @media (min-width: 768px) and (max-width: 1015px) {
176
+ @media (min-width: 768px) and (max-width: 1015px) {
201
177
  .clip-hero {
202
- clip-path: ellipse(69% 115% at 99% 6%);
178
+ clip-path: circle(74.6% at 75% 51%);
203
179
  }
204
- }
205
-
206
- @media (min-width: 1016px) and (max-width: 1199px) {
180
+ }
181
+
182
+ @media (min-width: 1016px) and (max-width: 1199px) {
207
183
  .clip-hero {
208
- clip-path: ellipse(79% 115% at 99% 16%);
184
+ clip-path: circle(74.6% at 75% 51%);
209
185
  }
210
- }
211
-
212
- @media (min-width: 1200px) and (max-width: 1439px) {
186
+ }
187
+
188
+ @media (min-width: 1200px) and (max-width: 1439px) {
213
189
  .clip-hero {
214
- clip-path: ellipse(89% 115% at 99% 16%);
190
+ clip-path: circle(74.6% at 75% 51%);
215
191
  }
216
- }
217
-
218
- @media (min-width: 1440px) {
192
+ }
193
+
194
+ @media (min-width: 1440px) {
219
195
  .clip-hero {
220
- clip-path: ellipse(89% 125% at 99% 26%);
196
+ clip-path: circle(74.6% at 75% 51%);
221
197
  }
222
- }
198
+ }