diff --git a/README.md b/README.md index ad45ebf..641921e 100644 --- a/README.md +++ b/README.md @@ -48,10 +48,13 @@ Next, `cd` to the theme folder and run the following: ```bash % composer install % npm install +% npm run pronto-install % npm run build ``` -This will install the dependencies and compile the assets. The primary dependency is [Millyard](https://github.com/imarc/millyard), which provides most ofthis theme's core functionality. +This will install the dependencies, bring Pronto's components into the theme, and compile the assets. + +The primary PHP dependency is [Millyard](https://github.com/imarc/millyard), which provides most of this theme's core functionality. Finally, you'll want to activate the theme in the WordPress admin. diff --git a/package-lock.json b/package-lock.json index 6baa196..862963f 100644 --- a/package-lock.json +++ b/package-lock.json @@ -5,8 +5,7 @@ "packages": { "": { "dependencies": { - "@imarc/pronto": "^2.0.0-rc.12", - "@rollup/rollup-linux-x64-gnu": "*", + "@imarc/pronto": "^2.0.3", "@vitejs/plugin-vue": "^5.2.3", "vue": "^3.5.13" }, @@ -56,9 +55,9 @@ } }, "node_modules/@babel/runtime": { - "version": "7.27.1", - "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.27.1.tgz", - "integrity": "sha512-1x3D2xEk2fRo3PAhwQwu5UubzgiVWSXTBfWpVd2Mx2AzRqJuDJCsgaDVZ7HB5iGzDW1Hl1sWN2mFyKjmR9uAog==", + "version": "7.28.4", + "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.28.4.tgz", + "integrity": "sha512-Q/N6JNWvIvPnLDvjlE1OUBLPQHH6l3CltCEsHIujp45zQUSSh8K+gHnaEX45yAT1nyngnINhvWtzN+Nb9D8RAQ==", "license": "MIT", "engines": { "node": ">=6.9.0" @@ -122,13 +121,13 @@ } }, "node_modules/@imarc/pronto": { - "version": "2.0.0-rc.12", - "resolved": "https://registry.npmjs.org/@imarc/pronto/-/pronto-2.0.0-rc.12.tgz", - "integrity": "sha512-krvB8s/954yraS3WmqJefhhDu3O9IlVhQTYgMqX617US+GN3xh5Gee3jobHqOq8thGl1VsuXY3YSXtleqnZpdw==", + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/@imarc/pronto/-/pronto-2.0.3.tgz", + "integrity": "sha512-5cfjHsqn7qmgQzEBiBL9D8lqSN7giAuBJGEq7ueVY9z0Ig6pCbF6uLcax42OIUPGbU57CRz9zKhEf/C158K0Kw==", "license": "Apache-2.0", "dependencies": { "@clack/prompts": "^0.9.1", - "@imarc/vitrine": "^1.0.6", + "@imarc/vitrine": "^1.2.1", "modern-normalize": "^3.0.1", "swiper": "^11.2.6", "vue": "^3.4.31" @@ -143,9 +142,9 @@ } }, "node_modules/@imarc/vitrine": { - "version": "1.0.6", - "resolved": "https://registry.npmjs.org/@imarc/vitrine/-/vitrine-1.0.6.tgz", - "integrity": "sha512-YcfSqE9dm4NSMZzbUZUhFu1xVkw/u4bmh3XsJs5iOwZWdhl/TG3fKB1JTzZNBPDZqkdZCwFqavAhE4RnJtJN9w==", + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/@imarc/vitrine/-/vitrine-1.2.2.tgz", + "integrity": "sha512-BYF4tpkzRuCrXndtPoxFtGckTt+pF2FUNK3QtzQPuBiQK4gImgGRl+lrxsGPguCQKi6AuiiTVCVTV+IML7UETQ==", "license": "Apache-2.0", "dependencies": { "@vue/server-renderer": "^3.4.38", @@ -158,17 +157,20 @@ "vue": "^3.4.38" }, "engines": { - "node": "^22" + "node": ">=22.0.0" }, "peerDependencies": { "vite": "^6.0.0" } }, "node_modules/@imarc/vitrine/node_modules/fdir": { - "version": "6.4.4", - "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.4.4.tgz", - "integrity": "sha512-1NZP+GK4GfuAv3PqKvxQRDMjdSRZjnkq7KfhlNrCNNlZ0ygQFpebfrnfnq/W7fpUnAv9aGWmY1zKx7FYL3gwhg==", + "version": "6.5.0", + "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz", + "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==", "license": "MIT", + "engines": { + "node": ">=12.0.0" + }, "peerDependencies": { "picomatch": "^3 || ^4" }, @@ -179,9 +181,9 @@ } }, "node_modules/@imarc/vitrine/node_modules/picomatch": { - "version": "4.0.2", - "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.2.tgz", - "integrity": "sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==", + "version": "4.0.3", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz", + "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==", "license": "MIT", "engines": { "node": ">=12" @@ -825,9 +827,9 @@ "license": "Apache-2.0" }, "node_modules/brace-expansion": { - "version": "1.1.11", - "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", - "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==", + "version": "1.1.12", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz", + "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==", "license": "MIT", "dependencies": { "balanced-match": "^1.0.0", @@ -1166,9 +1168,9 @@ } }, "node_modules/marked": { - "version": "15.0.11", - "resolved": "https://registry.npmjs.org/marked/-/marked-15.0.11.tgz", - "integrity": "sha512-1BEXAU2euRCG3xwgLVT1y0xbJEld1XOrmRJpUwRCcy7rxhSCwMrmEu9LXoPhHSCJG41V7YcQ2mjKRr5BA3ITIA==", + "version": "15.0.12", + "resolved": "https://registry.npmjs.org/marked/-/marked-15.0.12.tgz", + "integrity": "sha512-8dD6FusOQSrpv9Z1rdNMdlSgQOIP880DHqnohobOmYLElGEqAL/JvxvuxZO16r4HtjTlfPRDC1hbvxC9dPN2nA==", "license": "MIT", "bin": { "marked": "bin/marked.js" @@ -1829,9 +1831,9 @@ } }, "node_modules/semver": { - "version": "7.7.1", - "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.1.tgz", - "integrity": "sha512-hlq8tAfn0m/61p4BVRcPzIGr6LKiMwo4VM6dGi6pt4qcRkmNzTcWq6eCEjEh+qXjkMDvPlOFFSGwQjoEa6gyMA==", + "version": "7.7.2", + "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.2.tgz", + "integrity": "sha512-RF0Fw+rO5AMf9MAyaRXI4AV0Ulj5lMHqVxxdSgiVbixSCXoEmmX/jk0CuJw4+3SqroYO9VoUh+HcuJivvtJemA==", "license": "ISC", "bin": { "semver": "bin/semver.js" diff --git a/package.json b/package.json index fe1a911..ce05082 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,8 @@ { "scripts": { "dev": "vite", - "build": "vite build" + "build": "vite build", + "pronto-install": "npx @imarc/pronto@latest --non-interactive y ./resources y n y ./resources/images" }, "devDependencies": { "dotenv": "^16.4.7", @@ -11,7 +12,7 @@ "vite-plugin-restart": "^0.4.2" }, "dependencies": { - "@imarc/pronto": "^2.0.0-rc.12", + "@imarc/pronto": "^2.0.3", "@vitejs/plugin-vue": "^5.2.3", "vue": "^3.5.13" }, diff --git a/resources/js/components/PTabs.vue b/resources/js/components/PTabs.vue index 3761ba4..3cbb86f 100644 --- a/resources/js/components/PTabs.vue +++ b/resources/js/components/PTabs.vue @@ -46,6 +46,7 @@
diff --git a/resources/js/index.js b/resources/js/index.js index 201ca80..2f933cc 100644 --- a/resources/js/index.js +++ b/resources/js/index.js @@ -1,6 +1,10 @@ import { createApp, defineAsyncComponent } from 'vue' import directionals from './directives/vDirectionals.js' import scrolllock from './directives/vScrolllock.js' + +/** + * Vite heavily recommends importing your CSS from your JS. + */ import '../styles/index.scss' createApp({ diff --git a/resources/styles/atoms/.gitkeep b/resources/styles/atoms/.gitkeep new file mode 100644 index 0000000..e69de29 diff --git a/resources/styles/atoms/breadcrumbs/breadcrumbs.html b/resources/styles/atoms/breadcrumbs/breadcrumbs.html deleted file mode 100644 index 3ce80c7..0000000 --- a/resources/styles/atoms/breadcrumbs/breadcrumbs.html +++ /dev/null @@ -1,14 +0,0 @@ - diff --git a/resources/styles/atoms/breadcrumbs/index.scss b/resources/styles/atoms/breadcrumbs/index.scss deleted file mode 100644 index 5a79711..0000000 --- a/resources/styles/atoms/breadcrumbs/index.scss +++ /dev/null @@ -1,39 +0,0 @@ -.breadcrumbs { - $b: &; - --accent-color: var(--link-color, var(--color-blue)); - - font-size: .75rem; - - &__list { - list-style: none; - display: inline flex; - gap: 1em; - } - - &__item:nth-child(n+2) { - &::before { - display: inline grid; - content: ''; - background: var(--color-gray-300); - aspect-ratio: 1; - height: .75em; - mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21 36'%3E%3Cpath d='M2 2L18 18L2 34' fill='none' stroke='black' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") center no-repeat; - } - } - - &__link { - --accent-color: inherit; - align-items: normal; - gap: .5rem; - } - - &__item { - display: inline flex; - align-items: center; - gap: 1em; - } - - &__icon { - height: .875rem; - } -} diff --git a/resources/styles/atoms/button/button--icon.html b/resources/styles/atoms/button/button--icon.html deleted file mode 100644 index 50a101f..0000000 --- a/resources/styles/atoms/button/button--icon.html +++ /dev/null @@ -1,18 +0,0 @@ -
- - - - -
diff --git a/resources/styles/atoms/button/button--messaging.html b/resources/styles/atoms/button/button--messaging.html deleted file mode 100644 index aac731b..0000000 --- a/resources/styles/atoms/button/button--messaging.html +++ /dev/null @@ -1,38 +0,0 @@ -
- - - - -
- -
- - - - -
- -
- - - - -
- -
- - - - -
- -
- - -
- -
- - -
- diff --git a/resources/styles/atoms/button/button-on-primary.html b/resources/styles/atoms/button/button-on-primary.html deleted file mode 100644 index 14ce30a..0000000 --- a/resources/styles/atoms/button/button-on-primary.html +++ /dev/null @@ -1,39 +0,0 @@ -
-
- - - - -
- -
- - - - -
- -
- - - - -
- -
- - - - -
- -
- - -
- -
- - -
-
diff --git a/resources/styles/atoms/button/button.html b/resources/styles/atoms/button/button.html deleted file mode 100644 index e31a736..0000000 --- a/resources/styles/atoms/button/button.html +++ /dev/null @@ -1,41 +0,0 @@ -
- - - -
- -
.-outline
- -
- - - -
- -
.-outline-fill
- -
- - - -
- -
.-ghost
- -
- - - -
diff --git a/resources/styles/atoms/button/index.scss b/resources/styles/atoms/button/index.scss deleted file mode 100644 index 9d81ae1..0000000 --- a/resources/styles/atoms/button/index.scss +++ /dev/null @@ -1,85 +0,0 @@ -.button { - $b: &; - - align-items: center; - background-color: var(--accent-color); - border-radius: 3em; - border: var(--root-border-width) solid var(--accent-color); - color: var(--accent-color-text); - cursor: pointer; - display: inline flex; - font-weight: 700; - gap: 1em; - line-height: 1; - padding: calc(1em - var(--root-border-width)) calc(2em - var(--root-border-width)); - text-decoration: none; - transition: background var(--root-ease-out-fast), border-color var(--root-ease-out-fast); - - &__icon { - width: 1em; - height: 1em; - margin: -.25em 0; - - &.-large { - width: 2em; - height: 2em; - } - } - - &:hover, - &:active { - color: #fff; - background-color: var(--accent-color-700); - border-color: var(--accent-color-700); - } - - &[aria-disabled="true"], - &[disabled], - &.-disabled { - --accent-color: var(--root-background-color-inactive); - --accent-color-text: white; - cursor: initial; - pointer-events: none; - } - - &.-outline { - background: #0000; - color: var(--accent-color); - - &:hover { - color: var(--accent-color-700); - } - } - - &.-outline-fill { - @extend .-outline; - &:hover { - background-color: var(--accent-color); - border-color: var(--accent-color); - color: var(--accent-color-text); - } - } - - &.-ghost { - background: #0000; - border-color: #0000; - color: var(--accent-color); - - &:hover { - background-color: var(--accent-color-50); - } - } - - &.-square, - &.-circle { - display: inline grid; - height: 3em; - padding: 0; - place-content: center; - width: 3em; - } - - &.-square { - border-radius: 0; - } -} diff --git a/resources/styles/atoms/checkbox/checkbox.html b/resources/styles/atoms/checkbox/checkbox.html deleted file mode 100644 index 4e0aced..0000000 --- a/resources/styles/atoms/checkbox/checkbox.html +++ /dev/null @@ -1,20 +0,0 @@ - - - - - - - - diff --git a/resources/styles/atoms/checkbox/index.scss b/resources/styles/atoms/checkbox/index.scss deleted file mode 100644 index 4417480..0000000 --- a/resources/styles/atoms/checkbox/index.scss +++ /dev/null @@ -1,61 +0,0 @@ -:where(input[type=checkbox]), -.checkbox { - appearance: none; - background: var(--color-gray-50); - border-radius: 5px; - border: 2px solid var(--color-gray-500); - display: inline grid; - height: 1.5em; - transition: background var(--root-ease-out-fast), border-color var(--root-ease-out-fast); - width: 1.5em; - - &::before { - content: ''; - background: var(--accent-color-contrast); - /* Using mask as this is the only way to make the color of the checkmark dynamic */ - mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M18 8L9.75 16.25L6 12.5' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); - display: none; - } - - &:hover { - border-color: var(--accent-color-700); - - &:not(.-disabled, :disabled) { - &::before { - display: block; - background: var(--color-gray-200); - } - } - } - - &.-checked, - &:checked { - background: var(--accent-color); - border-color: var(--accent-color); - - &::before { - display: block; - } - - &:hover { - background: var(--accent-color-600); - border-color: var(--accent-color-600); - } - } - - &.-disabled, - &:disabled { - background: var(--color-gray-50); - border-color: var(--color-gray-200); - // cursor: not-allowed; - - &::before { - background-color: var(--color-gray-200); - } - - &:hover { - border-color: var(--color-gray-200); - background: var(--color-gray-50); - } - } -} diff --git a/resources/styles/atoms/dropdown/dropdown.html b/resources/styles/atoms/dropdown/dropdown.html deleted file mode 100644 index 80c2500..0000000 --- a/resources/styles/atoms/dropdown/dropdown.html +++ /dev/null @@ -1,14 +0,0 @@ - - -
- -
- diff --git a/resources/styles/atoms/dropdown/index.scss b/resources/styles/atoms/dropdown/index.scss deleted file mode 100644 index c4f68f3..0000000 --- a/resources/styles/atoms/dropdown/index.scss +++ /dev/null @@ -1,53 +0,0 @@ -.dropdown { - background: #fff; - box-shadow: var(--root-box-shadow-med); - padding: 1.5rem; - position: absolute; - width: max-content; - z-index: 1; - - transition: opacity var(--root-ease-out-moderate); - - @starting-style { - opacity: 0; - } - - &__link, - &__button { - background: #0000; - border: 0; - color: var(--accent-color); - display: block; - font-weight: 700; - padding: .5rem 0; - } - - &__item { - position: relative; - } - - &__list { - display: grid; - } - - &__button { - display: flex; - gap: .5rem; - justify-content: space-between; - width: 100%; - } - - &.-toRight { - left: 100%; - top: -.75rem; - padding-top: .75rem; - } - - &.-center { - left: 50%; - translate: -50%; - } - &.-rightAligned { - right: 0; - } -} diff --git a/resources/styles/atoms/eyebrow/eyebrow.html b/resources/styles/atoms/eyebrow/eyebrow.html deleted file mode 100644 index f311b46..0000000 --- a/resources/styles/atoms/eyebrow/eyebrow.html +++ /dev/null @@ -1 +0,0 @@ -Eyebrow Eyebrow .-fill diff --git a/resources/styles/atoms/eyebrow/index.scss b/resources/styles/atoms/eyebrow/index.scss deleted file mode 100644 index 2ccce86..0000000 --- a/resources/styles/atoms/eyebrow/index.scss +++ /dev/null @@ -1,16 +0,0 @@ -.eyebrow { - color: var(--accent-color); - display: inline flow-root; - font-weight: 700; - margin-bottom: 1rem; - text-transform: uppercase; - white-space: nowrap; - - &.-fill { - background: var(--accent-color); - border-radius: .25em; - color: var(--accent-color-text); - font-size: .75rem; - padding: .25em 1.5em; - } -} diff --git a/resources/styles/atoms/heading/heading.html b/resources/styles/atoms/heading/heading.html deleted file mode 100644 index 27bc8ee..0000000 --- a/resources/styles/atoms/heading/heading.html +++ /dev/null @@ -1,5 +0,0 @@ -

Heading 1

-

Heading 2

-

Heading 3

-

Heading 4

-
Heading 5
diff --git a/resources/styles/atoms/heading/index.scss b/resources/styles/atoms/heading/index.scss deleted file mode 100644 index 5c7755d..0000000 --- a/resources/styles/atoms/heading/index.scss +++ /dev/null @@ -1,44 +0,0 @@ -@use "@imarc/pronto/resources/styles/imported" as *; - -:is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) { - --accent-color: var(--heading-color, var(--root-color-headings)); - color: var(--accent-color); - font-family: var(--root-font-family-heading); - font-weight: 700; - line-height: 1.125; - margin: 0 0 1rem; - overflow-wrap: break-word; - text-wrap: balance; - - /* Collapse margin between adjacent headings. */ - &:has(+ &) { - margin-bottom: 0; - } -} - -h1, .h1 { - font-size: var(--root-font-size-h1); - margin-bottom: #{fluid-rems(1, 1.5, 2)}; -} - -h2, .h2 { - font-size: var(--root-font-size-h2); - margin-bottom: #{fluid-rems(1, 1.5, 1.5)}; -} - -h3, .h3 { - font-size: var(--root-font-size-h3); -} - -h4, .h4 { - font-size: var(--root-font-size-h4); -} - -h5, .h5 { - font-size: var(--root-font-size-h5); -} - -h6, .h6 { - font-size: var(--root-font-size-h6); - font-weight: 700; -} diff --git a/resources/styles/atoms/icon/icon.html b/resources/styles/atoms/icon/icon.html deleted file mode 100644 index 4a98751..0000000 --- a/resources/styles/atoms/icon/icon.html +++ /dev/null @@ -1,122 +0,0 @@ -
- - - arrow-left - - - arrow-right - - - bullet-thin - - - bullet - - - check - - - info - - - error - - - chevron-down - - - chevron-left - - - chevron-right - - - chevron-up - - - clock - - - close - - - facebook - - - home - - - instagram - - - layers - - - linkedin - - - minus - - - play - - - quote - - - search - - - tag - - - x - - - youtube - - - date - - - location - - - bars - - - check.-circle - - - minus.-circle - - - play.-circle - - - chevron-down.-circle - - - check.-circle.success - - - info.-circle.info - - - warning.-circle.warning - - - error.-circle.error - - - check.-square.success - - - info.-square.info - - - warning.-square.warning - - - error.-square.error -
diff --git a/resources/styles/atoms/icon/index.scss b/resources/styles/atoms/icon/index.scss deleted file mode 100644 index 4724861..0000000 --- a/resources/styles/atoms/icon/index.scss +++ /dev/null @@ -1,27 +0,0 @@ -.icon { - --icon-color: var(--accent-color); - aspect-ratio: 1; - height: 1.5em; - - &.-square, - &.-circle { - background: var(--accent-color); - --icon-color: var(--icon-stroke-color); - display: inline grid; - padding: .3125em; - } - - &.-square { - border-radius: .25em; - } - - &.-circle { - /* Using mask-image to avoid clipping the icons. */ - mask: radial-gradient(closest-side, #fff calc(100% - 1px), #0000); - } - - &.-light { - --icon-color: var(--accent-color-700); - background: var(--accent-color-300); - } -} diff --git a/resources/styles/atoms/index.scss b/resources/styles/atoms/index.scss deleted file mode 100644 index 039db78..0000000 --- a/resources/styles/atoms/index.scss +++ /dev/null @@ -1,21 +0,0 @@ -/* - * Icons are up here by themselves because technically, - * they show up in other atoms, and having them included - * first makes it easier to override the base icon styles. - */ -@forward "icon"; - -@forward "breadcrumbs"; -@forward "button"; -@forward "checkbox"; -@forward "dropdown"; -@forward "eyebrow"; -@forward "heading"; -@forward "input"; -@forward "link"; -@forward "media"; -@forward "radio"; -@forward "search"; -@forward "select"; -@forward "switch"; -@forward "tag"; diff --git a/resources/styles/atoms/input/index.scss b/resources/styles/atoms/input/index.scss deleted file mode 100644 index bd0d4ea..0000000 --- a/resources/styles/atoms/input/index.scss +++ /dev/null @@ -1,46 +0,0 @@ -.input { - --accent-color: var(--color-gray-500); - - background-color: var(--color-gray-50); - border-radius: var(--root-border-radius); - border: 2px solid var(--accent-color); - color: var(--color-gray-800); - display: inline-block; - padding: .5em 1em; - width: 100%; - - &:focus { - --accent-color: inherit; - outline: none; - } - - &::placeholder { - color: var(--color-gray-400); - } - - &[aria-disabled="true"], - &[disabled], - &.-disabled { - border-color: var(--color-gray-200); - color: var(--color-gray-200); - cursor: initial; - pointer-events: none; - user-select: none; - } - - &:is(textarea) { - display: block; - resize: vertical; - } - - /* Normalize date input padding to match others. */ - &[type=date] { - padding: calc(.5em - 1px) 1em; - } - - - /* Normalize file input padding to match others. */ - &[type=file] { - padding: calc(.5em - 3px) 1em; - } -} diff --git a/resources/styles/atoms/input/input.html b/resources/styles/atoms/input/input.html deleted file mode 100644 index 8af87c1..0000000 --- a/resources/styles/atoms/input/input.html +++ /dev/null @@ -1,38 +0,0 @@ -
- -
-
- -
- -
- -
-
- -
-
- -
-
- -
-
- -
- -
- -
- -
- -
- -
-
Fake input
-
- -
-
Fake disabled input
-
diff --git a/resources/styles/atoms/link/index.scss b/resources/styles/atoms/link/index.scss deleted file mode 100644 index 8ef4d9e..0000000 --- a/resources/styles/atoms/link/index.scss +++ /dev/null @@ -1,39 +0,0 @@ -a, -.link { - --accent-color: var(--link-color, var(--color-blue)); - - align-items: center; - color: var(--accent-color); - display: inline-flex; - gap: 1em; - text-decoration: none; - transition: color var(--root-ease-out-fast); - - &:where(button) { - appearance: none; - background: #0000; - border: 0; - } - - svg { - display: inline; - height: 1cap; - } - - &:hover { - color: var(--accent-color-700); - } - - &__icon { - aspect-ratio: 1.5; - color: inherit; - flex: 0 0 auto; - max-height: 1cap; - } - - &.-wide { - align-items: center; - display: inline-flex; - gap: 1rem; - } -} diff --git a/resources/styles/atoms/link/link.html b/resources/styles/atoms/link/link.html deleted file mode 100644 index 2dd5daf..0000000 --- a/resources/styles/atoms/link/link.html +++ /dev/null @@ -1,41 +0,0 @@ -This is a regular link with no class, it is regular.
- - - Standalone Text Link - -
- -Adipisicing eius quis perferendis dicta aut aliquid Autem pariatur harum nesciunt dicta recusandae. Libero molestiae fugit totam odio cumque commodi. Provident earum quis magni excepturi porro nemo? Praesentium ex architecto - - diff --git a/resources/styles/atoms/media/index.scss b/resources/styles/atoms/media/index.scss deleted file mode 100644 index 2793c98..0000000 --- a/resources/styles/atoms/media/index.scss +++ /dev/null @@ -1,89 +0,0 @@ -.media { - $b: &; - - aspect-ratio: var(--aspect-ratio); - background-color: rgb(from currentColor r g b / .25); - display: inline grid; - margin-bottom: 2rem; - - > * { - grid-area: 1 / 1; - position: relative; - } - - &__mask { - margin: 0; - display: grid; - transition: opacity var(--root-ease-out-moderate); - - &.-loaded { - opacity: 0; - pointer-events: none; - } - } - - &__maskImg { - width: 100%; - height: 100%; - object-fit: cover; - } - - &__trigger { - appearance: none; - background: #0000; - border: 0; - border-radius: max(50cqmin, 6rem); - padding: 0; - align-self: center; - justify-self: center; - color: var(--accent-color-200); - container-type: size; - position: relative; - transition: color var(-root-ease-out-fast), - opacity var(--root-ease-out-moderate); - width: min(50cqmin, 6rem); - height: min(50cqmin, 6rem); - - &:hover { - color: var(--accent-color-300); - } - - &.-loaded { - align-self: start; - height: min(25cqmin, 3rem); - justify-self: end; - margin: .5rem; - opacity: 0; - pointer-events: none; - transition: opacity var(--root-ease-out-fast); - width: min(25cqmin, 3rem); - - &.-keepVisible { - opacity: .25; - pointer-events: auto; - } - - &.-keepVisible:hover, - &:focus-visible { - opacity: 1; - } - } - } - - &__icon { - --icon-stroke-color: var(--accent-color-200); - filter: drop-shadow(var(--root-box-shadow-med)); - width: auto; - height: auto; - - &.-circle { - padding: min(6cqmin, .75rem); - transition: padding var(--root-ease-out-fast); - - &:hover { - padding: min(4cqmin, .5rem); - } - } - - } -} diff --git a/resources/styles/atoms/media/media-PYouTube.html b/resources/styles/atoms/media/media-PYouTube.html deleted file mode 100644 index eba93e9..0000000 --- a/resources/styles/atoms/media/media-PYouTube.html +++ /dev/null @@ -1,35 +0,0 @@ -
- - - - -
- -
media__trigger -keepVisible
- -
- - - - -
diff --git a/resources/styles/atoms/media/media.html b/resources/styles/atoms/media/media.html deleted file mode 100644 index 2ef4e26..0000000 --- a/resources/styles/atoms/media/media.html +++ /dev/null @@ -1,55 +0,0 @@ -
- - - - -
- -
- - - -
- -
- -
- - - - -
diff --git a/resources/styles/atoms/radio/index.scss b/resources/styles/atoms/radio/index.scss deleted file mode 100644 index 83256ff..0000000 --- a/resources/styles/atoms/radio/index.scss +++ /dev/null @@ -1,57 +0,0 @@ -:where(input[type=radio]) { - --radio-size: 1.5rem; - --radio-knob-size: calc(var(--radio-size) * 0.5); - - appearance: none; - background: var(--color-gray-50); - border: 2px solid var(--color-gray-500); - border-radius: var(--radio-size); - display: inline grid; - height: var(--radio-size); - place-items: center; - width: var(--radio-size); - outline-offset: .25em; - transition: background var(--root-ease-out-fast), border-color var(--root-ease-out-fast); - - &:hover { - &:where(:not(:disabled)) { - background: white; - border-color: var(--color-gray-700); - } - } - - &::after { - background: var(--color-gray-100); - width: var(--radio-knob-size); - height: var(--radio-knob-size); - border-radius: 50%; - content: ''; - display: block; - place-items: center; - grid-area: 1 / 1; - opacity: 0; - scale: 0; - transition: - background 1000ms var(--root-ease-out), - opacity 1000ms var(--root-ease-out), - scale 1000ms var(--root-ease-out); - } - - &.-checked, - &:checked { - background: var(--accent-color); - border-color: var(--accent-color); - - &.-disabled, - &:disabled { - background: var(--color-gray-50); - border-color: var(--color-gray-200); - } - - &::after { - opacity: 1; - scale: 1; - background: var(--accent-color-contrast); - } - } -} diff --git a/resources/styles/atoms/radio/radio.html b/resources/styles/atoms/radio/radio.html deleted file mode 100644 index 8adadf2..0000000 --- a/resources/styles/atoms/radio/radio.html +++ /dev/null @@ -1,67 +0,0 @@ -
- - - - - -
- -
- - - - - -
- -
- - - - - -
-
- - - - - -
-
- - - - - -
diff --git a/resources/styles/atoms/search/index.scss b/resources/styles/atoms/search/index.scss deleted file mode 100644 index 9173e6c..0000000 --- a/resources/styles/atoms/search/index.scss +++ /dev/null @@ -1,28 +0,0 @@ -@use "../input"; - -.search { - @extend .input; - - align-items: center; - border-radius: 3em; - display: inline grid; - grid: auto / auto auto; - justify-content: start; - overflow: hidden; - padding: 0; - - &__icon { - color: var(--color-gray-400); - margin-left: 1em; - - } - - &:focus-within &__icon { - color: inherit; - } - - &__input { - padding-left: .5em; - border: 0; - } -} diff --git a/resources/styles/atoms/search/search.html b/resources/styles/atoms/search/search.html deleted file mode 100644 index 875fea3..0000000 --- a/resources/styles/atoms/search/search.html +++ /dev/null @@ -1,4 +0,0 @@ -
- - -
diff --git a/resources/styles/atoms/select/index.scss b/resources/styles/atoms/select/index.scss deleted file mode 100644 index 4b2fa8a..0000000 --- a/resources/styles/atoms/select/index.scss +++ /dev/null @@ -1,56 +0,0 @@ -@forward 'multiselect'; - -select { - background: var(--color-gray-50); - border-radius: 5px; - border: 2px solid var(--color-gray-500); - color: var(--color-gray-800); - display: inline grid; - line-height: 1.5; - margin-bottom: 1em; - outline-offset: 2px; - padding: .5em 2em .5em 1em; -} - - -.select { - $b: &; - - align-items: center; - display: inline grid; - justify-items: end; - margin-bottom: 1em; - - &::after { - background: var(--accent-color); - content: ''; - height: 1em; - margin-right: .75em; - mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 21'%3E%3Cpath d='M34 2L18 18L2 2' fill='none' stroke='black' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") center no-repeat; - position: absolute; - width: 1em; - } - - &__input { - appearance: none; - margin: 0; - padding-right: 2.5em; - - &:has(#{$b}__placeholder:checked) { - color: var(--color-gray-400); - - option { - color: var(--color-gray-800); - } - } - } - - option { - font-style: normal; - } - - &__placeholder { - color: var(--color-gray-500); - } - -} diff --git a/resources/styles/atoms/select/multiselect.scss b/resources/styles/atoms/select/multiselect.scss deleted file mode 100644 index aed0754..0000000 --- a/resources/styles/atoms/select/multiselect.scss +++ /dev/null @@ -1,18 +0,0 @@ -.multiselect { - --ms-bg: var(--color-gray-50); - --ms-border-color: var(--color-gray-500); - --ms-border-width: 2px; - --ms-caret-color: var(--accent-color); - --ms-option-bg-selected: var(--accent-color); - --ms-option-color-selected: var(--accent-color-contrast); - --ms-placeholder-color: var(--color-gray-400); - --ms-py: .4375rem; - - margin-bottom: 1em; - vertical-align: top; - - &-caret { - width: 1em; - mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 21'%3E%3Cpath d='M34 2L18 18L2 2' fill='none' stroke='black' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") center no-repeat; - } -} diff --git a/resources/styles/atoms/select/select.html b/resources/styles/atoms/select/select.html deleted file mode 100644 index 1ddfcfe..0000000 --- a/resources/styles/atoms/select/select.html +++ /dev/null @@ -1,23 +0,0 @@ -
- -
- -  - -
- -
- - diff --git a/resources/styles/atoms/switch/index.scss b/resources/styles/atoms/switch/index.scss deleted file mode 100644 index 831b0ee..0000000 --- a/resources/styles/atoms/switch/index.scss +++ /dev/null @@ -1,48 +0,0 @@ -.switch { - border-radius: 2em; - box-shadow: 0px 2px 4px 0px var(--color-gray-500) inset; - display: inline grid; - height: 2em; - padding: 3px; - transition: background-color var(--root-ease-out-fast), - box-shadow var(--root-ease-out-fast); - width: 4em; - - &::before { - aspect-ratio: 1; - background: var(--color-gray-600); - border-radius: 2em; - height: 100%; - justify-self: start; - mask: unset; - transition: translate var(--root-ease-out-fast), - background-color var(--root-ease-out-fast), - box-shadow var(--root-ease-out-fast); - } - - &.-checked, - &:checked { - box-shadow: 0px 2px 4px 0px var(--accent-color-700) inset; - - &::before { - background: var(--accent-color-contrast); - translate: 2em; - box-shadow: 0px 2px 2px 0px var(--accent-color-700); - } - } - - &.-disabled, - &:disabled { - box-shadow: 0px 2px 4px 0px var(--color-gray-200) inset; - &::before { - background: var(--color-gray-200); - } - - &.-checked, - &:checked { - &::before { - box-shadow: none; - } - } - } -} diff --git a/resources/styles/atoms/switch/switch.html b/resources/styles/atoms/switch/switch.html deleted file mode 100644 index 95a7b51..0000000 --- a/resources/styles/atoms/switch/switch.html +++ /dev/null @@ -1,23 +0,0 @@ -
- - - - - - - - - -
diff --git a/resources/styles/atoms/tag/index.scss b/resources/styles/atoms/tag/index.scss deleted file mode 100644 index 0c0de49..0000000 --- a/resources/styles/atoms/tag/index.scss +++ /dev/null @@ -1,123 +0,0 @@ - -/** - * For use on checkboxes, radio switches, buttons, anchors or spans. - * when used with checkboxs and radio the markup should be the following: - * - * @example - - */ - -.tag { - $b: &; - - align-items: center; - background-color: transparent; - border: 1px solid var(--accent-color); - border-radius: .333em; - color: var(--accent-color-700); - display: inline-flex; - font-size: var(--root-font-size-sm); - gap: 0.667em; - justify-content: space-between; - line-height: 1; - margin-bottom: calc(var(--root-gap) / 2); - margin-right: calc(var(--root-gap) / 2); - padding: 0.667em 1.333em; - position: relative; - transition: background var(--root-ease-out-fast), border-color var(--root-ease-out-fast); - - &__input { - display: none; - } - - &__icon { - aspect-ratio: 1; - color: var(--accent-color); - flex-shrink: 0; - height: 1.25em; - width: 1.25em; - - > use { - &:nth-child(2) { - opacity: 0; - } - } - } - - &:hover { - border-color: var(--accent-color-700); - - #{$b}__icon { - color: var(--accent-color-700); - } - } - - // Button tag - &:where(button) { - background-color: var(--accent-color); - border-color: var(--accent-color); - color: #fff; - box-shadow: var(--root-box-shadow-low); - #{$b}__icon { - color: #fff; - } - - &:hover { - background-color: var(--accent-color-700); - border-color: var(--accent-color-700); - cursor: pointer; - - #{$b}__icon { - color: inherit; - } - } - } - - // Active/checked state - &.-active, - &:has(input:checked) { - background-color: var(--accent-color-700); - border-color: var(--accent-color-700); - color: #fff; - - #{$b}__icon { - color: #fff; - } - } - - // Dismissabe checkbox - &.-dismissable:has(input:checked) { - background-color: var(--accent-color-700); - border-color: var(--accent-color-700); - color: #fff; - #{$b}__icon { - color: #fff; - padding: .1667em; - - > use:nth-child(1) { - opacity: 0; - } - - > use:nth-child(2) { - opacity: 1; - } - } - } - - // forced inactive state. - &.-inactive, &:has(input:disabled) { - background-color: transparent; - border-color: var(--root-color-inactive); - color: var(--root-color-inactive); - #{$b}__icon { - color: var(--root-color-inactive); - } - } - -} diff --git a/resources/styles/atoms/tag/tag.html b/resources/styles/atoms/tag/tag.html deleted file mode 100644 index 8fd9de5..0000000 --- a/resources/styles/atoms/tag/tag.html +++ /dev/null @@ -1,105 +0,0 @@ -
- -
- - - - .tag class on div -
- -
- - - - Active Tag -
- - -
- - - - Inactive Tag -
- - - - - -
- -
- - - - - - - - - -
- - -
- - - - - - - - - -
diff --git a/resources/styles/config/.gitkeep b/resources/styles/config/.gitkeep new file mode 100644 index 0000000..e69de29 diff --git a/resources/styles/config/index.scss b/resources/styles/config/index.scss deleted file mode 100644 index f9a0f27..0000000 --- a/resources/styles/config/index.scss +++ /dev/null @@ -1,173 +0,0 @@ -@use "@imarc/pronto/resources/styles/imported/mixins/breakpoints" as *; - -/** - * @imports - */ -@import url("https://fonts.googleapis.com/css2?family=Gloock&family=Inter:wght@100..900&display=swap"); - -:root { - /** - * Typography - */ - - --root-font-family: initial; - --root-font-family-heading: initial; - - --root-font-size-h1: #{fluid-rems( 2, 2.5, 3)}; - --root-font-size-h2: #{fluid-rems( 1.5, 2, 2.5)}; - --root-font-size-h3: #{fluid-rems( 1.25, 1.5, 2)}; - --root-font-size-h4: #{fluid-rems(1.125, 1.25, 1.5)}; - --root-font-size-h5: #{fluid-rems( 1, 1.125, 1.25)}; - - --root-font-size-sm: .75rem; - --root-font-size-lg: 1.5rem; - - - /** - * Colors - */ - - /** - * a default neutral color scale. - */ - --color-gray-50: #f2f2f2; - --color-gray-100: #e5e5e5; - --color-gray-200: #cccccc; - --color-gray-300: #b3b3b3; - --color-gray-400: #999999; - --color-gray-500: #808080; - --color-gray-600: #666666; - --color-gray-700: #4c4c4c; - --color-gray-800: #333333; - --color-gray-900: #1a1a1a; - --color-gray-950: #0d0d0d; - - /** - * Site/brand colors. Add more as needed. - */ - --color-purple: #9933ff; - --color-blue: #0066FF; - --color-blue-700: #003D99; - --color-aqua: #00CCCC; - --color-aqua-700: #009999; - - /** - * Default accent color. - */ - --accent-color: var(--color-purple); - - /** - * Primary text color. - */ - --root-color: #666666; - - /** - * Text color to use when placed on a light color. See --accent-color-text. - */ - --accent-color-dark: #222222; - - /** - * Default heading text color. - */ - --root-color-headings: #222222; - - /** - * Default border color. - */ - --root-border-color: #b3b3b3; - - /** - * default background color. - */ - --root-background-color: #ffffff; - - /** - * default colors for inactive elements. - */ - --root-color-inactive: #999999; - --root-background-color-inactive: #cccccc; - - /** - * Icon defaults. - */ - --icon-fill-color: var(--root-icon-fill-color); - --icon-stroke-color: var(--root-icon-stroke-color); - - /** - * default accent colors for errors and destructive (danger) buttons. - */ - --root-color-error-50: #fff3f1; - --root-color-error: #e53411; - --root-color-error-900: #320800; - - /** - * default accent colors for warnings. - */ - --root-color-warning-50: #fff8ea; - --root-color-warning: #f2a60f; - --root-color-warning-900: #322100; - - /** - * default accent colors for success messages. - */ - --root-color-success-50: #ebffee; - --root-color-success: #28c642; - --root-color-success-900: #003208; - - /** - * default accent colors for notices and info messages. - */ - --root-color-info-50: #ebf8ff; - --root-color-info: #1ba9f0; - --root-color-info-900: #002233; - - - /** - * Easings - */ - --root-ease-in-fast: var(--root-duration-fast) var(--root-ease-in); - --root-ease-in-moderate: var(--root-duration-moderate) var(--root-ease-in); - --root-ease-in-slow: var(--root-duration-slow) var(--root-ease-in); - --root-ease-out-fast: var(--root-duration-fast) var(--root-ease-out); - --root-ease-out-moderate: var(--root-duration-moderate) var(--root-ease-out); - --root-ease-out-slow: var(--root-duration-slow) var(--root-ease-out); - --root-ease-in-out-fast: var(--root-duration-fast) var(--root-ease-in-out); - --root-ease-in-out-moderate: var(--root-duration-moderate) var(--root-ease-in-out); - --root-ease-in-out-slow: var(--root-duration-slow) var(--root-ease-in-out); - - - /** - * Breakpoints - */ - - @include setBreakpoints(( - sm: 320px, - md: 744px, - lg: 1300px - )); - - --root-gap: 16px; - - /* should be max mobile width + tablet outer gutters */ - @media (min-width: 368px) { - --root-gap: 24px; - } - - /* should be max tablet width + desktop outer gutters */ - @media (min-width: 808px) { - --root-gap: 32px; - } - - /** - * Prefers Reduced Motion - */ - @media (prefers-reduced-motion: reduce) { - --root-duration-fast: 0; - --root-duration-moderate: 0; - --root-duration-slow: 0; - } - - // - // Configure other --root- properties here. - // -} diff --git a/resources/styles/editor.scss b/resources/styles/editor.scss index 9b415cd..e4b4f74 100644 --- a/resources/styles/editor.scss +++ b/resources/styles/editor.scss @@ -10,7 +10,6 @@ @include meta.load-css("molecules/logoCloud"); @include meta.load-css("molecules/testimonial"); @include meta.load-css("organisms/basicSection"); - @include meta.load-css("organisms/featureCards"); @include meta.load-css("organisms/hero"); @include meta.load-css("organisms/section"); @include meta.load-css("organisms/stats"); diff --git a/resources/styles/molecules/.gitkeep b/resources/styles/molecules/.gitkeep new file mode 100644 index 0000000..e69de29 diff --git a/resources/styles/molecules/accordion/accordion.html b/resources/styles/molecules/accordion/accordion.html deleted file mode 100644 index 6a4d79a..0000000 --- a/resources/styles/molecules/accordion/accordion.html +++ /dev/null @@ -1,97 +0,0 @@ -
- - - -

- Why do we need to use Vue for an accordion element? -

-
- -
- -
-

- Technically you don't – the functionality in Pronto does not require p-accordion to be - used. -

-

- However, without JS, the height of the collapsed details element only allows for one row of - summary text, and it's not possible to animate closing the details element. -

-
- - - - -

- Why do we need a FAQ style module? -

-
- -
- -
-

- Donec mattis consequat libero at fermentum. Phasellus ultricies ultrices felis eu dapibus. Donec nec pellentesque eros. Proin cursus, felis eu sollicitudin sodales, mi tellus posuere risus, id vehicula enim nisi id risus. Praesent ultrices, eros tempor tincidunt vehicula, sem orci imperdiet ante, iaculis egestas arcu dolor pretium dui. Nullam egestas cursus diam quis ultrices. Praesent mollis ligula vel lorem gravida, at commodo nibh posuere. Maecenas id mollis metus, sit amet ultricies urna. Pellentesque congue elementum massa, a tristique sem feugiat ac. -

-
- - - - -

- Is this considered a frequently asked question? -

-
- -
- -
-

- Donec mattis consequat libero at fermentum. Phasellus ultricies ultrices felis eu dapibus. Donec nec pellentesque eros. Proin cursus, felis eu sollicitudin sodales, mi tellus posuere risus, id vehicula enim nisi id risus. Praesent ultrices, eros tempor tincidunt vehicula, sem orci imperdiet ante, iaculis egestas arcu dolor pretium dui. Nullam egestas cursus diam quis ultrices. Praesent mollis ligula vel lorem gravida, at commodo nibh posuere. Maecenas id mollis metus, sit amet ultricies urna. Pellentesque congue elementum massa, a tristique sem feugiat ac. -

-
- - - - -

- Can this be used in more general situations? -

-
- -
- -
-

- Donec mattis consequat libero at fermentum. Phasellus ultricies ultrices felis eu dapibus. Donec nec pellentesque eros. Proin cursus, felis eu sollicitudin sodales, mi tellus posuere risus, id vehicula enim nisi id risus. Praesent ultrices, eros tempor tincidunt vehicula, sem orci imperdiet ante, iaculis egestas arcu dolor pretium dui. Nullam egestas cursus diam quis ultrices. Praesent mollis ligula vel lorem gravida, at commodo nibh posuere. Maecenas id mollis metus, sit amet ultricies urna. Pellentesque congue elementum massa, a tristique sem feugiat ac. -

-
- - - - -

- Why use a different color for interactions vs. navigation? -

-
- -
- -
-

- Donec mattis consequat libero at fermentum. Phasellus ultricies ultrices felis eu dapibus. Donec nec pellentesque eros. Proin cursus, felis eu sollicitudin sodales, mi tellus posuere risus, id vehicula enim nisi id risus. Praesent ultrices, eros tempor tincidunt vehicula, sem orci imperdiet ante, iaculis egestas arcu dolor pretium dui. Nullam egestas cursus diam quis ultrices. Praesent mollis ligula vel lorem gravida, at commodo nibh posuere. Maecenas id mollis metus, sit amet ultricies urna. Pellentesque congue elementum massa, a tristique sem feugiat ac. -

-
- -
diff --git a/resources/styles/molecules/accordion/index.scss b/resources/styles/molecules/accordion/index.scss deleted file mode 100644 index 82bc9e3..0000000 --- a/resources/styles/molecules/accordion/index.scss +++ /dev/null @@ -1,68 +0,0 @@ -/** - * @uses PAccordion - */ -.accordion { - $b: &; - - --accordion-height-closed: calc(2rem + var(--root-font-size-h3)); - background: white; - border-radius: .5rem; - box-shadow: var(--root-box-shadow-low); - height: var(--accordion-height-closed); - overflow: hidden; - transition: height var(--root-duration-moderate) var(--root-ease-out); - - &__summary { - align-items: center; - border-radius: .5rem; - cursor: pointer; - display: grid; - grid-auto-flow: column; - justify-items: start; - list-style: none; - outline-offset: -2px; - padding: .5rem; - user-select: none; - - &::-webkit-details-marker { - display: none; - } - } - - &__heading { - margin: 0; - padding: .25rem 1rem; - } - - &__iconWrapper { - background: var(--accent-color); - display: grid; - justify-self: end; - padding: .5rem; - } - - &__icon { - --icon-color: var(--accent-color-contrast); - aspect-ratio: 1; - height: var(--root-font-size-h3); - transition: transform var(--root-duration-moderate) var(--root-ease-out); - } - - &__content { - padding: 0 1.5rem 1.5rem; - } - - &[open]:not(&.-closing) { - height: fit-content; - box-shadow: var(--root-box-shadow-high); - - #{$b}__iconWrapper { - background: var(--color-gray-200); - } - - #{$b}__icon { - --icon-color: #000; - transform: rotate(90deg); - } - } -} diff --git a/resources/styles/molecules/actions/_index.scss b/resources/styles/molecules/actions/_index.scss deleted file mode 100644 index 18b4c42..0000000 --- a/resources/styles/molecules/actions/_index.scss +++ /dev/null @@ -1,15 +0,0 @@ -.actions { - display: flex; - flex-wrap: wrap; - gap: 1rem; - margin-bottom: 1rem; - - &__action { - margin-bottom: 0; - } - - &.-spaceBetween { - align-items: center; - justify-content: space-between; - } -} diff --git a/resources/styles/molecules/actions/actions.html b/resources/styles/molecules/actions/actions.html deleted file mode 100644 index b551123..0000000 --- a/resources/styles/molecules/actions/actions.html +++ /dev/null @@ -1,4 +0,0 @@ -
- Learn More - Sign Up -
diff --git a/resources/styles/molecules/banner/banner.html b/resources/styles/molecules/banner/banner.html deleted file mode 100644 index 6127ef8..0000000 --- a/resources/styles/molecules/banner/banner.html +++ /dev/null @@ -1,29 +0,0 @@ -
- -
- -
- -
diff --git a/resources/styles/molecules/banner/index.scss b/resources/styles/molecules/banner/index.scss deleted file mode 100644 index 7ef655c..0000000 --- a/resources/styles/molecules/banner/index.scss +++ /dev/null @@ -1,53 +0,0 @@ -/** - */ -.banner { - background: var(--accent-color); - border-radius: 4px; - border: 0; - color: var(--accent-color-text); - margin-bottom: 3rem; - padding: var(--root-padding-block) var(--root-padding-inline); - position: static; - width: unset; - - &__content { - align-items: start; - display: grid; - gap: 2rem; - grid: auto / 1fr auto; - - > * { - grid-column: 1; - } - - > :last-child, - > :has(+ .banner__action), - > :has(+ .banner__close) { - margin-bottom: 0; - } - } - - &__action { - grid-area: 1 / 2; - align-self: center; - } - - &__close { - background: #0000; - border: 0; - color: var(--accent-color-contrast); - grid-area: 1 / 2; - height: 2rem; - width: 2rem; - - &:hover { - background-color: var(--accent-color-600); - } - } - - a, - .link { - text-decoration: underline; - color: var(--accent-color-contrast); - } -} diff --git a/resources/styles/molecules/card/card--condensed.html b/resources/styles/molecules/card/card--condensed.html deleted file mode 100644 index 5c5cc39..0000000 --- a/resources/styles/molecules/card/card--condensed.html +++ /dev/null @@ -1,40 +0,0 @@ -

Card Condensed

-
-
-

- Posted Aug 12, 2023 by Daphne Writesposts -

- - Title of card that will fall to two lines - -

- Quisque tristique sagittis dignissim. Morbi vitae orci sollicitudin, viverra massa quis, eleifend velit. Aenean ac porta nisl. Ut eu bibendum nisi. -

-

- - - 15 Minute Read -

- -
-
- -
-
diff --git a/resources/styles/molecules/card/card--flipped.html b/resources/styles/molecules/card/card--flipped.html deleted file mode 100644 index fc8cea5..0000000 --- a/resources/styles/molecules/card/card--flipped.html +++ /dev/null @@ -1,22 +0,0 @@ -

Card Flipped

-
-
- - Title of card that will fall to two lines - -

- - - Posted Aug 12, 2023 by Daphne Writesposts -

-

- Quisque tristique sagittis dignissim. Morbi vitae orci sollicitudin, viverra massa quis, eleifend velit. Aenean ac porta nisl. Ut eu bibendum nisi. -

- - Default Button - -
-
- -
-
diff --git a/resources/styles/molecules/card/card--icon.html b/resources/styles/molecules/card/card--icon.html deleted file mode 100644 index b4463ea..0000000 --- a/resources/styles/molecules/card/card--icon.html +++ /dev/null @@ -1,19 +0,0 @@ -

Card Icon

-
-
-
- - - -
- - Title of card that will fall to two lines - -

- Quisque tristique sagittis dignissim. Morbi vitae orci sollicitudin, viverra massa quis, eleifend velit. Aenean ac porta nisl. Ut eu bibendum nisi. -

- - Default Button - -
-
diff --git a/resources/styles/molecules/card/card--tags.html b/resources/styles/molecules/card/card--tags.html deleted file mode 100644 index f430759..0000000 --- a/resources/styles/molecules/card/card--tags.html +++ /dev/null @@ -1,37 +0,0 @@ -

Card Tags

-
-
- - - Title of card that will fall to two lines - -

- Posted Aug 12, 2023 by Daphne Writesposts -

-

- - - 15 Minute Read -

-
-
- -
-
diff --git a/resources/styles/molecules/card/card.html b/resources/styles/molecules/card/card.html deleted file mode 100644 index 1911056..0000000 --- a/resources/styles/molecules/card/card.html +++ /dev/null @@ -1,20 +0,0 @@ -

Card

-
-
- - Title of card that will fall to two lines - -

- Quisque tristique Standard Text Link sagittis dignissim. Morbi vitae orci sollicitudin, viverra massa quis, eleifend velit. Aenean ac porta nisl. Ut eu bibendum nisi. -

- - Standard Text Link - - - - -
-
- -
-
diff --git a/resources/styles/molecules/card/index.scss b/resources/styles/molecules/card/index.scss deleted file mode 100644 index 22c6096..0000000 --- a/resources/styles/molecules/card/index.scss +++ /dev/null @@ -1,102 +0,0 @@ -@use "@imarc/pronto/resources/styles/imported" as *; - -.card { - $b: &; - - padding: 0; - background-color: #fff; - border-radius: 1rem; - box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1); - display: flex; - flex-direction: column-reverse; - justify-content: flex-end; - overflow: hidden; - max-width: 100%; - - &__imageWrapper { - aspect-ratio: 1.78; - overflow: hidden; - } - - &__image { - @include image-fit(cover); - } - - &__tagList { - list-style-type: none; - padding: 0; - display: flex; - flex-wrap: wrap; - gap: 1rem; - margin-top: 0; - } - - &__cta { - margin-top: 0; - display: flex; - width: 100%; - font-weight: 700; - } - - &__meta { - color: var(--color-gray-500); - line-height: 1.5; - margin: 0; - } - - &__metaLink { - text-underline-offset: 4px; - font-weight: 700; - } - - &__metaIcon { - display: inline-block; - height: 1.25em; - width: 1.25em; - margin-right: .5em; - aspect-ratio: 1; - vertical-align: text-bottom; - } - - .tag { - margin: 0; - } - - &__title { - font-size: fluid-rems(1.5, 2); - margin: .5rem 0; - } - - &__description { - color: var(--color-gray-600); - line-height: 2; - margin: 0; - } - - &__content { - display: flex; - flex-direction: column; - align-items: flex-start; - padding: 1.5rem; - gap: 1rem; - } - - &__iconWrapper { - block-size: 6rem; - aspect-ratio: 1; - } - - &__icon { - height: 100%; - } - - &.-condensed { - #{$b}__description { - line-height: 1.5; - } - } - - &.-flipped { - flex-direction: column; - } -} diff --git a/resources/styles/molecules/checklist/checklist.html b/resources/styles/molecules/checklist/checklist.html deleted file mode 100644 index 8224f46..0000000 --- a/resources/styles/molecules/checklist/checklist.html +++ /dev/null @@ -1,29 +0,0 @@ - diff --git a/resources/styles/molecules/checklist/index.scss b/resources/styles/molecules/checklist/index.scss deleted file mode 100644 index 47d8674..0000000 --- a/resources/styles/molecules/checklist/index.scss +++ /dev/null @@ -1,24 +0,0 @@ -.checklist { - align-items: start; - display: grid; - gap: 1em; - grid: auto / 1fr auto; - list-style: none; - padding: 0; - - &__item { - display: contents; - } - - &__input { - aspect-ratio: 1; - cursor: pointer; - grid-column: 1; - height: 1.5em; - } - - &__label { - cursor: pointer; - grid-column: 2; - } -} diff --git a/resources/styles/molecules/field/field.html b/resources/styles/molecules/field/field.html deleted file mode 100644 index b532bf1..0000000 --- a/resources/styles/molecules/field/field.html +++ /dev/null @@ -1,32 +0,0 @@ - - - - -
-inline
- - - - - - - - - -
-reversed
- - - - diff --git a/resources/styles/molecules/field/index.scss b/resources/styles/molecules/field/index.scss deleted file mode 100644 index a0004a4..0000000 --- a/resources/styles/molecules/field/index.scss +++ /dev/null @@ -1,46 +0,0 @@ -.field { - $b: &; - - display: grid; - gap: .5em; - line-height: 1.5; - margin-bottom: 1.25em; - user-select: none; - vertical-align: top; - width: max-content; - - &__help { - font-size: max(.75em, .75rem); - color: var(--color-gray-600); - } - - &:has(input:not(:disabled)) { - cursor: pointer; - } - - &.-inline { - grid: auto / auto auto; - align-items: center; - - #{$b}__help { - grid-column: 2; - } - } - - &.-wide { - width: 100%; - } - - &.-stacked { - grid-auto-flow: column; - } - - &.-reversed { - grid-auto-flow: row dense; - - input, - #{$b}__input { - grid-column: 2; - } - } -} diff --git a/resources/styles/molecules/index.scss b/resources/styles/molecules/index.scss deleted file mode 100644 index 148e77c..0000000 --- a/resources/styles/molecules/index.scss +++ /dev/null @@ -1,14 +0,0 @@ -@forward "accordion"; -@forward "actions"; -@forward "banner"; -@forward "card"; -@forward "checklist"; -@forward "field"; -@forward "list"; -@forward "logoCloud"; -@forward "mobileNavigation"; -@forward "navigation"; -@forward "pagination"; -@forward "sitemap"; -@forward "tabs"; -@forward "testimonial"; diff --git a/resources/styles/molecules/list/index.scss b/resources/styles/molecules/list/index.scss deleted file mode 100644 index e96a35a..0000000 --- a/resources/styles/molecules/list/index.scss +++ /dev/null @@ -1,70 +0,0 @@ -ul, -ol { - padding: 0; - margin: 0; -} - -ul { - list-style: none; -} - -.list { - --list-line-height: 1.125; - line-height: var(--list-line-height); - margin-bottom: 1rem; - padding-left: 3rem; - - > li { - margin-bottom: 1em; - } - - &:where(ul) { - > li::before { - position: absolute; - background: var(--accent-color); - border-radius: 1em; - content: ''; - display: inline grid; - height: .5em; - width: 1em; - translate: -1.5em calc(.5em * (var(--list-line-height) - .5)); - } - - } - - ul, ol { - margin-top: 1rem; - padding-left: 3rem; - } - - &:where(ul ul) { - & > li::before { - height: .25em; - translate: -1.5em calc(.5em * (var(--list-line-height) - .25)); - background: var(--accent-color-200); - } - } - - &:where(ol) { - list-style: decimal; - - > li::marker { - font-weight: bold; - color: var(--accent-color); - } - } - - &:where(ol ol) { - list-style: lower-alpha; - } - - dt { - margin-left: -1.5em; - font-weight: bold; - color: var(--accent-color); - } - - dd { - margin: 0 0 1em; - } -} diff --git a/resources/styles/molecules/list/list.html b/resources/styles/molecules/list/list.html deleted file mode 100644 index 4fb4547..0000000 --- a/resources/styles/molecules/list/list.html +++ /dev/null @@ -1,97 +0,0 @@ -
- - -
    -
  1. Ipsum voluptas cupiditate.
    2. -
  2. Adipisicing impedit accusantium!
    3. -
  3. - Lorem minus sit corporis ut fugit? -
      -
    1. Elit neque quia inventore
      2. -
    2. Consectetur alias a eius.
      3. -
    3. Lorem vero nam ab
      4. -
    -
    4. - -
  4. Amet laudantium nulla.
    5. -
-
- - - - -
    -
  1. Adipisicing quaerat nemo
    2. -
  2. Dolor sit optio?
    3. -
  3. Dolor dolor dolorem.
    4. -
  4. Amet quas aliquam
    5. -
- -
-
- Amet iure. -
-
- Ipsum id sequi molestiae doloribus sequi Deserunt quos modi quos saepe voluptate eum vel esse Neque excepturi ratione id modi quo. Suscipit blanditiis officia quod saepe vero Mollitia dolorum magni. -
-
- Adipisicing a nesciunt. -
-
- Amet rem cumque quo asperiores saepe, saepe! Quod natus eveniet dolore ducimus at nisi beatae Iste rerum placeat id laboriosam officia. Corrupti tempora ad hic magni laudantium Cum voluptates aut -
-
- Amet minus corrupti -
-
- Dolor distinctio repellendus aliquid sint necessitatibus. Minus quidem tempora obcaecati provident molestias, odio. Iusto itaque magni facere quos unde Eaque qui quis voluptas nobis minima? Doloribus facere inventore natus fugit. -
-
- Elit commodi voluptatibus. -
-
- Dolor voluptatibus et praesentium aliquam debitis vitae. Saepe nihil enim dicta doloremque expedita. Id consequuntur modi maxime omnis delectus Cum omnis voluptatum molestias eius incidunt? Consequuntur eaque non animi dolore. -
-
- Dolor nulla inventore. -
-
- Ipsum ullam facilis similique labore quis Molestiae modi ratione tenetur cumque aspernatur aliquid Nemo culpa velit corrupti excepturi illum Repellendus voluptates similique fugiat dolorum rem iusto Tenetur animi voluptatibus similique! -
-
- Amet in labore? -
-
- Amet eum explicabo provident pariatur magni cumque. Laborum eius ab totam exercitationem dicta. Nostrum minima sint praesentium nobis blanditiis. Fugiat commodi illo nihil reiciendis ab Voluptas in consequatur ea earum. - -
-
- Amet voluptatibus inventore -
-
- Ipsum tenetur nemo omnis rerum modi fugiat aut, voluptas. Dolores minus sunt adipisci suscipit voluptas Tempore ullam explicabo quos facilis soluta recusandae Explicabo velit earum rem consequatur itaque exercitationem. Amet -
-
- -
-
- - diff --git a/resources/styles/molecules/logoCloud/index.scss b/resources/styles/molecules/logoCloud/index.scss deleted file mode 100644 index cac31c2..0000000 --- a/resources/styles/molecules/logoCloud/index.scss +++ /dev/null @@ -1,35 +0,0 @@ -@use "@imarc/pronto/resources/styles/imported" as *; - -.logoCloud { - $b: &; - - &.-reduced { - #{$b}__logo { - height: fluid-rems(2, 3); - } - } - - &__logos { - display: flex; - flex-direction: row; - flex-wrap: wrap; - gap: fluid-rems(2, 3); - justify-content: center; - } - - &__logo { - height: fluid-rems(5, 7.5); - width: auto; - position: relative; - } - - &__img { - height: 100%; - width: auto; - min-inline-size: 100%; - } - - &__link { - @include pseudo-link(); - } -} diff --git a/resources/styles/molecules/logoCloud/logoCloud.html b/resources/styles/molecules/logoCloud/logoCloud.html deleted file mode 100644 index 0a41960..0000000 --- a/resources/styles/molecules/logoCloud/logoCloud.html +++ /dev/null @@ -1,139 +0,0 @@ -

Logo Cloud

- -
-
- - - - - - -
-
- -

Logo Cloud with Links

- -
- -
diff --git a/resources/styles/molecules/mobileNavigation/index.scss b/resources/styles/molecules/mobileNavigation/index.scss deleted file mode 100644 index 9af6c58..0000000 --- a/resources/styles/molecules/mobileNavigation/index.scss +++ /dev/null @@ -1,73 +0,0 @@ -.mobileNavigation { - --link-color: var(--accent-color); - - &__pane { - background: #fff; - box-shadow: var(--root-box-shadow-med); - inset: 0 4.5rem 0 0; - overflow-x: auto; - position: fixed; - transition: translate var(--root-ease-out-fast); - translate: 0; - z-index: 2; - - @starting-style { - translate: -100%; - } - - & & { - inset: 0; - } - } - - &__closeButton { - background: #0000001a; - display: grid; - inset: 0 0 0 auto; - padding: .375rem 0; - place-content: start center; - position: fixed; - transition: opacity var(--root-ease-out-fast); - translate: 0; - width: 4.5rem; - z-index: 1; - - @starting-style { - opacity: 0; - } - } - - &__title { - display: grid; - place-content: center; - padding: .25rem .5rem; - min-height: 4.25rem; - } - - - &__actions { - position: absolute; - display:flex; - gap: .5rem; - } - - &__button, - &__link { - padding: 1rem .5rem 1rem 1.5rem; - display: flex; - align-items: center; - justify-content: space-between; - color: var(--accent-color); - } - - &__list > li { - border-top: 1px solid var(--color-gray-100); - } - - &__button { - appearance: none; - border: 0; - width: 100%; - background: #0000; - } -} diff --git a/resources/styles/molecules/mobileNavigation/mobileNavigation.html b/resources/styles/molecules/mobileNavigation/mobileNavigation.html deleted file mode 100644 index e337d89..0000000 --- a/resources/styles/molecules/mobileNavigation/mobileNavigation.html +++ /dev/null @@ -1,112 +0,0 @@ - - -

Elit nesciunt repellat aut exercitationem minus Ea doloribus asperiores quos aliquam repellat Et dolor minima eaque nostrum dolore animi. Debitis expedita assumenda dolores tenetur recusandae Ea nesciunt totam tenetur excepturi

-

Lorem nisi eveniet asperiores itaque fugit nam Iusto culpa enim aspernatur dolore error Doloribus eligendi ab id consequatur ratione Maxime quae et esse corrupti magni. Totam exercitationem dolor voluptate soluta.

-

Adipisicing lorem beatae recusandae nisi id Facere distinctio laboriosam similique est quas. Laboriosam quam veniam impedit nostrum rem. Reiciendis praesentium totam nobis tenetur adipisci. Fuga odit corporis ducimus ipsam alias.

-

Consectetur dolor labore modi eaque delectus Accusamus eligendi in sequi sapiente enim Corporis laudantium inventore odit minima culpa Eum ducimus molestiae sapiente assumenda facere ex. Quaerat itaque aliquam aspernatur quo

-

Adipisicing nesciunt similique illum sint iure, aliquam? Ipsam fugiat labore explicabo itaque error? Nulla sequi alias ab provident vitae Commodi quasi iste omnis provident saepe Exercitationem dolorum quod magni inventore

-

Sit fugit a distinctio ipsa fugiat. Totam in tempore tempora laboriosam rem Facilis fugit excepturi iure eius doloribus, expedita numquam? Suscipit commodi iusto cum assumenda voluptatum, unde nihil Ab molestiae?

-

Elit voluptate quos velit nostrum tempora minima. Perspiciatis odit voluptatibus placeat laudantium at Corporis illo saepe ducimus explicabo alias. Quia tenetur corporis odit dicta esse laboriosam Placeat dolore velit necessitatibus?

-

Elit ipsam alias maxime pariatur tenetur. Culpa a aspernatur quas blanditiis culpa. Laudantium exercitationem accusantium corrupti vero rerum! Eligendi corporis eveniet eos dignissimos facilis Tempora ab cum sapiente vero placeat.

-

Consectetur distinctio temporibus error voluptate nisi recusandae odio quis Enim quam officia ipsam vel consequatur beatae laudantium pariatur est? Distinctio id quos ea repellendus quo Impedit nulla necessitatibus in quisquam.

-

Lorem optio eligendi quis architecto laboriosam Similique possimus fugit dolorum sequi atque dolores. Obcaecati corporis labore accusamus fuga voluptatem inventore laboriosam quod perspiciatis. Magni sapiente accusamus veniam harum obcaecati. Quo

- diff --git a/resources/styles/molecules/navigation/index.scss b/resources/styles/molecules/navigation/index.scss deleted file mode 100644 index 4460d7c..0000000 --- a/resources/styles/molecules/navigation/index.scss +++ /dev/null @@ -1,64 +0,0 @@ -.navigation { - $b: &; - position: relative; - - &__list { - display: grid; - grid-auto-flow: column; - place-content: end space-between; - place-items: center; - } - - &__link, - &__button { - border: 0; - background: #0000; - color: var(--root-color); - padding: 1.5rem; - } - - &__button { - display: flex; - gap: .5rem; - - &::after { - content: ''; - width: .75rem; - height: 1em; - background: var(--accent-color); - transition: rotate var(--root-ease-out-slow); - mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 21'%3E%3Cpath d='M34 2L18 18L2 2' fill='none' stroke='black' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") center no-repeat; - } - } - - &__item { - position: relative; - - &.-wide { - position: static; - - #{$b}__dropdown { - width: 100%; - left: 0; - border-top: 1px solid var(--accent-color); - background: var(--color-gray-50); - } - - &:has(#{$b}__dropdown) { - box-shadow: 0 -.5rem 0 inset var(--accent-color); - } - } - - &:has(#{$b}__dropdown) { - - #{$b}__button { - color: #000; - - &::after { - background: var(--color-gray-600); - rotate: x 180deg; - } - } - } - } -} diff --git a/resources/styles/molecules/navigation/navigation-hoverable.html b/resources/styles/molecules/navigation/navigation-hoverable.html deleted file mode 100644 index 18a2f78..0000000 --- a/resources/styles/molecules/navigation/navigation-hoverable.html +++ /dev/null @@ -1,82 +0,0 @@ - diff --git a/resources/styles/molecules/navigation/navigation.html b/resources/styles/molecules/navigation/navigation.html deleted file mode 100644 index 3028ddf..0000000 --- a/resources/styles/molecules/navigation/navigation.html +++ /dev/null @@ -1,146 +0,0 @@ - diff --git a/resources/styles/molecules/pagination/index.scss b/resources/styles/molecules/pagination/index.scss deleted file mode 100644 index a7aa9ac..0000000 --- a/resources/styles/molecules/pagination/index.scss +++ /dev/null @@ -1,74 +0,0 @@ -@use "@imarc/pronto/resources/styles/imported" as *; - -.pagination { - display: flex; - justify-content: center; - width: 100%; - margin-bottom: 2rem; - - &__list { - align-items: center; - display: flex; - flex-wrap: wrap; - gap: fluid-rems(.5, 1); - width: fit-content; - } - - &__icon { - aspect-ratio: 1.5; - block-size: fluid-rems(.5, 1); - color: inherit; - } - - &__button, - &__link { - --accent-color: inherit; - } - - &__link, - &__current, - &__skip { - aspect-ratio: 1; - background: var(--accent-color); - border-radius: 0.25rem; - color: var(--accent-color-text); - display: grid; - font-size: fluid-rems(.5, 1); - font-weight: 700; - line-height: 1; - width: fluid-rems(2, 2.5); - height: fluid-rems(2, 2.5); - place-items: center; - } - - &__link { - --accent-color: inherit; - text-decoration: none; - transition: background-color var(--duration-fast) var(--ease-out), - color var(--duration-fast) var(--ease-out); - - &:hover { - background: var(--accent-color-700); - color: #fff; - } - } - - &__button:not([disabled]) { - background: var(--accent-color-700); - border-color: var(--accent-color-700); - } - - &__button[disabled] { - --accent-color: var(--color-gray-100); - } - - &__current { - background: var(--color-gray-100); - color: var(--accent-color-700); - } - - &__skip { - background: var(--color-gray-200); - color: var(--accent-color-700); - } -} diff --git a/resources/styles/molecules/pagination/pagination.html b/resources/styles/molecules/pagination/pagination.html deleted file mode 100644 index c68bcc6..0000000 --- a/resources/styles/molecules/pagination/pagination.html +++ /dev/null @@ -1,69 +0,0 @@ - - - diff --git a/resources/styles/molecules/sitemap/index.scss b/resources/styles/molecules/sitemap/index.scss deleted file mode 100644 index 5210439..0000000 --- a/resources/styles/molecules/sitemap/index.scss +++ /dev/null @@ -1,17 +0,0 @@ -.sitemap { - &__list { - display: grid; - gap: var(--root-gap); - grid: auto / repeat(auto-fit, minmax(11rem, 1fr)); - } - - &__heading { - font-size: 1.25rem; - margin-bottom: 1.5rem; - } - - &__sublist { - display: grid; - gap: 1rem; - } -} diff --git a/resources/styles/molecules/sitemap/sitemap.html b/resources/styles/molecules/sitemap/sitemap.html deleted file mode 100644 index 7d6f84f..0000000 --- a/resources/styles/molecules/sitemap/sitemap.html +++ /dev/null @@ -1,48 +0,0 @@ - diff --git a/resources/styles/molecules/tabs/index.scss b/resources/styles/molecules/tabs/index.scss deleted file mode 100644 index 5ac5d2f..0000000 --- a/resources/styles/molecules/tabs/index.scss +++ /dev/null @@ -1,144 +0,0 @@ -@use "@imarc/pronto/resources/styles/imported" as *; - -/** - * this is a component specific property for animating. - */ -@property --tab__button-box-shadow { - syntax: ""; - inherits: false; - initial-value: 0; -} - -/** - * @uses PTabs - */ -.tabs { - $b: &; - - &__tablist { - display: flex; - justify-content: space-between; - gap: .5rem; - overflow: clip; - - @include at(sm) { - border: solid var(--color-gray-300); - border-width: 0 0 2px; - gap: 2rem; - justify-content: start; - } - - @include at(md) { - gap: 3rem; - } - } - - &__button { - background: #0000; - border: 0; - - color: inherit; - cursor: pointer; - display: none; - font: inherit; - white-space: nowrap; - outline-offset: 2px; - transition: - color var(--root-duration-fast) var(--root-ease-out), - --tab__button-box-shadow var(--root-duration-fast) var(--root-ease-out); - - - @include at(sm) { - display: block; - box-shadow: 0 var(--tab__button-box-shadow) var(--accent-color) inset; - padding: 0 0 8px; - - &:hover { - --tab__button-box-shadow: -2px; - box-shadow: 0 var(--tab__button-box-shadow) var(--accent-color-400) inset; - color: var(--color-gray-900); - } - } - - &.-selected { - display: block; - --tab__button-box-shadow: -8px; - color: var(--color-gray-900); - } - } - - &__panel { - padding: 1rem 0; - } - - &__prev, - &__next { - flex-shrink: 0; - } - - - @include at(sm) { - #{$b}__prev, - #{$b}__next { - background: red; - display: none; - } - } - - &.-vertical { - @include at(sm) { - display: grid; - grid: auto / auto 1fr; - - #{$b}__tablist { - flex-direction: column; - border-width: 0 2px 0 0; - gap: 2rem; - } - - #{$b}__button { - padding: 0 1rem 0 0; - text-align: right; - box-shadow: var(--tab__button-box-shadow) 0 var(--accent-color) inset; - } - - #{$b}__panel { - padding: 0 1rem; - } - } - } - - &.-solid { - @include at(sm) { - #{$b}__tablist { - border: 0; - gap: .5rem; - } - #{$b}__button { - white-space: nowrap; - background: var(--color-gray-100); - border-radius: .5rem; - box-shadow: 0px 1px 1px 0px var(--color-gray-200); - padding: .5rem 1rem; - margin-bottom: .5rem; - - &:hover { - background: #fff; - box-shadow: var(--root-box-shadow-med); - border-radius: 8px; - } - - &.-selected { - background: #fff; - border-radius: 8px 8px 0 0; - box-shadow: 0 .5rem 0 #fff; - } - } - - #{$b}__panel { - background: #fff; - padding: 1rem; - } - } - } -} diff --git a/resources/styles/molecules/tabs/tabs--solid.html b/resources/styles/molecules/tabs/tabs--solid.html deleted file mode 100644 index d6c719e..0000000 --- a/resources/styles/molecules/tabs/tabs--solid.html +++ /dev/null @@ -1,21 +0,0 @@ - - - - - - - - - - - - diff --git a/resources/styles/molecules/tabs/tabs--vertical.html b/resources/styles/molecules/tabs/tabs--vertical.html deleted file mode 100644 index e91a62f..0000000 --- a/resources/styles/molecules/tabs/tabs--vertical.html +++ /dev/null @@ -1,18 +0,0 @@ - - - - - - - - - diff --git a/resources/styles/molecules/tabs/tabs.html b/resources/styles/molecules/tabs/tabs.html deleted file mode 100644 index b3af261..0000000 --- a/resources/styles/molecules/tabs/tabs.html +++ /dev/null @@ -1,29 +0,0 @@ - - - - - - - - - - - - - - diff --git a/resources/styles/molecules/testimonial/index.scss b/resources/styles/molecules/testimonial/index.scss deleted file mode 100644 index 4985fc2..0000000 --- a/resources/styles/molecules/testimonial/index.scss +++ /dev/null @@ -1,131 +0,0 @@ -@use "@imarc/pronto/resources/styles/imported" as *; - -.testimonial { - $b: &; - - display: grid; - grid: "quote" 1fr "footer" auto; - gap: 1rem; - margin-left: 0; - padding-left: 0; - box-shadow: none; - - &:has(&__icon) { - grid: "icon quote" 1fr "footer footer" auto; - - @include at(md) { - grid: "icon quote" 1fr "_ footer" auto; - } - } - - &__content { - grid-area: quote; - line-height: 2; - margin-bottom: 0; - } - - &__citationPhotoWrapper { - height: 4rem; - aspect-ratio: 1; - border-radius: 4rem; - overflow: hidden; - flex-shrink: 0; - } - - &__citationPhoto { - @include image-fit(cover); - } - - &__citation { - color: var(--root-color-headings); - line-height: 1.5; - font-style: normal; - font-weight: 700; - font-size: 1rem; - margin-bottom: 0; - } - - &__citationTitle { - display: block; - color: var(--root-color); - font-weight: 400; - font-size: 1rem; - } - - &__footer { - grid-area: footer; - display: flex; - align-items: center; - gap: 1rem; - margin-top: 0; - } - - &__icon { - --icon-fill-color: var(--accent-color-600); - grid-area: icon; - height: 2.0625rem; - width: 2rem; - min-width: 2rem; - transform: translateY(-50%); - } - - &.-featured { - column-gap: 2rem; - - #{$b}__content { - font-size: 1.5rem; - line-height: 1.5rem; - } - - #{$b}__citationPhotoWrapper { - height: 6rem; - } - - #{$b}__citation { - font-size: 1.25rem; - line-height: 1.625; - } - - #{$b}__icon { - inline-size: 4rem; - width: 4.0625rem; - } - } - - &.-aside { - grid-template-columns: 5.5rem 1fr; - column-gap: 1.5rem; - - @include breakpoint(md) { - row-gap: 0; - } - - #{$b}__content { - grid-column: 1 / 3; - grid-row: 2 / 3; - - @include breakpoint(md) { - grid-column: 2 / 3; - } - } - - #{$b}__citationPhotoWrapper { - height: 5.5rem; - } - - #{$b}__citationTitle { - font-size: .75rem; - } - - #{$b}__footer { - grid-column: 1 / 3; - grid-row: 1 / 2; - gap: 1.5rem; - } - - #{$b}__icon { - grid-column: 1 / 2; - grid-row: 2 / 3; - } - } -} diff --git a/resources/styles/molecules/testimonial/testimonial--aside.html b/resources/styles/molecules/testimonial/testimonial--aside.html deleted file mode 100644 index 7ae8779..0000000 --- a/resources/styles/molecules/testimonial/testimonial--aside.html +++ /dev/null @@ -1,16 +0,0 @@ -
-

- Suspendisse ac blandit nisi, non tempor purus. Pellentesque ornare tellus molestie quam pretium aliquet. Mauris eu est at velit cursus rutrum non sit amet turpis. Phasellus mauris est, fermentum sit amet tincidunt ultricies, egestas a ante proin et eros rutrum urna sollicitudin euismod non ut sem! -

-
-
- Placeholder photo -
- - Firstnamerson Lastname - - Director of Important Titles, CorporateCorp - - -
-
\ No newline at end of file diff --git a/resources/styles/molecules/testimonial/testimonial--featured.html b/resources/styles/molecules/testimonial/testimonial--featured.html deleted file mode 100644 index e0886d2..0000000 --- a/resources/styles/molecules/testimonial/testimonial--featured.html +++ /dev/null @@ -1,19 +0,0 @@ -
- - - -

- Suspendisse ac blandit nisi, non tempor purus. Pellentesque ornare tellus molestie quam pretium aliquet. Mauris eu est at velit cursus rutrum non sit amet turpis. Phasellus mauris est, fermentum sit amet tincidunt ultricies, egestas a ante proin et eros rutrum urna sollicitudin euismod non ut sem! -

-
-
- Placeholder photo -
- - Firstnamerson Lastname - - Director of Important Titles, CorporateCorp - - -
-
diff --git a/resources/styles/molecules/testimonial/testimonial.html b/resources/styles/molecules/testimonial/testimonial.html deleted file mode 100644 index 261f431..0000000 --- a/resources/styles/molecules/testimonial/testimonial.html +++ /dev/null @@ -1,19 +0,0 @@ -
- - - -

- Suspendisse ac blandit nisi, non tempor purus. Pellentesque ornare tellus molestie quam pretium aliquet. Mauris eu est at velit cursus rutrum non sit amet turpis. Phasellus mauris est, fermentum sit amet tincidunt ultricies, egestas a ante proin et eros rutrum urna sollicitudin euismod non ut sem! -

-
-
- Placeholder photo -
- - Firstnamerson Lastname - - Director of Important Titles, CorporateCorp - - -
-
diff --git a/resources/styles/organisms/.gitkeep b/resources/styles/organisms/.gitkeep new file mode 100644 index 0000000..e69de29 diff --git a/resources/styles/organisms/basicSection/basicSection.html b/resources/styles/organisms/basicSection/basicSection.html deleted file mode 100644 index 90d6042..0000000 --- a/resources/styles/organisms/basicSection/basicSection.html +++ /dev/null @@ -1,69 +0,0 @@ -
-
-

Heading Placeholder

-

- The default section includes a header, footer, and padding. -

-
-
-
-

- It will stack on mobile, putting elements in natural content order. Links and other components will use their default colors. -

-
-
- - - - -
-
-
- -
-
-
-
-
-
-

This is section is using .accent-primary.

-

Mauris euismod sit amet dolor vel vehicula. Nulla lacinia augue sem, accumsan luctus nunc facilisis Duis ex libero, auctor a semper in, condimentum sit amet enim. Vestibulum et consectetur arcu. Nam nunc justo, varius id metus eu praesent dictum sit amet quam efficitur placerat.

-
-
- -
- -
-
-
-

This is using .accent-secondary and shows how to do two-thirds content.

-

Nulla lacinia augue sem, accumsan luctus nunc facilisis Duis ex libero, auctor a semper in, condimentum sit amet enim. Nam nunc justo, varius id metus eu praesent dictum sit amet quam efficitur placerat.

-
-
-
-
-
-
- -
-
-
-

This is using .accent-tertiary.

-

Mauris euismod sit amet dolor vel vehicula. Nulla lacinia augue sem, accumsan luctus nunc facilisis Duis ex libero, auctor a semper in, condimentum sit amet enim. Vestibulum et consectetur arcu. Nam nunc justo, varius id metus eu praesent dictum sit amet quam efficitur placerat.

-
- Learn More - Buy Now -
-
-
-
diff --git a/resources/styles/organisms/basicSection/index.scss b/resources/styles/organisms/basicSection/index.scss deleted file mode 100644 index e90b1a4..0000000 --- a/resources/styles/organisms/basicSection/index.scss +++ /dev/null @@ -1,65 +0,0 @@ -@use "@imarc/pronto/resources/styles/imported" as *; - -.basicSection { - $b: &; - - @include at(md) { - --columns: 2; - } - - &__content { - display: grid; - grid: auto / subgrid; - gap: 1rem var(--root-gap); - - &.-center { - align-items: center; - } - - > :first-child:last-child { - grid-column: 1 / -1; - } - } - - - // Natural content order for mobile - &__image { - order: 1; - } - &__testimonial { - order: 2; - } - &__media { - order: 3; - } - &__text { - order: 4; - } - &__cta { - order: 5; - } - - &__text, - &__image, - &__media, - &__cta, - &__testimonial { - @include at(md) { - order: unset; - grid-column: span var(--span, 1); - } - } - - &.-wide { - - @include at(md) { - --columns: 3; - - :is(#{$b}__text, #{$b}__image, #{$b}__media, #{$b}__cta, #{$b}__testimonial) { - &.-wide { - grid-column: span var(--span, 2); - } - } - } - } -} diff --git a/resources/styles/organisms/basicSection/oneColumn.html b/resources/styles/organisms/basicSection/oneColumn.html deleted file mode 100644 index 039e441..0000000 --- a/resources/styles/organisms/basicSection/oneColumn.html +++ /dev/null @@ -1,62 +0,0 @@ -
-
-

Heading Placeholder

-

- Ipsum nihil earum blanditiis dolore mollitia Adipisci voluptate. -

-

- Elit numquam corrupti magni sapiente non? Tenetur corporis ipsa voluptatibus vitae numquam Exercitationem distinctio vero nesciunt fuga molestiae Repellat dignissimos cumque est quisquam veniam Repellat nobis earum quo distinctio repellendus! -

-
-
-
- - - - -
-
-
-

- Amet omnis eos omnis error beatae deleniti. Veritatis tempore vero! -

-
- Learn More -
-
-
- -
-
-

Heading Placeholder

-

- Ipsum nihil earum blanditiis dolore mollitia Adipisci voluptate. -

-
-
-
-
-
-
- -
- -
-
-
-

Heading Placeholder

-

Adipisicing tempora culpa a unde molestiae. Tenetur ducimus facilis.

-

Mauris euismod sit amet dolor vel vehicula. Nulla lacinia augue sem, accumsan luctus nunc facilisis Duis ex libero, auctor a semper in, condimentum sit amet enim. Vestibulum et consectetur arcu. Nam nunc justo, varius id metus eu praesent dictum sit amet quam efficitur placerat.

-
-
-
diff --git a/resources/styles/organisms/callout/callout--split.html b/resources/styles/organisms/callout/callout--split.html deleted file mode 100644 index 194165e..0000000 --- a/resources/styles/organisms/callout/callout--split.html +++ /dev/null @@ -1,14 +0,0 @@ -
-
- - - -
-

Suspendisse vitae velit malesuada, dapibus lacus malesuada ex.

-
- - -
-
-
-
diff --git a/resources/styles/organisms/callout/callout.html b/resources/styles/organisms/callout/callout.html deleted file mode 100644 index 2f5d251..0000000 --- a/resources/styles/organisms/callout/callout.html +++ /dev/null @@ -1,9 +0,0 @@ -
-
-

Suspendisse vitae velit malesuada, dapibus lacus malesuada ex.

-
- - -
-
-
diff --git a/resources/styles/organisms/callout/index.scss b/resources/styles/organisms/callout/index.scss deleted file mode 100644 index d4cb5b4..0000000 --- a/resources/styles/organisms/callout/index.scss +++ /dev/null @@ -1,17 +0,0 @@ -.callout { - background: var(--color-gray-100); - padding: 5rem 0; - - &__title { - justify-self: center; - text-align: center; - } - - &__actions { - justify-self: center; - display: flex; - flex-flow: row wrap; - justify-content: center; - gap: 1rem; - } -} diff --git a/resources/styles/organisms/dialog/dialog.html b/resources/styles/organisms/dialog/dialog.html deleted file mode 100644 index 901b5ef..0000000 --- a/resources/styles/organisms/dialog/dialog.html +++ /dev/null @@ -1,11 +0,0 @@ - -
- -
-

Dialog Title Area

-

- Donec sit amet vestibulum turpis. Ut eget nibh pretium ipsum auctor pharetra. Curabitur maximus tristique pellentesque. Etiam pulvinar, tortor sed finibus scelerisque, neque libero vehicula neque, ut molestie mauris risus ac dui. Quisque vel imperdiet leo. -

- diff --git a/resources/styles/organisms/dialog/index.scss b/resources/styles/organisms/dialog/index.scss deleted file mode 100644 index c10c2d6..0000000 --- a/resources/styles/organisms/dialog/index.scss +++ /dev/null @@ -1,16 +0,0 @@ -.dialog, -dialog { - border-radius: 1rem; - border: 0; - box-shadow: var(--root-box-shadow-med); - color: var(--root-color); - padding: 1.5rem 2rem; - max-width: 36rem; - inset: 0; - - &__close { - position: absolute; - right: .75rem; - top: .75rem; - } -} diff --git a/resources/styles/organisms/featureCards/index.scss b/resources/styles/organisms/featureCards/index.scss deleted file mode 100644 index f8b0c6b..0000000 --- a/resources/styles/organisms/featureCards/index.scss +++ /dev/null @@ -1,7 +0,0 @@ -.featureCards { - &__cards { - display: flex; - flex-wrap: wrap; - gap: 1.5rem; - } -} \ No newline at end of file diff --git a/resources/styles/organisms/featuredTestimonials/featuredTestimonials.html b/resources/styles/organisms/featuredTestimonials/featuredTestimonials.html deleted file mode 100644 index 627ff3e..0000000 --- a/resources/styles/organisms/featuredTestimonials/featuredTestimonials.html +++ /dev/null @@ -1,58 +0,0 @@ -
-

- - - - Some of our thoughtful testimonials. -

-
-
-

- Suspendisse ac blandit nisi, non tempor purus. Pellentesque ornare tellus molestie quam pretium aliquet. Mauris eu est at velit cursus rutrum non sit amet turpis. Phasellus mauris est, fermentum sit amet tincidunt ultricies, egestas a ante proin et eros rutrum urna sollicitudin euismod non ut sem! -

-
-
- Photo of Abraham Lincoln -
- - Firstnamerson Lastname - - Director of Important Titles, CorporateCorp - - -
-
-
-

- Suspendisse ac blandit nisi, non tempor purus. Pellentesque ornare tellus molestie quam pretium aliquet. Mauris eu est at velit cursus rutrum non sit amet turpis. Phasellus mauris est, fermentum sit amet tincidunt ultricies, egestas a ante proin et eros rutrum urna sollicitudin euismod non ut sem! -

-
-
- Photo of Abraham Lincoln -
- - Firstnamerson Lastname - - Director of Important Titles, CorporateCorp - - -
-
-
-

- Suspendisse ac blandit nisi, non tempor purus. Pellentesque ornare tellus molestie quam pretium aliquet. Mauris eu est at velit cursus rutrum non sit amet turpis. Phasellus mauris est, fermentum sit amet tincidunt ultricies, egestas a ante proin et eros rutrum urna sollicitudin euismod non ut sem! -

-
-
- Photo of Abraham Lincoln -
- - Firstnamerson Lastname - - Director of Important Titles, CorporateCorp - - -
-
-
-
\ No newline at end of file diff --git a/resources/styles/organisms/featuredTestimonials/index.scss b/resources/styles/organisms/featuredTestimonials/index.scss deleted file mode 100644 index e3e1637..0000000 --- a/resources/styles/organisms/featuredTestimonials/index.scss +++ /dev/null @@ -1,26 +0,0 @@ -@use "@imarc/pronto/resources/styles/imported" as *; - -.featuredTestimonials { - &__title { - align-items: center; - display: flex; - flex-direction: column; - font-size: fluid-rems(2, 3); - gap: 1.5rem; - text-align: center; - } - - &__titleIcon { - width: fluid-rems(2, 4); - height: fluid-rems(2, 4); - } - - &__wrapper { - display: grid; - gap: 2rem; - - @include at(md) { - grid-template-columns: repeat( auto-fit, minmax(400px, 1fr) ); - } - } -} diff --git a/resources/styles/organisms/form/form.html b/resources/styles/organisms/form/form.html deleted file mode 100644 index 3cd23da..0000000 --- a/resources/styles/organisms/form/form.html +++ /dev/null @@ -1,45 +0,0 @@ -
- -
-

Contact Us

- -
-
- -
-
- -
-
- - - - - -
- Questions or Comments (optional) - -
- -
- - -
-
- -
diff --git a/resources/styles/organisms/hero/hero--gradients.html b/resources/styles/organisms/hero/hero--gradients.html deleted file mode 100644 index ede3a5d..0000000 --- a/resources/styles/organisms/hero/hero--gradients.html +++ /dev/null @@ -1,102 +0,0 @@ -
-
- -
-
-
-

This is .-fade

-

- These are solely examples of how to implement CSS gradients and blends on hero backgrounds. This one is a radial gradient centered on the right side of the hero. -

-
- Learn More - Buy Now -
-
-
-
-
-
- -
- -
-
- -
-
-
-

This is .-vignette

-

It's an elliptical vignette on the whole hero.

-
- Learn More - Buy Now -
-
-
-
-
-
- -
- -
-
- -
-
-
-

This is .-split

-

It is just using a linear gradient to cover the left half.

-
- Learn More - Buy Now -
-
-
-
-
-
- -
- -
-
- -
-
-
-

This is .-multiply

-

It is using mix-blend-mode: multiply with the accent-color over the background image.

-
- Learn More - Buy Now -
-
-
-
-
-
- -
- -
-
- -
-
-
-

This is .-colorize with .-fade

-

It uses mix-blend-mode: color. -colorize and -multiply can be combined with other gradients.

-
- Learn More - Buy Now -
-
-
-
-
-
- -
- diff --git a/resources/styles/organisms/hero/hero.html b/resources/styles/organisms/hero/hero.html deleted file mode 100644 index 36fcf93..0000000 --- a/resources/styles/organisms/hero/hero.html +++ /dev/null @@ -1,80 +0,0 @@ -
-
- -
-
-
-

This is the default hero.

-

It has no padding by default to let the image go all the way to the edges.

-
- Learn More - Buy Now -
-
-
-
-
-
- -
- -
-
-
-

This is the default hero.

-

It has no padding by default to let the image go all the way to the edges.

-
- Learn More - Buy Now -
-
-
-
-
-
- -
- -
-
-
-

This version is -padded, and it uses .accent-secondary without any text below it.

-
- Learn More - Buy Now -
-
-
-
-
-
-
- -
-
-
-

Lastly, this hero the image bleeding to the right edge.

-

Mauris euismod sit amet dolor vel vehicula. Nulla lacinia augue sem, accumsan luctus nunc facilisis Duis ex libero, auctor a semper in, condimentum sit amet enim. Vestibulum et consectetur arcu. Nam nunc justo, varius id metus eu praesent dictum sit amet quam efficitur placerat.

-
- Learn More - Buy Now -
-
-
-
-
-
-
- -
-
-
-

And this one has no image at all; just a bunch of really big text.

-

Mauris euismod sit amet dolor vel vehicula. Nulla lacinia augue sem, accumsan luctus nunc facilisis Duis ex libero, auctor a semper in, condimentum sit amet enim. Vestibulum et consectetur arcu. Nam nunc justo, varius id metus eu praesent dictum sit amet quam efficitur placerat.

-
- Learn More - Buy Now -
-
-
-
diff --git a/resources/styles/organisms/hero/index.scss b/resources/styles/organisms/hero/index.scss deleted file mode 100644 index 58dbc3c..0000000 --- a/resources/styles/organisms/hero/index.scss +++ /dev/null @@ -1,172 +0,0 @@ -@use "@imarc/pronto/resources/styles/imported" as *; - -.hero { - $b: &; - - background: var(--accent-color); - color: var(--accent-color-contrast); - - &__bg { - container-type: size; - display: grid; - grid-area: 1 / wide / 2; - overflow: hidden; - - > *, - &::before, - &::after { - grid-area: 1 / 1; - } - - + #{$b}__content { - grid-row: 1 / 2; - } - - img { - max-height: 100cqh; - width: 100%; - object-fit: cover; - } - - - &.-fade::after { - background: radial-gradient( - circle farthest-side at 50% 25%, - #0000 35vw, - #0002 45vw, - #0004 - ); - content: ''; - z-index: 1; - - @include at(md) { - background: radial-gradient( - circle farthest-side at calc(50vw + min(25vw, 325px)), - #0004 min(15vw, 195px), - #0008 min(25vw, 325px), - #000c - ); - } - } - - &.-vignette::after { - background: radial-gradient( - ellipse closest-side at 50% 35%, - #0002 40vw, - #0004 - ); - content: ''; - z-index: 1; - - @include at(md) { - background: radial-gradient( - ellipse at center, - #0004 40%, - #000c 80% - ); - } - } - - &.-split::after { - content: ''; - z-index: 1; - - @include at(md) { - background: linear-gradient(to right, #0008 50%, #0000 calc(50% + 1px)); - } - } - - &.-colorize::before { - content: ''; - background: var(--accent-color); - mix-blend-mode: color; - z-index: 1; - } - - &.-multiply { - background: white; - &::before { - content: ''; - background: var(--accent-color); - mix-blend-mode: multiply; - z-index: 1; - } - } - } - - &__content { - display: grid; - grid: auto / subgrid; - gap: 1rem var(--root-gap); - align-items: center; - z-index: 1; - - > :first-child:last-child { - grid-column: 1 / -1; - } - } - - - // Natural content order for mobile - &__image { - order: 1; - } - &__testimonial { - order: 2; - } - &__media { - order: 3; - } - &__text { - order: 4; - padding: 2rem 0; - } - &__cta { - order: 5; - } - - &__text, - &__image, - &__media, - &__cta, - &__testimonial { - @include at(md) { - order: unset; - grid-column: span var(--span, 1); - } - } - - @include at(md) { - --columns: 2; - } - - &.-padded { - padding: 5rem 0; - - #{$b}__text { - padding: 0; - } - } - - &.-bleed { - #{$b}__content { - grid-column: main / wide; - - > :nth-child(2) { - grid-column: span 2; - } - } - } - - &.-center { - #{$b}__content { - justify-items: center; - text-align: center; - } - #{$b}__text { - padding: 4rem 0; - max-width: fluid-rems(40, 50); - justify-items: center; - } - } -} diff --git a/resources/styles/organisms/index.scss b/resources/styles/organisms/index.scss deleted file mode 100644 index 0a7ff27..0000000 --- a/resources/styles/organisms/index.scss +++ /dev/null @@ -1,14 +0,0 @@ -@forward "basicSection"; -@forward "callout"; -@forward "dialog"; -@forward "featureCards"; -@forward "hero"; -@forward "message"; -@forward "richText"; -@forward "section"; -@forward "siteFooter"; -@forward "siteHeader"; -@forward "slider"; -@forward "stats"; -@forward "table"; -@forward "featuredTestimonials"; diff --git a/resources/styles/organisms/message/index.scss b/resources/styles/organisms/message/index.scss deleted file mode 100644 index 3ce0974..0000000 --- a/resources/styles/organisms/message/index.scss +++ /dev/null @@ -1,44 +0,0 @@ -.message { - position: static; - display: grid; - grid: auto / 2rem 1fr 3rem; - align-items: start; - gap: 1em; - padding: 1em; - background: var(--accent-color-50); - border-radius: .5rem; - margin-bottom: 2rem; - box-shadow: 0 1px 1px 0 rgba(from var(--accent-color-900) r g b / .2), - 0 .5rem 1.5rem 0 rgba(from var(--accent-color) r g b / .1); - - &__icon { - --icon-stroke-color: #fff; - --icon-fill-color: var(--accent-color); - } - - &__content { - padding: .25em 0; - } - - &__close { - appearance: none; - border: 0; - background: #0000; - color: inherit; - height: 2rem; - border-left: 1px solid rgba(from var(--accent-color) r g b / .5); - display: grid; - place-content: center; - --icon-stroke-width: 1; - grid: 1rem / 1rem; - } - - &:is(dialog:not(:open)) { - display: none; - } - - &.-dark { - background: var(--accent-color-900); - color: #fff; - } -} diff --git a/resources/styles/organisms/message/message--dark.html b/resources/styles/organisms/message/message--dark.html deleted file mode 100644 index 2d53a71..0000000 --- a/resources/styles/organisms/message/message--dark.html +++ /dev/null @@ -1,39 +0,0 @@ - - -
- Message content neque tincidunt, rhoncus sapien ac, volutpat enim. -
- - - - - -
- Elit molestiae natus deleniti ipsam modi mollitia iusto quos, quaerat Itaque quasi quae maiores quidem est. Exercitationem optio voluptatem fuga provident dolores Sint dolor facilis dolor mollitia quos? Enim porro. -
- - - - - -
- Message content neque tincidunt, rhoncus sapien ac, volutpat enim. -
- - - - - -
- Message content neque tincidunt, rhoncus sapien ac, volutpat enim. -
- - diff --git a/resources/styles/organisms/message/message.html b/resources/styles/organisms/message/message.html deleted file mode 100644 index 22fd5ef..0000000 --- a/resources/styles/organisms/message/message.html +++ /dev/null @@ -1,39 +0,0 @@ - - -
- Message content neque tincidunt, rhoncus sapien ac, volutpat enim. -
- - - - - -
- Elit molestiae natus deleniti ipsam modi mollitia iusto quos, quaerat Itaque quasi quae maiores quidem est. Exercitationem optio voluptatem fuga provident dolores Sint dolor facilis dolor mollitia quos? Enim porro. -
- - - - - -
- Message content neque tincidunt, rhoncus sapien ac, volutpat enim. -
- - - - - -
- Message content neque tincidunt, rhoncus sapien ac, volutpat enim. -
- - diff --git a/resources/styles/organisms/richText/index.scss b/resources/styles/organisms/richText/index.scss deleted file mode 100644 index c666d06..0000000 --- a/resources/styles/organisms/richText/index.scss +++ /dev/null @@ -1,18 +0,0 @@ -@use "../../molecules/list"; -@use "../../organisms/table"; - -.richText { - - /** - * Automatically use list component styles even without the class. - */ - dl, - ol, - ul { - @extend .list; - } - - table { - @extend .table; - } -} diff --git a/resources/styles/organisms/richText/richText.html b/resources/styles/organisms/richText/richText.html deleted file mode 100644 index 38d6089..0000000 --- a/resources/styles/organisms/richText/richText.html +++ /dev/null @@ -1,48 +0,0 @@ -
-

- Paragraph ipsum possimus illum debitis enim odio Distinctio praesentium explicabo mollitia voluptatem nostrum sunt. Ut iste dignissimos soluta unde repudiandae. Voluptate et neque non aspernatur aliquid asperiores tenetur amet reprehenderit? Numquam. -

- -
- -

- Lorem ratione temporibus beatae doloremque? -

- - - -

- Consectetur nulla voluptatem a veniam perspiciatis omnis quam. Adipisci fugit explicabo obcaecati hic ab. Repudiandae amet veniam vero sapiente harum Explicabo numquam facilis dolor at numquam Molestiae assumenda laboriosam asperiores. -

- -
    -
  1. Amet quis hic deleniti fugit obcaecati Libero fuga doloribus corrupti.
    2. -
  2. Lorem totam vitae commodi illum ab? Quos quibusdam ducimus dignissimos
    3. -
  3. Elit incidunt aut omnis dolorem eaque. Elit tenetur nostrum dolores
    4. -
- -
- -
-

- Consectetur amet magnam vitae nisi rem Dolore assumenda unde fuga ex doloremque. Harum veniam eveniet aspernatur maiores ex Eius eaque ab quam dicta sequi! Aut eaque ratione quasi enim voluptate -

- - First Lastername - -
- -

- Elit temporibus quos officiis qui unde beatae. Repellendus pariatur temporibus velit sit voluptate Expedita quibusdam eaque quod magnam eaque Sint sequi consequuntur aperiam accusantium porro? Code snippet eaque at saepe -

- - 
-    module Main where
-
-    main :: IO ()
-    main = putStrLn "Hello World!"
-
diff --git a/resources/styles/organisms/section/index.scss b/resources/styles/organisms/section/index.scss deleted file mode 100644 index 2dd5606..0000000 --- a/resources/styles/organisms/section/index.scss +++ /dev/null @@ -1,8 +0,0 @@ -.section { - --accent-color: #fff; - - row-gap: 16px; - padding: 5rem 0; - background: var(--accent-color); - color: var(--accent-color-text); -} diff --git a/resources/styles/organisms/section/section.html b/resources/styles/organisms/section/section.html deleted file mode 100644 index 6802692..0000000 --- a/resources/styles/organisms/section/section.html +++ /dev/null @@ -1,22 +0,0 @@ -
-
-

Section leading subheading

-

- This is the section heading. -

-

-
-
-

- This if the content of the section, .section__content. Depending on the type of section, this is likely where the bulk of the differentiation occurs. -

-
-
-

- This is the section footer. -

-
- Learn More -
-
-
diff --git a/resources/styles/organisms/siteFooter/index.scss b/resources/styles/organisms/siteFooter/index.scss deleted file mode 100644 index 33dfcf7..0000000 --- a/resources/styles/organisms/siteFooter/index.scss +++ /dev/null @@ -1,75 +0,0 @@ -@use "@imarc/pronto/resources/styles/imported" as *; - -.siteFooter { - $b: &; - - &__content { - display: grid; - gap: var(--gap); - grid: "info" "social" "nav" "utility"; - - @include at(md) { - grid: "logo address" auto - "social contact" - "nav nav" - "utility utility" - / auto 1fr; - } - @include at(lg) { - grid: "info nav nav " auto - "info social social" auto - "info utility utility" auto - / 1fr 1fr 1fr; - } - } - - &__logo { - svg { - width: min(100%, 301px); - height: auto; - } - } - - &__info { - grid-area: info; - display: grid; - gap: var(--root-gap); - justify-items: start; - - @include at(md) { - display: contents; - } - - @include at(lg) { - align-content: start; - justify-items: start; - display: grid; - grid: auto / 1fr 1fr 1fr; - - > * { - grid-column: span 2; - } - } - } - - &__navigation { - grid-area: nav; - } - - - &__social { - grid-area: social; - justify-content: space-between; - - @include at(lg) { - justify-self: start; - } - } - - &__utility { - grid-area: utility; - display: flex; - flex-flow: row wrap; - gap: .5rem 2rem; - } -} diff --git a/resources/styles/organisms/siteFooter/siteFooter.html b/resources/styles/organisms/siteFooter/siteFooter.html deleted file mode 100644 index cabb415..0000000 --- a/resources/styles/organisms/siteFooter/siteFooter.html +++ /dev/null @@ -1,96 +0,0 @@ - diff --git a/resources/styles/organisms/siteHeader/index.scss b/resources/styles/organisms/siteHeader/index.scss deleted file mode 100644 index 1a6ca56..0000000 --- a/resources/styles/organisms/siteHeader/index.scss +++ /dev/null @@ -1,69 +0,0 @@ -@use "@imarc/pronto/resources/styles/imported" as *; - -.siteHeader { - padding: var(--gap) 0; - - &__content { - display: grid; - grid: "logo search mobile-nav" auto / auto 1fr auto; - align-items: center; - gap: 0 var(--gap); - } - - &__logo { - grid-area: logo; - display: grid; - padding: .5rem 0; - align-self: stretch; - - svg { - height: 100%; - } - } - - &__utilityNav { - display: none; - grid-area: utility-nav; - font-size: .75rem; - justify-self: end; - gap: 1.5rem; - } - - &__primaryNav { - display: none; - grid-area: primary-nav; - justify-self: end; - } - - &__search { - justify-self: end; - width: #{fluid-rems(8, 8, 16)}; - } - - @include at(md) { - &__content { - grid: "logo utility-nav search" auto - "primary-nav primary-nav primary-nav" auto - / auto 1fr auto; - } - - &__primaryNav, - &__utilityNav { - display: grid; - justify-self: end; - } - - &__mobileNav { - display: none; - } - } - - @include at(lg) { - &__content { - grid: "logo utility-nav search" auto - "logo spacer spacer" auto - "logo primary-nav primary-nav" auto - / auto 1fr auto; - } - } -} diff --git a/resources/styles/organisms/siteHeader/siteHeader.html b/resources/styles/organisms/siteHeader/siteHeader.html deleted file mode 100644 index 86762e8..0000000 --- a/resources/styles/organisms/siteHeader/siteHeader.html +++ /dev/null @@ -1,226 +0,0 @@ -
-
- - -
- - -
- - - -
-
diff --git a/resources/styles/organisms/slider/index.scss b/resources/styles/organisms/slider/index.scss deleted file mode 100644 index cd06f29..0000000 --- a/resources/styles/organisms/slider/index.scss +++ /dev/null @@ -1,143 +0,0 @@ -@use "@imarc/pronto/resources/styles/imported" as *; - -.slider { - $b: &; - - --swiper-theme-color: var(--accent-color); - - &__content { - container-type: inline-size; - overflow: hidden; - padding: 0 7rem 6.5rem; - } - - swiper-slide { - width: 100cqw; - height: auto; - - @include at(md) { - width: auto; - height: calc(50cqw - 1rem); - } - - @include at(lg) { - width: auto; - height: calc(40cqw - 2rem); - } - } - - swiper-container::part(bullet) { - opacity: 1; - width: 16px; - flex-shrink: 0; - height: 16px; - background-color: var(--accent-color); - } - - swiper-container::part(bullet-active) { - background-color: #000; - flex-shrink: 0; - height: 1.5rem; - width: 1.5rem; - } - - swiper-container::part(container) { - overflow: visible; - } - - swiper-container::part(pagination) { - align-items: center; - bottom: auto; - display: flex; - gap: 1rem; - margin-top: 2rem; - text-align: left; - top: 100%; - } - - swiper-container::part(button-prev), - swiper-container::part(button-next) { - background: var(--accent-color); - width: 1rem; - border-radius: 3rem; - height: 1rem; - padding: 1rem; - color: #fff; - } - - swiper-container::part(button-prev) { - position: absolute; - left: -7rem; - } - - swiper-container::part(button-next) { - right: -7rem; - } - - &.-withCallout { - #{$b}__content { - padding: 0 0 11.5rem; - } - - swiper-container::part(button-prev), - swiper-container::part(button-next) { - top: 100%; - margin-top: 5.25rem; - z-index: 12; - } - - swiper-container::part(button-prev) { - left: 0; - } - - swiper-container::part(button-next) { - right: 0; - } - swiper-container::part(pagination) { - margin-top: 6rem; - justify-content: center; - } - - - @include at(lg) { - --columns: 3; - - #{$b}__calloutIcon { - grid-area: 1 / main; - } - - #{$b}__callout { - grid-column: main / span 1; - } - #{$b}__content { - grid-column: 3 / main; - } - - .swiper-slide-next { - mask: linear-gradient(to right, #fff, #0000 50%); - } - } - - #{$b}__callout { - display: grid; - gap: 2rem; - } - - #{$b}__calloutIcon { - width: 4rem; - height: 4rem; - } - - swiper-slide { - height: auto; - - @include at(md) { - width: calc(66.66cqw); - } - - > * { - height: 100%; - } - } - } -} diff --git a/resources/styles/organisms/slider/slider.html b/resources/styles/organisms/slider/slider.html deleted file mode 100644 index 2994a49..0000000 --- a/resources/styles/organisms/slider/slider.html +++ /dev/null @@ -1,12 +0,0 @@ -
-
- - Slide 1 - Slide 2 - Slide 3 - Slide 4 - Wide - Slide 6 - -
-
diff --git a/resources/styles/organisms/stats/index.scss b/resources/styles/organisms/stats/index.scss deleted file mode 100644 index 1a9cc89..0000000 --- a/resources/styles/organisms/stats/index.scss +++ /dev/null @@ -1,75 +0,0 @@ -@use "@imarc/pronto/resources/styles/imported" as *; - -.stats { - $b: &; - - background-color: var(--color-gray-50); - - @include at(md) { - --columns: 2; - } - - @include at(lg) { - --columns: 3; - } - - &__content { - display: grid; - grid: auto / subgrid; - gap: var(--gap); - } - - &__stat { - display: grid; - place-items: center; - text-align: center; - gap: 1rem; - padding: 1.5rem; - background-color: #fff; - } - - &__icon { - width: 5rem; - } - - &__value { - font-size: fluid-rems(2, 3, 4); - font-weight: 700; - line-height: 1.125; - } - - &.-tiles { - @include at(md) { - --columns: 2; - } - - @include at(lg) { - --columns: 4; - } - } - - &.-withCallout { - align-items: center; - display: grid; - - #{$b}__callout { - justify-items: center; - text-align: center; - - @include at(lg) { - justify-items: start; - text-align: left; - } - } - - @include at(lg) { - #{$b}__callout { - grid-column: main / span 1; - } - - #{$b}__content { - grid-column: 3 / span 2; - } - } - } -} diff --git a/resources/styles/organisms/stats/stats.html b/resources/styles/organisms/stats/stats.html deleted file mode 100644 index 9a90462..0000000 --- a/resources/styles/organisms/stats/stats.html +++ /dev/null @@ -1,70 +0,0 @@ -
-
-
-
-
-
123,000
-
Amet dolorum excepturi placeat assumenda molestiae Quidem accusantium alias quasi.
-
-
-
-
-
200%
-
Amet dolorum excepturi placeat assumenda molestiae Quidem accusantium alias quasi.
-
-
-
-
-
7,000+
-
Amet dolorum excepturi placeat assumenda molestiae Quidem accusantium alias quasi.
-
-
-
- -
-
-
-
123,000
-
Amet dolorum excepturi placeat assumenda molestiae Quidem accusantium alias quasi.
-
-
-
200%
-
Amet dolorum excepturi placeat assumenda molestiae Quidem accusantium alias quasi.
-
-
-
7,000+
-
Amet dolorum excepturi placeat assumenda molestiae Quidem accusantium alias quasi.
-
-
-
65MM
-
Amet dolorum excepturi placeat assumenda molestiae Quidem accusantium alias quasi.
-
-
-
- -
-
-
Adipisicing blanditiis quasi error vero optio? Molestiae ratione deserunt quis dolores dolorum Aliquam porro aliquid?
-
- Default Button -
-
-
-
-
123,000
-
Amet dolorum excepturi placeat assumenda molestiae Quidem accusantium alias quasi.
-
-
-
200%
-
Amet dolorum excepturi placeat assumenda molestiae Quidem accusantium alias quasi.
-
-
-
7,000+
-
Amet dolorum excepturi placeat assumenda molestiae Quidem accusantium alias quasi.
-
-
-
65MM
-
Amet dolorum excepturi placeat assumenda molestiae Quidem accusantium alias quasi.
-
-
-
diff --git a/resources/styles/organisms/table/index.scss b/resources/styles/organisms/table/index.scss deleted file mode 100644 index 0a297a3..0000000 --- a/resources/styles/organisms/table/index.scss +++ /dev/null @@ -1,120 +0,0 @@ -.table, -.table table { - border-collapse: collapse; - margin-bottom: 2rem; - - thead { - background: var(--color-gray-50); - - th { - background: var(--color-gray-100); - } - } - - tr, - th { - transition: background-color var(--root-ease-out-fast); - } - - td, th { - padding: 1em 1.5em; - } - - th { - text-align: left; - background: var(--color-gray-50); - } - - tbody tr:not(:last-child) { - border-top: 1px solid var(--color-gray-200); - } - - tr:hover { - background: var(--accent-color-50); - - th { - background: var(--accent-color-100); - } - } - - &.-scrollable { - --max-table-fade: 3rem; - - animation-duration: 1ms; - animation-name: table-fade; - animation-timeline: --table; - max-height: clamp(50vh, 640px, 100svh - 2cm); - max-width: 100%; - overflow: scroll; - position: relative; - scroll-timeline: --table x; - - &.-fadeRight { - mask-image: linear-gradient(90deg, #fff calc(100% - var(--table-fade)), #0000 100%); - } - - &.-fadeBoth { - mask-image: linear-gradient(90deg, #0000, #fff var(--table-starting-fade) calc(100% - var(--table-fade)), #0000 100%); - } - - &.-stickHead { - thead { - background: var(--color-gray-50); - position: sticky; - top: 0; - z-index: 1; - } - } - - &.-stickFirstColumn { - tbody tr th:first-child { - left: 0; - position: sticky; - } - } - - &.-stickHead.-stickFirstColumn { - thead tr th:first-child, - thead tr td:first-child { - left: 0; - position: sticky; - background: var(--color-gray-50); - } - } - } -} - -/** - * --table-fade and --table-starting-fade are used to add fades to the left and - * right edges of the table when part of the table is scrolled out of view. - * - * They are closely related to --max-table-fade, that sets the fade size. - */ -@property --table-fade { - syntax: ""; - inherits: false; - initial-value: 0; -} - -@property --table-starting-fade { - syntax: ""; - inherits: false; - initial-value: 0; -} - -@keyframes table-fade { - 0% { - --table-starting-fade: 0; - --table-fade: var(--max-table-fade); - } - 10% { - --table-starting-fade: var(--max-table-fade); - } - 90% { - --table-fade: var(--max-table-fade); - } - 100% { - --table-starting-fade: var(--max-table-fade); - --table-fade: 0; - } -} diff --git a/resources/styles/organisms/table/table--scrollable.html b/resources/styles/organisms/table/table--scrollable.html deleted file mode 100644 index 250373b..0000000 --- a/resources/styles/organisms/table/table--scrollable.html +++ /dev/null @@ -1,558 +0,0 @@ -
- -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Lorem nobisAmet repudiandaeIpsum earumAdipisicing illoConsectetur nullaConsectetur quisquamAmet laboreAmet repudiandaeIpsum earumAdipisicing illoConsectetur nullaConsectetur quisquamAmet labore
Adipisicing praesentiumElit exercitationemAmet quam omnis cupiditate reprehenderit iste Debitis facere sint culpa?Lorem error tenetur rem fugit culpa voluptates Voluptatibus incidunt modiConsectetur sapiente esse animi odio iusto, numquam Illum iusto magnamAmet quam omnis cupiditate reprehenderit iste Debitis facere sint culpa?Lorem error tenetur rem fugit culpa voluptates Voluptatibus incidunt modiConsectetur sapiente esse animi odio iusto, numquam Illum iusto magnamAmet quam omnis cupiditate reprehenderit iste Debitis facere sint culpa?Lorem error tenetur rem fugit culpa voluptates Voluptatibus incidunt modiConsectetur sapiente esse animi odio iusto, numquam Illum iusto magnamAmet quam omnis cupiditate reprehenderit iste Debitis facere sint culpa?Lorem error tenetur rem fugit culpa voluptates Voluptatibus incidunt modiConsectetur sapiente esse animi odio iusto, numquam Illum iusto magnam
Dolor beataeAmet quis quodAdipisicing quae alias cum vitae quidem Illo voluptate ratione et!Sit recusandae asperiores architecto similique illum cupiditate Neque odit quod?Adipisicing ad amet facilis explicabo laborum Necessitatibus tempora eligendi sitAdipisicing quae alias cum vitae quidem Illo voluptate ratione et!Sit recusandae asperiores architecto similique illum cupiditate Neque odit quod?Adipisicing ad amet facilis explicabo laborum Necessitatibus tempora eligendi sitAdipisicing quae alias cum vitae quidem Illo voluptate ratione et!Sit recusandae asperiores architecto similique illum cupiditate Neque odit quod?Adipisicing ad amet facilis explicabo laborum Necessitatibus tempora eligendi sitAdipisicing quae alias cum vitae quidem Illo voluptate ratione et!Sit recusandae asperiores architecto similique illum cupiditate Neque odit quod?Adipisicing ad amet facilis explicabo laborum Necessitatibus tempora eligendi sit
Amet sitIpsum dolorem rem assumendaElit et enim nostrum voluptate cupiditate minus Libero doloremque errorLorem optio consequatur mollitia praesentium repellendus. Harum a repellat error.Ipsum pariatur ea ipsam in laboriosam, possimus ratione! Sed numquam!Elit et enim nostrum voluptate cupiditate minus Libero doloremque errorLorem optio consequatur mollitia praesentium repellendus. Harum a repellat error.Ipsum pariatur ea ipsam in laboriosam, possimus ratione! Sed numquam!Elit et enim nostrum voluptate cupiditate minus Libero doloremque errorLorem optio consequatur mollitia praesentium repellendus. Harum a repellat error.Ipsum pariatur ea ipsam in laboriosam, possimus ratione! Sed numquam!Elit et enim nostrum voluptate cupiditate minus Libero doloremque errorLorem optio consequatur mollitia praesentium repellendus. Harum a repellat error.Ipsum pariatur ea ipsam in laboriosam, possimus ratione! Sed numquam!
Consectetur doloresAmet distinctio ullamIpsum esse vitae minus officia asperiores Perspiciatis eos exercitationem possimusLorem dolor vero esse ex minima Explicabo est nisi libero.Consectetur quas asperiores in iure vitae Illum reiciendis veritatis ullam?Ipsum esse vitae minus officia asperiores Perspiciatis eos exercitationem possimusLorem dolor vero esse ex minima Explicabo est nisi libero.Consectetur quas asperiores in iure vitae Illum reiciendis veritatis ullam?Ipsum esse vitae minus officia asperiores Perspiciatis eos exercitationem possimusLorem dolor vero esse ex minima Explicabo est nisi libero.Consectetur quas asperiores in iure vitae Illum reiciendis veritatis ullam?Ipsum esse vitae minus officia asperiores Perspiciatis eos exercitationem possimusLorem dolor vero esse ex minima Explicabo est nisi libero.Consectetur quas asperiores in iure vitae Illum reiciendis veritatis ullam?
Elit inciduntSit iustoAmet exercitationem modi dicta suscipit cum Molestias eius quae tenetur.Elit inventore aspernatur reprehenderit voluptates quo? Molestiae et dignissimos doloresDolor at eum voluptates eius magni ipsa nemo! Quia enim?Amet exercitationem modi dicta suscipit cum Molestias eius quae tenetur.Elit inventore aspernatur reprehenderit voluptates quo? Molestiae et dignissimos doloresDolor at eum voluptates eius magni ipsa nemo! Quia enim?Amet exercitationem modi dicta suscipit cum Molestias eius quae tenetur.Elit inventore aspernatur reprehenderit voluptates quo? Molestiae et dignissimos doloresDolor at eum voluptates eius magni ipsa nemo! Quia enim?Amet exercitationem modi dicta suscipit cum Molestias eius quae tenetur.Elit inventore aspernatur reprehenderit voluptates quo? Molestiae et dignissimos doloresDolor at eum voluptates eius magni ipsa nemo! Quia enim?
Lorem adipisicingAmetAdipisicing odio fugiat aperiam maiores quibusdam Ex odio quibusdam veniam.Lorem libero nemo odio cupiditate vel? Dolores dignissimos ad illo.Consectetur mollitia quaerat hic iste mollitia. Sint id aliquid eaque.Adipisicing odio fugiat aperiam maiores quibusdam Ex odio quibusdam veniam.Lorem libero nemo odio cupiditate vel? Dolores dignissimos ad illo.Consectetur mollitia quaerat hic iste mollitia. Sint id aliquid eaque.Adipisicing odio fugiat aperiam maiores quibusdam Ex odio quibusdam veniam.Lorem libero nemo odio cupiditate vel? Dolores dignissimos ad illo.Consectetur mollitia quaerat hic iste mollitia. Sint id aliquid eaque.Adipisicing odio fugiat aperiam maiores quibusdam Ex odio quibusdam veniam.Lorem libero nemo odio cupiditate vel? Dolores dignissimos ad illo.Consectetur mollitia quaerat hic iste mollitia. Sint id aliquid eaque.
Sit elitElit harum dolores voluptatum illo voluptatibusConsectetur fuga est asperiores nulla quis Esse repudiandae et maioresLorem nesciunt exercitationem quisquam officia fugit. Iure sapiente beatae iste.Ipsum dolor aliquid quis nihil voluptas non Possimus facere veroConsectetur fuga est asperiores nulla quis Esse repudiandae et maioresLorem nesciunt exercitationem quisquam officia fugit. Iure sapiente beatae iste.Ipsum dolor aliquid quis nihil voluptas non Possimus facere veroConsectetur fuga est asperiores nulla quis Esse repudiandae et maioresLorem nesciunt exercitationem quisquam officia fugit. Iure sapiente beatae iste.Ipsum dolor aliquid quis nihil voluptas non Possimus facere veroConsectetur fuga est asperiores nulla quis Esse repudiandae et maioresLorem nesciunt exercitationem quisquam officia fugit. Iure sapiente beatae iste.Ipsum dolor aliquid quis nihil voluptas non Possimus facere vero
Ipsum vitaeAdipisicing explicabo quamAmet veritatis cumque nemo blanditiis esse? Enim fugiat maxime illoDolor debitis fugit at dolore voluptatum Officia consectetur hic eaIpsum eum dolorum iure debitis blanditiis fuga! Alias sapiente cupiditate.Amet veritatis cumque nemo blanditiis esse? Enim fugiat maxime illoDolor debitis fugit at dolore voluptatum Officia consectetur hic eaIpsum eum dolorum iure debitis blanditiis fuga! Alias sapiente cupiditate.Amet veritatis cumque nemo blanditiis esse? Enim fugiat maxime illoDolor debitis fugit at dolore voluptatum Officia consectetur hic eaIpsum eum dolorum iure debitis blanditiis fuga! Alias sapiente cupiditate.Amet veritatis cumque nemo blanditiis esse? Enim fugiat maxime illoDolor debitis fugit at dolore voluptatum Officia consectetur hic eaIpsum eum dolorum iure debitis blanditiis fuga! Alias sapiente cupiditate.
Lorem quiElit aspernatur dolorLorem omnis beatae facere aliquam nemo quisquam Accusamus perferendis quaerat.Consectetur omnis est voluptatem nihil expedita vero Corporis exercitationem nesciunt.Elit est temporibus reprehenderit ullam eum? Deleniti iusto nisi totam?Lorem omnis beatae facere aliquam nemo quisquam Accusamus perferendis quaerat.Consectetur omnis est voluptatem nihil expedita vero Corporis exercitationem nesciunt.Elit est temporibus reprehenderit ullam eum? Deleniti iusto nisi totam?Lorem omnis beatae facere aliquam nemo quisquam Accusamus perferendis quaerat.Consectetur omnis est voluptatem nihil expedita vero Corporis exercitationem nesciunt.Elit est temporibus reprehenderit ullam eum? Deleniti iusto nisi totam?Lorem omnis beatae facere aliquam nemo quisquam Accusamus perferendis quaerat.Consectetur omnis est voluptatem nihil expedita vero Corporis exercitationem nesciunt.Elit est temporibus reprehenderit ullam eum? Deleniti iusto nisi totam?
Amet reiciendisConsectetur lorem aliquam quia odioSit illum animi consequuntur vitae ut. Inventore quidem odit quo?Dolor debitis assumenda id cupiditate id Aperiam labore eveniet maximeAmet et ut distinctio rem dolore Ducimus voluptatum omnis voluptatem?Sit illum animi consequuntur vitae ut. Inventore quidem odit quo?Dolor debitis assumenda id cupiditate id Aperiam labore eveniet maximeAmet et ut distinctio rem dolore Ducimus voluptatum omnis voluptatem?Sit illum animi consequuntur vitae ut. Inventore quidem odit quo?Dolor debitis assumenda id cupiditate id Aperiam labore eveniet maximeAmet et ut distinctio rem dolore Ducimus voluptatum omnis voluptatem?Sit illum animi consequuntur vitae ut. Inventore quidem odit quo?Dolor debitis assumenda id cupiditate id Aperiam labore eveniet maximeAmet et ut distinctio rem dolore Ducimus voluptatum omnis voluptatem?
-
- -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Lorem nobisAmet repudiandaeIpsum earumAdipisicing illoConsectetur nullaConsectetur quisquamAmet laboreAmet repudiandaeIpsum earumAdipisicing illoConsectetur nullaConsectetur quisquamAmet labore
Adipisicing praesentiumElit exercitationemAmet quam omnis cupiditate reprehenderit iste Debitis facere sint culpa?Lorem error tenetur rem fugit culpa voluptates Voluptatibus incidunt modiConsectetur sapiente esse animi odio iusto, numquam Illum iusto magnamAmet quam omnis cupiditate reprehenderit iste Debitis facere sint culpa?Lorem error tenetur rem fugit culpa voluptates Voluptatibus incidunt modiConsectetur sapiente esse animi odio iusto, numquam Illum iusto magnamAmet quam omnis cupiditate reprehenderit iste Debitis facere sint culpa?Lorem error tenetur rem fugit culpa voluptates Voluptatibus incidunt modiConsectetur sapiente esse animi odio iusto, numquam Illum iusto magnamAmet quam omnis cupiditate reprehenderit iste Debitis facere sint culpa?Lorem error tenetur rem fugit culpa voluptates Voluptatibus incidunt modiConsectetur sapiente esse animi odio iusto, numquam Illum iusto magnam
Dolor beataeAmet quis quodAdipisicing quae alias cum vitae quidem Illo voluptate ratione et!Sit recusandae asperiores architecto similique illum cupiditate Neque odit quod?Adipisicing ad amet facilis explicabo laborum Necessitatibus tempora eligendi sitAdipisicing quae alias cum vitae quidem Illo voluptate ratione et!Sit recusandae asperiores architecto similique illum cupiditate Neque odit quod?Adipisicing ad amet facilis explicabo laborum Necessitatibus tempora eligendi sitAdipisicing quae alias cum vitae quidem Illo voluptate ratione et!Sit recusandae asperiores architecto similique illum cupiditate Neque odit quod?Adipisicing ad amet facilis explicabo laborum Necessitatibus tempora eligendi sitAdipisicing quae alias cum vitae quidem Illo voluptate ratione et!Sit recusandae asperiores architecto similique illum cupiditate Neque odit quod?Adipisicing ad amet facilis explicabo laborum Necessitatibus tempora eligendi sit
Amet sitIpsum dolorem rem assumendaElit et enim nostrum voluptate cupiditate minus Libero doloremque errorLorem optio consequatur mollitia praesentium repellendus. Harum a repellat error.Ipsum pariatur ea ipsam in laboriosam, possimus ratione! Sed numquam!Elit et enim nostrum voluptate cupiditate minus Libero doloremque errorLorem optio consequatur mollitia praesentium repellendus. Harum a repellat error.Ipsum pariatur ea ipsam in laboriosam, possimus ratione! Sed numquam!Elit et enim nostrum voluptate cupiditate minus Libero doloremque errorLorem optio consequatur mollitia praesentium repellendus. Harum a repellat error.Ipsum pariatur ea ipsam in laboriosam, possimus ratione! Sed numquam!Elit et enim nostrum voluptate cupiditate minus Libero doloremque errorLorem optio consequatur mollitia praesentium repellendus. Harum a repellat error.Ipsum pariatur ea ipsam in laboriosam, possimus ratione! Sed numquam!
Consectetur doloresAmet distinctio ullamIpsum esse vitae minus officia asperiores Perspiciatis eos exercitationem possimusLorem dolor vero esse ex minima Explicabo est nisi libero.Consectetur quas asperiores in iure vitae Illum reiciendis veritatis ullam?Ipsum esse vitae minus officia asperiores Perspiciatis eos exercitationem possimusLorem dolor vero esse ex minima Explicabo est nisi libero.Consectetur quas asperiores in iure vitae Illum reiciendis veritatis ullam?Ipsum esse vitae minus officia asperiores Perspiciatis eos exercitationem possimusLorem dolor vero esse ex minima Explicabo est nisi libero.Consectetur quas asperiores in iure vitae Illum reiciendis veritatis ullam?Ipsum esse vitae minus officia asperiores Perspiciatis eos exercitationem possimusLorem dolor vero esse ex minima Explicabo est nisi libero.Consectetur quas asperiores in iure vitae Illum reiciendis veritatis ullam?
Elit inciduntSit iustoAmet exercitationem modi dicta suscipit cum Molestias eius quae tenetur.Elit inventore aspernatur reprehenderit voluptates quo? Molestiae et dignissimos doloresDolor at eum voluptates eius magni ipsa nemo! Quia enim?Amet exercitationem modi dicta suscipit cum Molestias eius quae tenetur.Elit inventore aspernatur reprehenderit voluptates quo? Molestiae et dignissimos doloresDolor at eum voluptates eius magni ipsa nemo! Quia enim?Amet exercitationem modi dicta suscipit cum Molestias eius quae tenetur.Elit inventore aspernatur reprehenderit voluptates quo? Molestiae et dignissimos doloresDolor at eum voluptates eius magni ipsa nemo! Quia enim?Amet exercitationem modi dicta suscipit cum Molestias eius quae tenetur.Elit inventore aspernatur reprehenderit voluptates quo? Molestiae et dignissimos doloresDolor at eum voluptates eius magni ipsa nemo! Quia enim?
Lorem adipisicingAmetAdipisicing odio fugiat aperiam maiores quibusdam Ex odio quibusdam veniam.Lorem libero nemo odio cupiditate vel? Dolores dignissimos ad illo.Consectetur mollitia quaerat hic iste mollitia. Sint id aliquid eaque.Adipisicing odio fugiat aperiam maiores quibusdam Ex odio quibusdam veniam.Lorem libero nemo odio cupiditate vel? Dolores dignissimos ad illo.Consectetur mollitia quaerat hic iste mollitia. Sint id aliquid eaque.Adipisicing odio fugiat aperiam maiores quibusdam Ex odio quibusdam veniam.Lorem libero nemo odio cupiditate vel? Dolores dignissimos ad illo.Consectetur mollitia quaerat hic iste mollitia. Sint id aliquid eaque.Adipisicing odio fugiat aperiam maiores quibusdam Ex odio quibusdam veniam.Lorem libero nemo odio cupiditate vel? Dolores dignissimos ad illo.Consectetur mollitia quaerat hic iste mollitia. Sint id aliquid eaque.
Sit elitElit harum dolores voluptatum illo voluptatibusConsectetur fuga est asperiores nulla quis Esse repudiandae et maioresLorem nesciunt exercitationem quisquam officia fugit. Iure sapiente beatae iste.Ipsum dolor aliquid quis nihil voluptas non Possimus facere veroConsectetur fuga est asperiores nulla quis Esse repudiandae et maioresLorem nesciunt exercitationem quisquam officia fugit. Iure sapiente beatae iste.Ipsum dolor aliquid quis nihil voluptas non Possimus facere veroConsectetur fuga est asperiores nulla quis Esse repudiandae et maioresLorem nesciunt exercitationem quisquam officia fugit. Iure sapiente beatae iste.Ipsum dolor aliquid quis nihil voluptas non Possimus facere veroConsectetur fuga est asperiores nulla quis Esse repudiandae et maioresLorem nesciunt exercitationem quisquam officia fugit. Iure sapiente beatae iste.Ipsum dolor aliquid quis nihil voluptas non Possimus facere vero
Ipsum vitaeAdipisicing explicabo quamAmet veritatis cumque nemo blanditiis esse? Enim fugiat maxime illoDolor debitis fugit at dolore voluptatum Officia consectetur hic eaIpsum eum dolorum iure debitis blanditiis fuga! Alias sapiente cupiditate.Amet veritatis cumque nemo blanditiis esse? Enim fugiat maxime illoDolor debitis fugit at dolore voluptatum Officia consectetur hic eaIpsum eum dolorum iure debitis blanditiis fuga! Alias sapiente cupiditate.Amet veritatis cumque nemo blanditiis esse? Enim fugiat maxime illoDolor debitis fugit at dolore voluptatum Officia consectetur hic eaIpsum eum dolorum iure debitis blanditiis fuga! Alias sapiente cupiditate.Amet veritatis cumque nemo blanditiis esse? Enim fugiat maxime illoDolor debitis fugit at dolore voluptatum Officia consectetur hic eaIpsum eum dolorum iure debitis blanditiis fuga! Alias sapiente cupiditate.
Lorem quiElit aspernatur dolorLorem omnis beatae facere aliquam nemo quisquam Accusamus perferendis quaerat.Consectetur omnis est voluptatem nihil expedita vero Corporis exercitationem nesciunt.Elit est temporibus reprehenderit ullam eum? Deleniti iusto nisi totam?Lorem omnis beatae facere aliquam nemo quisquam Accusamus perferendis quaerat.Consectetur omnis est voluptatem nihil expedita vero Corporis exercitationem nesciunt.Elit est temporibus reprehenderit ullam eum? Deleniti iusto nisi totam?Lorem omnis beatae facere aliquam nemo quisquam Accusamus perferendis quaerat.Consectetur omnis est voluptatem nihil expedita vero Corporis exercitationem nesciunt.Elit est temporibus reprehenderit ullam eum? Deleniti iusto nisi totam?Lorem omnis beatae facere aliquam nemo quisquam Accusamus perferendis quaerat.Consectetur omnis est voluptatem nihil expedita vero Corporis exercitationem nesciunt.Elit est temporibus reprehenderit ullam eum? Deleniti iusto nisi totam?
Amet reiciendisConsectetur lorem aliquam quia odioSit illum animi consequuntur vitae ut. Inventore quidem odit quo?Dolor debitis assumenda id cupiditate id Aperiam labore eveniet maximeAmet et ut distinctio rem dolore Ducimus voluptatum omnis voluptatem?Sit illum animi consequuntur vitae ut. Inventore quidem odit quo?Dolor debitis assumenda id cupiditate id Aperiam labore eveniet maximeAmet et ut distinctio rem dolore Ducimus voluptatum omnis voluptatem?Sit illum animi consequuntur vitae ut. Inventore quidem odit quo?Dolor debitis assumenda id cupiditate id Aperiam labore eveniet maximeAmet et ut distinctio rem dolore Ducimus voluptatum omnis voluptatem?Sit illum animi consequuntur vitae ut. Inventore quidem odit quo?Dolor debitis assumenda id cupiditate id Aperiam labore eveniet maximeAmet et ut distinctio rem dolore Ducimus voluptatum omnis voluptatem?
-
- -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Lorem nobisAmet repudiandaeIpsum earumAdipisicing illoConsectetur nullaConsectetur quisquamAmet laboreAmet repudiandaeIpsum earumAdipisicing illoConsectetur nullaConsectetur quisquamAmet labore
Adipisicing praesentiumElit exercitationemAmet quam omnis cupiditate reprehenderit iste Debitis facere sint culpa?Lorem error tenetur rem fugit culpa voluptates Voluptatibus incidunt modiConsectetur sapiente esse animi odio iusto, numquam Illum iusto magnamAmet quam omnis cupiditate reprehenderit iste Debitis facere sint culpa?Lorem error tenetur rem fugit culpa voluptates Voluptatibus incidunt modiConsectetur sapiente esse animi odio iusto, numquam Illum iusto magnamAmet quam omnis cupiditate reprehenderit iste Debitis facere sint culpa?Lorem error tenetur rem fugit culpa voluptates Voluptatibus incidunt modiConsectetur sapiente esse animi odio iusto, numquam Illum iusto magnamAmet quam omnis cupiditate reprehenderit iste Debitis facere sint culpa?Lorem error tenetur rem fugit culpa voluptates Voluptatibus incidunt modiConsectetur sapiente esse animi odio iusto, numquam Illum iusto magnam
Dolor beataeAmet quis quodAdipisicing quae alias cum vitae quidem Illo voluptate ratione et!Sit recusandae asperiores architecto similique illum cupiditate Neque odit quod?Adipisicing ad amet facilis explicabo laborum Necessitatibus tempora eligendi sitAdipisicing quae alias cum vitae quidem Illo voluptate ratione et!Sit recusandae asperiores architecto similique illum cupiditate Neque odit quod?Adipisicing ad amet facilis explicabo laborum Necessitatibus tempora eligendi sitAdipisicing quae alias cum vitae quidem Illo voluptate ratione et!Sit recusandae asperiores architecto similique illum cupiditate Neque odit quod?Adipisicing ad amet facilis explicabo laborum Necessitatibus tempora eligendi sitAdipisicing quae alias cum vitae quidem Illo voluptate ratione et!Sit recusandae asperiores architecto similique illum cupiditate Neque odit quod?Adipisicing ad amet facilis explicabo laborum Necessitatibus tempora eligendi sit
Amet sitIpsum dolorem rem assumendaElit et enim nostrum voluptate cupiditate minus Libero doloremque errorLorem optio consequatur mollitia praesentium repellendus. Harum a repellat error.Ipsum pariatur ea ipsam in laboriosam, possimus ratione! Sed numquam!Elit et enim nostrum voluptate cupiditate minus Libero doloremque errorLorem optio consequatur mollitia praesentium repellendus. Harum a repellat error.Ipsum pariatur ea ipsam in laboriosam, possimus ratione! Sed numquam!Elit et enim nostrum voluptate cupiditate minus Libero doloremque errorLorem optio consequatur mollitia praesentium repellendus. Harum a repellat error.Ipsum pariatur ea ipsam in laboriosam, possimus ratione! Sed numquam!Elit et enim nostrum voluptate cupiditate minus Libero doloremque errorLorem optio consequatur mollitia praesentium repellendus. Harum a repellat error.Ipsum pariatur ea ipsam in laboriosam, possimus ratione! Sed numquam!
Consectetur doloresAmet distinctio ullamIpsum esse vitae minus officia asperiores Perspiciatis eos exercitationem possimusLorem dolor vero esse ex minima Explicabo est nisi libero.Consectetur quas asperiores in iure vitae Illum reiciendis veritatis ullam?Ipsum esse vitae minus officia asperiores Perspiciatis eos exercitationem possimusLorem dolor vero esse ex minima Explicabo est nisi libero.Consectetur quas asperiores in iure vitae Illum reiciendis veritatis ullam?Ipsum esse vitae minus officia asperiores Perspiciatis eos exercitationem possimusLorem dolor vero esse ex minima Explicabo est nisi libero.Consectetur quas asperiores in iure vitae Illum reiciendis veritatis ullam?Ipsum esse vitae minus officia asperiores Perspiciatis eos exercitationem possimusLorem dolor vero esse ex minima Explicabo est nisi libero.Consectetur quas asperiores in iure vitae Illum reiciendis veritatis ullam?
Elit inciduntSit iustoAmet exercitationem modi dicta suscipit cum Molestias eius quae tenetur.Elit inventore aspernatur reprehenderit voluptates quo? Molestiae et dignissimos doloresDolor at eum voluptates eius magni ipsa nemo! Quia enim?Amet exercitationem modi dicta suscipit cum Molestias eius quae tenetur.Elit inventore aspernatur reprehenderit voluptates quo? Molestiae et dignissimos doloresDolor at eum voluptates eius magni ipsa nemo! Quia enim?Amet exercitationem modi dicta suscipit cum Molestias eius quae tenetur.Elit inventore aspernatur reprehenderit voluptates quo? Molestiae et dignissimos doloresDolor at eum voluptates eius magni ipsa nemo! Quia enim?Amet exercitationem modi dicta suscipit cum Molestias eius quae tenetur.Elit inventore aspernatur reprehenderit voluptates quo? Molestiae et dignissimos doloresDolor at eum voluptates eius magni ipsa nemo! Quia enim?
Lorem adipisicingAmetAdipisicing odio fugiat aperiam maiores quibusdam Ex odio quibusdam veniam.Lorem libero nemo odio cupiditate vel? Dolores dignissimos ad illo.Consectetur mollitia quaerat hic iste mollitia. Sint id aliquid eaque.Adipisicing odio fugiat aperiam maiores quibusdam Ex odio quibusdam veniam.Lorem libero nemo odio cupiditate vel? Dolores dignissimos ad illo.Consectetur mollitia quaerat hic iste mollitia. Sint id aliquid eaque.Adipisicing odio fugiat aperiam maiores quibusdam Ex odio quibusdam veniam.Lorem libero nemo odio cupiditate vel? Dolores dignissimos ad illo.Consectetur mollitia quaerat hic iste mollitia. Sint id aliquid eaque.Adipisicing odio fugiat aperiam maiores quibusdam Ex odio quibusdam veniam.Lorem libero nemo odio cupiditate vel? Dolores dignissimos ad illo.Consectetur mollitia quaerat hic iste mollitia. Sint id aliquid eaque.
Sit elitElit harum dolores voluptatum illo voluptatibusConsectetur fuga est asperiores nulla quis Esse repudiandae et maioresLorem nesciunt exercitationem quisquam officia fugit. Iure sapiente beatae iste.Ipsum dolor aliquid quis nihil voluptas non Possimus facere veroConsectetur fuga est asperiores nulla quis Esse repudiandae et maioresLorem nesciunt exercitationem quisquam officia fugit. Iure sapiente beatae iste.Ipsum dolor aliquid quis nihil voluptas non Possimus facere veroConsectetur fuga est asperiores nulla quis Esse repudiandae et maioresLorem nesciunt exercitationem quisquam officia fugit. Iure sapiente beatae iste.Ipsum dolor aliquid quis nihil voluptas non Possimus facere veroConsectetur fuga est asperiores nulla quis Esse repudiandae et maioresLorem nesciunt exercitationem quisquam officia fugit. Iure sapiente beatae iste.Ipsum dolor aliquid quis nihil voluptas non Possimus facere vero
Ipsum vitaeAdipisicing explicabo quamAmet veritatis cumque nemo blanditiis esse? Enim fugiat maxime illoDolor debitis fugit at dolore voluptatum Officia consectetur hic eaIpsum eum dolorum iure debitis blanditiis fuga! Alias sapiente cupiditate.Amet veritatis cumque nemo blanditiis esse? Enim fugiat maxime illoDolor debitis fugit at dolore voluptatum Officia consectetur hic eaIpsum eum dolorum iure debitis blanditiis fuga! Alias sapiente cupiditate.Amet veritatis cumque nemo blanditiis esse? Enim fugiat maxime illoDolor debitis fugit at dolore voluptatum Officia consectetur hic eaIpsum eum dolorum iure debitis blanditiis fuga! Alias sapiente cupiditate.Amet veritatis cumque nemo blanditiis esse? Enim fugiat maxime illoDolor debitis fugit at dolore voluptatum Officia consectetur hic eaIpsum eum dolorum iure debitis blanditiis fuga! Alias sapiente cupiditate.
Lorem quiElit aspernatur dolorLorem omnis beatae facere aliquam nemo quisquam Accusamus perferendis quaerat.Consectetur omnis est voluptatem nihil expedita vero Corporis exercitationem nesciunt.Elit est temporibus reprehenderit ullam eum? Deleniti iusto nisi totam?Lorem omnis beatae facere aliquam nemo quisquam Accusamus perferendis quaerat.Consectetur omnis est voluptatem nihil expedita vero Corporis exercitationem nesciunt.Elit est temporibus reprehenderit ullam eum? Deleniti iusto nisi totam?Lorem omnis beatae facere aliquam nemo quisquam Accusamus perferendis quaerat.Consectetur omnis est voluptatem nihil expedita vero Corporis exercitationem nesciunt.Elit est temporibus reprehenderit ullam eum? Deleniti iusto nisi totam?Lorem omnis beatae facere aliquam nemo quisquam Accusamus perferendis quaerat.Consectetur omnis est voluptatem nihil expedita vero Corporis exercitationem nesciunt.Elit est temporibus reprehenderit ullam eum? Deleniti iusto nisi totam?
Amet reiciendisConsectetur lorem aliquam quia odioSit illum animi consequuntur vitae ut. Inventore quidem odit quo?Dolor debitis assumenda id cupiditate id Aperiam labore eveniet maximeAmet et ut distinctio rem dolore Ducimus voluptatum omnis voluptatem?Sit illum animi consequuntur vitae ut. Inventore quidem odit quo?Dolor debitis assumenda id cupiditate id Aperiam labore eveniet maximeAmet et ut distinctio rem dolore Ducimus voluptatum omnis voluptatem?Sit illum animi consequuntur vitae ut. Inventore quidem odit quo?Dolor debitis assumenda id cupiditate id Aperiam labore eveniet maximeAmet et ut distinctio rem dolore Ducimus voluptatum omnis voluptatem?Sit illum animi consequuntur vitae ut. Inventore quidem odit quo?Dolor debitis assumenda id cupiditate id Aperiam labore eveniet maximeAmet et ut distinctio rem dolore Ducimus voluptatum omnis voluptatem?
-
- -
diff --git a/resources/styles/organisms/table/table.html b/resources/styles/organisms/table/table.html deleted file mode 100644 index 435a2bf..0000000 --- a/resources/styles/organisms/table/table.html +++ /dev/null @@ -1,83 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Lorem nobisAmet repudiandaeIpsum earumAdipisicing illo
Adipisicing praesentiumElit exercitationemAmet quam omnis cupiditate reprehenderit iste Debitis facere sint culpa?Lorem error tenetur rem fugit culpa voluptates Voluptatibus incidunt modiConsectetur sapiente esse animi odio iusto, numquam Illum iusto magnam
Dolor beataeAmet quis quodAdipisicing quae alias cum vitae quidem Illo voluptate ratione et!Sit recusandae asperiores architecto similique illum cupiditate Neque odit quod?Adipisicing ad amet facilis explicabo laborum Necessitatibus tempora eligendi sit
Amet sitIpsum dolorem rem assumendaElit et enim nostrum voluptate cupiditate minus Libero doloremque errorLorem optio consequatur mollitia praesentium repellendus. Harum a repellat error.Ipsum pariatur ea ipsam in laboriosam, possimus ratione! Sed numquam!
Consectetur doloresAmet distinctio ullamIpsum esse vitae minus officia asperiores Perspiciatis eos exercitationem possimusLorem dolor vero esse ex minima Explicabo est nisi libero.Consectetur quas asperiores in iure vitae Illum reiciendis veritatis ullam?
Elit inciduntSit iustoAmet exercitationem modi dicta suscipit cum Molestias eius quae tenetur.Elit inventore aspernatur reprehenderit voluptates quo? Molestiae et dignissimos doloresDolor at eum voluptates eius magni ipsa nemo! Quia enim?
Lorem adipisicingAmetAdipisicing odio fugiat aperiam maiores quibusdam Ex odio quibusdam veniam.Lorem libero nemo odio cupiditate vel? Dolores dignissimos ad illo.Consectetur mollitia quaerat hic iste mollitia. Sint id aliquid eaque.
Sit elitElit harum dolores voluptatum illo voluptatibusConsectetur fuga est asperiores nulla quis Esse repudiandae et maioresLorem nesciunt exercitationem quisquam officia fugit. Iure sapiente beatae iste.Ipsum dolor aliquid quis nihil voluptas non Possimus facere vero
Ipsum vitaeAdipisicing explicabo quamAmet veritatis cumque nemo blanditiis esse? Enim fugiat maxime illoDolor debitis fugit at dolore voluptatum Officia consectetur hic eaIpsum eum dolorum iure debitis blanditiis fuga! Alias sapiente cupiditate.
Lorem quiElit aspernatur dolorLorem omnis beatae facere aliquam nemo quisquam Accusamus perferendis quaerat.Consectetur omnis est voluptatem nihil expedita vero Corporis exercitationem nesciunt.Elit est temporibus reprehenderit ullam eum? Deleniti iusto nisi totam?
Amet reiciendisConsectetur lorem aliquam quia odioSit illum animi consequuntur vitae ut. Inventore quidem odit quo?Dolor debitis assumenda id cupiditate id Aperiam labore eveniet maximeAmet et ut distinctio rem dolore Ducimus voluptatum omnis voluptatem?
diff --git a/resources/styles/organisms/testimonialSlider/testimonialSlider.html b/resources/styles/organisms/testimonialSlider/testimonialSlider.html deleted file mode 100644 index 384946f..0000000 --- a/resources/styles/organisms/testimonialSlider/testimonialSlider.html +++ /dev/null @@ -1,140 +0,0 @@ -
- - - -
- - Don’t take our word for it, read some of our thoughtful testimonials and decide for yourself. - -
-
- - -
-

- Suspendisse ac blandit nisi, non tempor purus. Pellentesque ornare tellus molestie quam pretium aliquet. Mauris eu est at velit cursus rutrum non sit amet turpis. Phasellus mauris est, fermentum sit amet tincidunt ultricies, egestas a ante proin et eros rutrum urna sollicitudin euismod non ut sem! -

-
-
- Placeholder photo -
- - Firstnamerson Lastname - - Director of Important Titles, CorporateCorp - - -
-
- - -
-

- Lorem ipsum dolor sit amet consectetur adipisicing elit. Nihil accusantium eligendi tempore placeat facere non enim expedita eum iusto delectus veniam inventore, a cumque vel? Illum ipsa in tempore minima? -

-
-
- Placeholder photo -
- - Firstnamerson Lastname - - Director of Important Titles, CorporateCorp - - -
-
- - -
-

- Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia quo, maiores rerum ducimus et numquam maxime labore dolores laboriosam dolorum repudiandae consequuntur animi voluptas dignissimos reprehenderit modi non quibusdam amet. -

-
-
- Placeholder photo -
- - Firstnamerson Lastname - - Director of Important Titles, CorporateCorp - - -
-
- - -
-

- Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quae animi molestias non itaque reiciendis facere est suscipit consequuntur eaque ipsum explicabo, corporis nulla enim earum fuga, distinctio voluptate possimus deserunt? -

-
-
- Placeholder photo -
- - Firstnamerson Lastname - - Director of Important Titles, CorporateCorp - - -
-
- - -
-

- Suspendisse ac blandit nisi, non tempor purus. Pellentesque ornare tellus molestie quam pretium aliquet. Mauris eu est at velit cursus rutrum non sit amet turpis. Phasellus mauris est, fermentum sit amet tincidunt ultricies, egestas a ante proin et eros rutrum urna sollicitudin euismod non ut sem! -

-
-
- Placeholder photo -
- - Firstnamerson Lastname - - Director of Important Titles, CorporateCorp - - -
-
- - -
-

- Lorem ipsum dolor sit amet consectetur adipisicing elit. Nisi, exercitationem adipisci laboriosam nulla modi omnis excepturi vitae deleniti illum porro. Mollitia modi laudantium doloremque fugiat nostrum itaque quod quo error! -

-
-
- Placeholder photo -
- - Firstnamerson Lastname - - Director of Important Titles, CorporateCorp - - -
-
- - -
-

- Lorem ipsum dolor, sit amet consectetur adipisicing elit. Velit, obcaecati! Suscipit quidem ipsa qui sunt nihil aliquid. Alias veniam maxime, assumenda amet, totam, cupiditate sunt ab exercitationem voluptas incidunt harum. -

-
-
- Placeholder photo -
- - Firstnamerson Lastname - - Director of Important Titles, CorporateCorp - - -
-
- - -
-
diff --git a/resources/styles/utilities/.gitkeep b/resources/styles/utilities/.gitkeep new file mode 100644 index 0000000..e69de29 diff --git a/resources/styles/utilities/colors/colors.html b/resources/styles/utilities/colors/colors.html deleted file mode 100644 index 407ed30..0000000 --- a/resources/styles/utilities/colors/colors.html +++ /dev/null @@ -1,24 +0,0 @@ -

default

-
- -

.error

-
- -

.warning

-
- -

.success

-
- -

.info

-
- -

.accent-primary

-
- -

.accent-secondary

-
- -

.accent-tertiary

-
- diff --git a/resources/styles/utilities/colors/index.scss b/resources/styles/utilities/colors/index.scss deleted file mode 100644 index 40da36a..0000000 --- a/resources/styles/utilities/colors/index.scss +++ /dev/null @@ -1,61 +0,0 @@ -.accent-primary { - --accent-color: var(--color-purple); - --link-color: #fff; - --heading-color: #fff; -} - -.accent-secondary { - --accent-color: var(--color-blue); - --accent-color-700: var(--color-blue-700); - --link-color: #fff; - --heading-color: #fff; -} - -.accent-tertiary { - --accent-color: var(--color-aqua); - --accent-color-700: var(--color-aqua-700); - --link-color: color-mix(in srgb, var(--color-purple), #000 40%); -} - -.accent-white { - --accent-color-50: rgb(255 255 255 / .1); - --accent-color-100: rgb(255 255 255 / .2); - --accent-color-200: rgb(255 255 255 / .4); - --accent-color-300: rgb(255 255 255 / .6); - --accent-color-400: rgb(255 255 255 / .8); - --accent-color: #fff; - --accent-color-text: var(--color-purple); -} - -.accent-black { - --accent-color: #000; - --accent-color-600: rgb(0 0 0 / .8); - --accent-color-700: rgb(0 0 0 / .6); - --accent-color-800: rgb(0 0 0 / .4); - --accent-color-900: rgb(0 0 0 / .2); - --accent-color-950: rgb(0 0 0 / .1); -} - -.error { - --accent-color-50: var(--root-color-error-50); - --accent-color: var(--root-color-error); - --accent-color-900: var(--root-color-error-900); -} - -.warning { - --accent-color-50: var(--root-color-warning-50); - --accent-color: var(--root-color-warning); - --accent-color-900: var(--root-color-warning-900); -} - -.success { - --accent-color-50: var(--root-color-success-50); - --accent-color: var(--root-color-success); - --accent-color-900: var(--root-color-success-900); -} - -.info { - --accent-color-50: var(--root-color-info-50); - --accent-color: var(--root-color-info); - --accent-color-900: var(--root-color-info-900); -} diff --git a/resources/styles/utilities/editor/index.scss b/resources/styles/utilities/editor/index.scss deleted file mode 100644 index 13f7135..0000000 --- a/resources/styles/utilities/editor/index.scss +++ /dev/null @@ -1,9 +0,0 @@ -.container--editor { - border: 2px dashed #ccc; - padding: 1rem; - margin: 1rem 0; - - &:hover { - border-color: #999; - } -} \ No newline at end of file diff --git a/resources/styles/utilities/index.scss b/resources/styles/utilities/index.scss deleted file mode 100644 index 26f8444..0000000 --- a/resources/styles/utilities/index.scss +++ /dev/null @@ -1,2 +0,0 @@ -@forward './colors'; -@forward './editor'; \ No newline at end of file diff --git a/templates/blocks/feature-cards.twig b/templates/blocks/feature-cards.twig index 7404cfc..219431a 100644 --- a/templates/blocks/feature-cards.twig +++ b/templates/blocks/feature-cards.twig @@ -1,7 +1,5 @@ -
-
- {% for card in block.cards %} - {% include 'partials/card.twig' with { card: card } %} - {% endfor %} -
-
\ No newline at end of file +
+ {% for card in block.cards %} + {% include 'partials/card.twig' with { card: card } %} + {% endfor %} +
diff --git a/vite.config.js b/vite.config.js index fa11a47..2465081 100644 --- a/vite.config.js +++ b/vite.config.js @@ -93,7 +93,8 @@ export default defineConfig(({ mode }) => { alias: { '@': process.env.NODE_ENV === 'development' ? resolve(wpContentPath + '/static') : '/static', '@styles': resolve(__dirname, 'resources/styles'), - 'vue': 'vue/dist/vue.esm-bundler.js' + 'vue': 'vue/dist/vue.esm-bundler.js', + '/main-icons-sprite.svg': resolve(__dirname, 'resources/images/main-icons-sprite.svg') } } }; diff --git a/yarn.lock b/yarn.lock index d05b6cc..7433612 100644 --- a/yarn.lock +++ b/yarn.lock @@ -20,9 +20,9 @@ "@babel/types" "^7.27.1" "@babel/runtime@^7.8.4": - version "7.27.1" - resolved "https://registry.npmjs.org/@babel/runtime/-/runtime-7.27.1.tgz" - integrity sha512-1x3D2xEk2fRo3PAhwQwu5UubzgiVWSXTBfWpVd2Mx2AzRqJuDJCsgaDVZ7HB5iGzDW1Hl1sWN2mFyKjmR9uAog== + version "7.28.4" + resolved "https://registry.npmjs.org/@babel/runtime/-/runtime-7.28.4.tgz" + integrity sha512-Q/N6JNWvIvPnLDvjlE1OUBLPQHH6l3CltCEsHIujp45zQUSSh8K+gHnaEX45yAT1nyngnINhvWtzN+Nb9D8RAQ== "@babel/types@^7.27.1": version "7.27.1" @@ -59,21 +59,21 @@ resolved "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.24.0.tgz" integrity sha512-CKyDpRbK1hXwv79soeTJNHb5EiG6ct3efd/FTPdzOWdbZZfGhpbcqIpiD0+vwmpu0wTIL97ZRPZu8vUt46nBSw== -"@imarc/pronto@^2.0.0-rc.12": - version "2.0.0-rc.12" - resolved "https://registry.npmjs.org/@imarc/pronto/-/pronto-2.0.0-rc.12.tgz" - integrity sha512-krvB8s/954yraS3WmqJefhhDu3O9IlVhQTYgMqX617US+GN3xh5Gee3jobHqOq8thGl1VsuXY3YSXtleqnZpdw== +"@imarc/pronto@^2.0.3": + version "2.0.3" + resolved "https://registry.npmjs.org/@imarc/pronto/-/pronto-2.0.3.tgz" + integrity sha512-5cfjHsqn7qmgQzEBiBL9D8lqSN7giAuBJGEq7ueVY9z0Ig6pCbF6uLcax42OIUPGbU57CRz9zKhEf/C158K0Kw== dependencies: "@clack/prompts" "^0.9.1" - "@imarc/vitrine" "^1.0.6" + "@imarc/vitrine" "^1.2.1" modern-normalize "^3.0.1" swiper "^11.2.6" vue "^3.4.31" -"@imarc/vitrine@^1.0.6": - version "1.0.6" - resolved "https://registry.npmjs.org/@imarc/vitrine/-/vitrine-1.0.6.tgz" - integrity sha512-YcfSqE9dm4NSMZzbUZUhFu1xVkw/u4bmh3XsJs5iOwZWdhl/TG3fKB1JTzZNBPDZqkdZCwFqavAhE4RnJtJN9w== +"@imarc/vitrine@^1.2.1": + version "1.2.2" + resolved "https://registry.npmjs.org/@imarc/vitrine/-/vitrine-1.2.2.tgz" + integrity sha512-BYF4tpkzRuCrXndtPoxFtGckTt+pF2FUNK3QtzQPuBiQK4gImgGRl+lrxsGPguCQKi6AuiiTVCVTV+IML7UETQ== dependencies: "@vue/server-renderer" "^3.4.38" fdir "^6.4.3" @@ -338,9 +338,9 @@ before-after-hook@^2.2.0: integrity sha512-NzUnlZexiaH/46WDhANlyR2bXRopNg4F/zuSA3OpZnllCUgRaOF2znDioDWrmbNVsuZk6l9pMquQB38cfBZwkQ== brace-expansion@^1.1.7: - version "1.1.11" - resolved "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz" - integrity sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA== + version "1.1.12" + resolved "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz" + integrity sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg== dependencies: balanced-match "^1.0.0" concat-map "0.0.1" @@ -454,9 +454,9 @@ estree-walker@^2.0.2: integrity sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w== fdir@^6.4.3: - version "6.4.4" - resolved "https://registry.npmjs.org/fdir/-/fdir-6.4.4.tgz" - integrity sha512-1NZP+GK4GfuAv3PqKvxQRDMjdSRZjnkq7KfhlNrCNNlZ0ygQFpebfrnfnq/W7fpUnAv9aGWmY1zKx7FYL3gwhg== + version "6.5.0" + resolved "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz" + integrity sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg== fill-range@^7.1.1: version "7.1.1" @@ -534,9 +534,9 @@ magic-string@^0.30.11: "@jridgewell/sourcemap-codec" "^1.5.0" marked@^15.0.6: - version "15.0.11" - resolved "https://registry.npmjs.org/marked/-/marked-15.0.11.tgz" - integrity sha512-1BEXAU2euRCG3xwgLVT1y0xbJEld1XOrmRJpUwRCcy7rxhSCwMrmEu9LXoPhHSCJG41V7YcQ2mjKRr5BA3ITIA== + version "15.0.12" + resolved "https://registry.npmjs.org/marked/-/marked-15.0.12.tgz" + integrity sha512-8dD6FusOQSrpv9Z1rdNMdlSgQOIP880DHqnohobOmYLElGEqAL/JvxvuxZO16r4HtjTlfPRDC1hbvxC9dPN2nA== micromatch@^4.0.5, micromatch@^4.0.8: version "4.0.8" @@ -603,9 +603,9 @@ picomatch@^2.3.1: integrity sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA== "picomatch@^3 || ^4", picomatch@^4.0.2: - version "4.0.2" - resolved "https://registry.npmjs.org/picomatch/-/picomatch-4.0.2.tgz" - integrity sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg== + version "4.0.3" + resolved "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz" + integrity sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q== postcss@^8.4.48, postcss@^8.4.49: version "8.4.49" @@ -713,9 +713,9 @@ sass@*, sass@^1.83.0: "@parcel/watcher" "^2.4.1" semver@^7.6.3: - version "7.7.1" - resolved "https://registry.npmjs.org/semver/-/semver-7.7.1.tgz" - integrity sha512-hlq8tAfn0m/61p4BVRcPzIGr6LKiMwo4VM6dGi6pt4qcRkmNzTcWq6eCEjEh+qXjkMDvPlOFFSGwQjoEa6gyMA== + version "7.7.2" + resolved "https://registry.npmjs.org/semver/-/semver-7.7.2.tgz" + integrity sha512-RF0Fw+rO5AMf9MAyaRXI4AV0Ulj5lMHqVxxdSgiVbixSCXoEmmX/jk0CuJw4+3SqroYO9VoUh+HcuJivvtJemA== sisteransi@^1.0.5: version "1.0.5"