@greghowe79/the-lib 2.8.0 → 2.8.1

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 (3) hide show
  1. package/lib/components/onboarding/styles.css.qwik.cjs +1 -1
  2. package/lib/components/onboarding/styles.css.qwik.mjs +1 -1
  3. package/package.json +1 -1
package/lib/components/onboarding/styles.css.qwik.cjs CHANGED
@@ -1,3 +1,3 @@
1
1
  "use strict";
2
- const styles = ".steps-container {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 1.5rem;\r\n justify-items: center;\r\n max-width: 1150px;\r\n font-family: 'Roboto Condensed', sans-serif;\r\n}\r\n\r\n.step-icon {\r\n display: flex;\r\n justify-content: center;\r\n}\r\n\r\n.step-content {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n padding: 0 1.5rem;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n .steps-container {\r\n grid-template-columns: repeat(3, minmax(340px, 1fr));\r\n }\r\n}\r\n\r\n.step {\r\n text-align: center;\r\n width: 340px;\r\n padding: 0 0 2rem;\r\n border-radius: 8px;\r\n /* background: #333;\r\n background: linear-gradient(159deg, rgba(51, 51, 51, 1) 22%, rgba(0, 149, 174, 1) 100%, rgba(51, 51, 51, 1) 100%); */\r\n /* box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); */\r\n /* transition:\r\n transform 0.2s ease,\r\n box-shadow 0.2s ease; */\r\n}\r\n\r\n/* .step:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);\r\n} */\r\n\r\n.step :global(svg) {\r\n width: 150px;\r\n height: 150px;\r\n display: inline-block;\r\n margin: 0;\r\n}\r\n\r\n.step h2 {\r\n font-size: 1.75rem;\r\n line-height: 2.25;\r\n font-weight: 500;\r\n letter-spacing: normal;\r\n margin: 0 0 1rem;\r\n}\r\n\r\n.step p {\r\n font-size: 1rem;\r\n line-height: 1.5;\r\n font-weight: 400;\r\n letter-spacing: 0;\r\n color: #333;\r\n margin: 0;\r\n}\r\n";
2
+ const styles = ".steps-container {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 1.5rem;\r\n justify-items: center;\r\n margin: 0 28px;\r\n width: 100%;\r\n max-width: 1150px;\r\n font-family: 'Roboto Condensed', sans-serif;\r\n}\r\n\r\n.step-icon {\r\n display: flex;\r\n justify-content: center;\r\n}\r\n\r\n.step-content {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n padding: 0 1.5rem;\r\n}\r\n\r\n@media (min-width: 600px) {\r\n .steps-container {\r\n margin: 0 48px;\r\n }\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n .steps-container {\r\n grid-template-columns: repeat(3, minmax(340px, 1fr));\r\n margin: 0 72px;\r\n }\r\n}\r\n\r\n.step {\r\n text-align: center;\r\n width: 300px;\r\n padding: 0 0 2rem;\r\n border-radius: 8px;\r\n /* background: #333;\r\n background: linear-gradient(159deg, rgba(51, 51, 51, 1) 22%, rgba(0, 149, 174, 1) 100%, rgba(51, 51, 51, 1) 100%); */\r\n /* box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); */\r\n /* transition:\r\n transform 0.2s ease,\r\n box-shadow 0.2s ease; */\r\n}\r\n\r\n/* .step:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);\r\n} */\r\n\r\n.step :global(svg) {\r\n width: 150px;\r\n height: 150px;\r\n display: inline-block;\r\n margin: 0;\r\n}\r\n\r\n.step h2 {\r\n font-size: 1.75rem;\r\n line-height: 2.25;\r\n font-weight: 500;\r\n letter-spacing: normal;\r\n margin: 0 0 1rem;\r\n}\r\n\r\n.step p {\r\n font-size: 1rem;\r\n line-height: 1.5;\r\n font-weight: 400;\r\n letter-spacing: 0;\r\n color: #333;\r\n margin: 0;\r\n}\r\n";
3
3
  module.exports = styles;
package/lib/components/onboarding/styles.css.qwik.mjs CHANGED
@@ -1,4 +1,4 @@
1
- const styles = ".steps-container {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 1.5rem;\r\n justify-items: center;\r\n max-width: 1150px;\r\n font-family: 'Roboto Condensed', sans-serif;\r\n}\r\n\r\n.step-icon {\r\n display: flex;\r\n justify-content: center;\r\n}\r\n\r\n.step-content {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n padding: 0 1.5rem;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n .steps-container {\r\n grid-template-columns: repeat(3, minmax(340px, 1fr));\r\n }\r\n}\r\n\r\n.step {\r\n text-align: center;\r\n width: 340px;\r\n padding: 0 0 2rem;\r\n border-radius: 8px;\r\n /* background: #333;\r\n background: linear-gradient(159deg, rgba(51, 51, 51, 1) 22%, rgba(0, 149, 174, 1) 100%, rgba(51, 51, 51, 1) 100%); */\r\n /* box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); */\r\n /* transition:\r\n transform 0.2s ease,\r\n box-shadow 0.2s ease; */\r\n}\r\n\r\n/* .step:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);\r\n} */\r\n\r\n.step :global(svg) {\r\n width: 150px;\r\n height: 150px;\r\n display: inline-block;\r\n margin: 0;\r\n}\r\n\r\n.step h2 {\r\n font-size: 1.75rem;\r\n line-height: 2.25;\r\n font-weight: 500;\r\n letter-spacing: normal;\r\n margin: 0 0 1rem;\r\n}\r\n\r\n.step p {\r\n font-size: 1rem;\r\n line-height: 1.5;\r\n font-weight: 400;\r\n letter-spacing: 0;\r\n color: #333;\r\n margin: 0;\r\n}\r\n";
1
+ const styles = ".steps-container {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 1.5rem;\r\n justify-items: center;\r\n margin: 0 28px;\r\n width: 100%;\r\n max-width: 1150px;\r\n font-family: 'Roboto Condensed', sans-serif;\r\n}\r\n\r\n.step-icon {\r\n display: flex;\r\n justify-content: center;\r\n}\r\n\r\n.step-content {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n padding: 0 1.5rem;\r\n}\r\n\r\n@media (min-width: 600px) {\r\n .steps-container {\r\n margin: 0 48px;\r\n }\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n .steps-container {\r\n grid-template-columns: repeat(3, minmax(340px, 1fr));\r\n margin: 0 72px;\r\n }\r\n}\r\n\r\n.step {\r\n text-align: center;\r\n width: 300px;\r\n padding: 0 0 2rem;\r\n border-radius: 8px;\r\n /* background: #333;\r\n background: linear-gradient(159deg, rgba(51, 51, 51, 1) 22%, rgba(0, 149, 174, 1) 100%, rgba(51, 51, 51, 1) 100%); */\r\n /* box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); */\r\n /* transition:\r\n transform 0.2s ease,\r\n box-shadow 0.2s ease; */\r\n}\r\n\r\n/* .step:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);\r\n} */\r\n\r\n.step :global(svg) {\r\n width: 150px;\r\n height: 150px;\r\n display: inline-block;\r\n margin: 0;\r\n}\r\n\r\n.step h2 {\r\n font-size: 1.75rem;\r\n line-height: 2.25;\r\n font-weight: 500;\r\n letter-spacing: normal;\r\n margin: 0 0 1rem;\r\n}\r\n\r\n.step p {\r\n font-size: 1rem;\r\n line-height: 1.5;\r\n font-weight: 400;\r\n letter-spacing: 0;\r\n color: #333;\r\n margin: 0;\r\n}\r\n";
2
2
  export {
3
3
  styles as default
4
4
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@greghowe79/the-lib",
3
- "version": "2.8.0",
3
+ "version": "2.8.1",
4
4
  "description": "Collection of fast components for Qwik",
5
5
  "main": "./lib/index.qwik.mjs",
6
6
  "qwik": "./lib/index.qwik.mjs",