diff --git a/.github/FUNDING.yml b/.github/FUNDING.yml index 42f98c3..8ba468c 100644 --- a/.github/FUNDING.yml +++ b/.github/FUNDING.yml @@ -9,4 +9,4 @@ community_bridge: # Replace with a single Community Bridge project-name e.g., cl liberapay: scriptex issuehunt: scriptex otechie: # Replace with a single Otechie username -custom: ['paypal.me/scriptex'] +custom: ['paypal.me/scriptex', 'revolut.me/scriptex'] diff --git a/.github/workflows/build.yml b/.github/workflows/build.yml index 5d813bf..3ec4608 100644 --- a/.github/workflows/build.yml +++ b/.github/workflows/build.yml @@ -1,13 +1,6 @@ -# This workflow will do a clean install of node dependencies, build the source code and run tests across different versions of node -# For more information see: https://help.github.com/actions/language-and-framework-guides/using-nodejs-with-github-actions - name: Build -on: - push: - branches: [master] - pull_request: - branches: [master] +on: [push, pull_request] jobs: build: @@ -24,4 +17,4 @@ jobs: with: node-version: ${{ matrix.node-version }} - run: yarn - - run: yarn build + - run: yarn deploy diff --git a/.gitignore b/.gitignore index 4bc71cf..90487cc 100644 --- a/.gitignore +++ b/.gitignore @@ -17,4 +17,5 @@ node_modules/ ehthumbs.db Thumbs.db -.vercel +main.css +demo/*.css diff --git a/.npmignore b/.npmignore index 962164a..aa33f11 100644 --- a/.npmignore +++ b/.npmignore @@ -6,7 +6,7 @@ yarn-debug.log* yarn-error.log* # Dependency directory -node_modules/ +node_modules # Misc .DS_Store @@ -17,30 +17,27 @@ node_modules/ ehthumbs.db Thumbs.db -# EditorConfig +# Config folders and files +.github +_config.yml +_.config.yml .editorconfig - -# Git -.gitignore .gitattributes - -# CI -.travis.yml - -# lock files -yarn.lock - -# Prettier -.prettierrc +.gitignore +.nvmrc .prettierignore - -# Config files -now.json -renovate.json -postcss.config.js - -# Project specific -.github -.vercel +.prettierrc +.stylelintignore +.stylelintrc +.travis.yml .whitesource +itcss.sketch itcss.svg +postcss.config.js +renovate.json +tsconfig.json +tslint.json +yarn.lock + +!main.css +demo diff --git a/.travis.yml b/.travis.yml index ea2b50c..a90b067 100644 --- a/.travis.yml +++ b/.travis.yml @@ -5,4 +5,4 @@ node_js: install: - yarn script: - - yarn build + - yarn deploy diff --git a/.whitesource b/.whitesource index c15191b..2b57f2c 100644 --- a/.whitesource +++ b/.whitesource @@ -5,4 +5,4 @@ "checkRunSettings": { "vulnerableCheckRunConclusionLevel": "success" } -} \ No newline at end of file +} diff --git a/README.md b/README.md index c95cc80..78130db 100644 --- a/README.md +++ b/README.md @@ -2,15 +2,30 @@ # ITCSS -[![GitHub release](https://img.shields.io/github/release/scriptex/itcss.svg)](https://github.com/scriptex/itcss/releases/latest) -[![GitHub issues](https://img.shields.io/github/issues/scriptex/itcss.svg)](https://github.com/scriptex/itcss/issues) -[![GitHub last commit](https://img.shields.io/github/last-commit/scriptex/itcss.svg)](https://github.com/scriptex/itcss/commits/master) -[![Build Status](https://travis-ci.com/scriptex/itcss.svg?branch=master)](https://travis-ci.com/scriptex/itcss) -[![npm](https://img.shields.io/npm/dt/itcss.svg)](https://www.npmjs.com/package/itcss) -[![npm](https://img.shields.io/npm/v/itcss.svg)](https://www.npmjs.com/package/itcss) -[![Analytics](https://ga-beacon.appspot.com/UA-83446952-1/github.com/scriptex/itcss/README.md)](https://github.com/scriptex/itcss/) +[![Travis CI](https://travis-ci.com/scriptex/itcss.svg?branch=master)](https://travis-ci.com/scriptex/itcss) +[![Github Build](https://github.com/scriptex/itcss/workflows/Build/badge.svg)](https://github.com/scriptex/itcss/actions?query=workflow%3ABuild) +[![Codacy Badge](https://app.codacy.com/project/badge/Grade/34d3d75710534dc6a38c3584a1dcd068)](https://www.codacy.com/gh/scriptex/itcss/dashboard?utm_source=github.com&utm_medium=referral&utm_content=scriptex/itcss&utm_campaign=Badge_Grade) +[![Codebeat Badge](https://codebeat.co/badges/d765a4c8-2c0e-44f2-89c3-fa364fdc14e6)](https://codebeat.co/projects/github-com-scriptex-itcss-master) +[![CodeFactor Badge](https://www.codefactor.io/repository/github/scriptex/itcss/badge)](https://www.codefactor.io/repository/github/scriptex/itcss) +[![DeepScan grade](https://deepscan.io/api/teams/3574/projects/5257/branches/40799/badge/grade.svg)](https://deepscan.io/dashboard#view=project&tid=3574&pid=5257&bid=40799) +[![Analytics](https://ga-beacon-361907.ew.r.appspot.com/UA-83446952-1/github.com/scriptex/itcss/README.md?pixel)](https://github.com/scriptex/itcss/) -A starter boilerplate based on the [ITCSS](https://www.xfive.co/blog/itcss-scalable-maintainable-css-architecture/) (Inverted Triangle CSS) methodology. +> A starter boilerplate based on the [ITCSS](https://www.xfive.co/blog/itcss-scalable-maintainable-css-architecture/) (Inverted Triangle CSS) methodology. + +## Visitor stats + +![GitHub stars](https://img.shields.io/github/stars/scriptex/itcss?style=social) +![GitHub forks](https://img.shields.io/github/forks/scriptex/itcss?style=social) +![GitHub watchers](https://img.shields.io/github/watchers/scriptex/itcss?style=social) +![GitHub followers](https://img.shields.io/github/followers/scriptex?style=social) + +## Code stats + +![GitHub code size in bytes](https://img.shields.io/github/languages/code-size/scriptex/itcss) +![GitHub repo size](https://img.shields.io/github/repo-size/scriptex/itcss?style=plastic) +![GitHub language count](https://img.shields.io/github/languages/count/scriptex/itcss?style=plastic) +![GitHub top language](https://img.shields.io/github/languages/top/scriptex/itcss?style=plastic) +![GitHub last commit](https://img.shields.io/github/last-commit/scriptex/itcss?style=plastic) ## About @@ -532,12 +547,100 @@ In order to do so in your setup, please refer to the [`postcss.config.js`](https } ``` -## Support this project - -[![Tweet](https://img.shields.io/badge/Tweet-Share_this_repository-blue.svg?style=flat-square&logo=twitter&color=38A1F3)](https://twitter.com/intent/tweet?text=Checkout%20this%20awesome%20software%20project%3A&url=https%3A%2F%2Fgithub.com%2Fscriptex%2Fitcss&via=scriptexbg&hashtags=software%2Cgithub%2Ccode%2Cawesome) -[![Donate](https://img.shields.io/badge/Donate-Support_me_on_PayPal-blue.svg?style=flat-square&logo=paypal&color=222d65)](https://www.paypal.me/scriptex) -[![Become a Patron](https://img.shields.io/badge/Become_Patron-Support_me_on_Patreon-blue.svg?style=flat-square&logo=patreon&color=e64413)](https://www.patreon.com/atanas) - ## LICENSE MIT + +--- + +
+ Connect with me: +
+ +
+ +
+ + + +   + + + +   + + + +   + + + +   + + + +   + + + +   + + + +   + + + +   + + + +   + + + +   + + + +   + + + +
+ +--- + +
+Support and sponsor my work: +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + +
diff --git a/assets/objects/_shell.css b/assets/objects/_shell.css index d62715e..8cd4dd2 100644 --- a/assets/objects/_shell.css +++ b/assets/objects/_shell.css @@ -8,6 +8,7 @@ .o-shell--flex { @mixin flex-row; + justify-content: space-between; } .o-shell--fluid { diff --git a/demo/index.html b/demo/index.html index 0e82ae7..e32c5ce 100644 --- a/demo/index.html +++ b/demo/index.html @@ -2,19 +2,51 @@ + + ITCSS Demo - + + + + + + + + + + See code on Github + +

+
Logo
+
@@ -227,6 +259,8 @@

Fullsize background

Designed and developed by Atanas Atanasov. All rights reserved.

+ +

diff --git a/demo/main.css b/demo/main.css deleted file mode 100644 index d244e15..0000000 --- a/demo/main.css +++ /dev/null @@ -1,1116 +0,0 @@ -/* Document - * ========================================================================== */ -/** - * 1. Correct the line height in all browsers. - */ -:where(html) { - line-height: 1.15; /* 1 */ -} -/* Sections - * ========================================================================== */ -/** - * Correct the font size and margin on `h1` elements within `section` and - * `article` contexts in Chrome, Edge, Firefox, and Safari. - */ -:where(h1) { - font-size: 2em; - -webkit-margin-after: 0.67em; - margin-block-end: 0.67em; - -webkit-margin-before: 0.67em; - margin-block-start: 0.67em; -} -/* Grouping content - * ========================================================================== */ -/** - * Remove the margin on nested lists in Chrome, Edge, and Safari. - */ -:where(dl, ol, ul) :where(dl, ol, ul) { - -webkit-margin-after: 0; - margin-block-end: 0; - -webkit-margin-before: 0; - margin-block-start: 0; -} -/** - * 1. Add the correct box sizing in Firefox. - * 2. Correct the inheritance of border color in Firefox. - */ -:where(hr) { - -webkit-box-sizing: content-box; - box-sizing: content-box; /* 1 */ - color: inherit; /* 2 */ - height: 0; /* 1 */ -} -/** - * 1. Correct the inheritance and scaling of font size in all browsers. - * 2. Correct the odd `em` font sizing in all browsers. - */ -:where(pre) { - font-family: monospace, monospace; /* 1 */ - font-size: 1em; /* 2 */ -} -/* Text-level semantics - * ========================================================================== */ -/** - * Add the correct text decoration in Safari. - */ -:where(abbr[title]) { - text-decoration: underline; - -webkit-text-decoration: underline dotted; - text-decoration: underline dotted; -} -/** - * Add the correct font weight in Chrome, Edge, and Safari. - */ -:where(b, strong) { - font-weight: bolder; -} -/** - * 1. Correct the inheritance and scaling of font size in all browsers. - * 2. Correct the odd `em` font sizing in all browsers. - */ -:where(code, kbd, samp) { - font-family: monospace, monospace; /* 1 */ - font-size: 1em; /* 2 */ -} -/** - * Add the correct font size in all browsers. - */ -:where(small) { - font-size: 80%; -} -/* Tabular data - * ========================================================================== */ -/** - * 1. Correct table border color in Chrome, Edge, and Safari. - * 2. Remove text indentation from table contents in Chrome, Edge, and Safari. - */ -:where(table) { - border-color: currentColor; /* 1 */ - text-indent: 0; /* 2 */ -} -/* Forms - * ========================================================================== */ -/** - * Remove the margin on controls in Safari. - */ -:where(button, input, select) { - margin: 0; -} -/** - * Remove the inheritance of text transform in Firefox. - */ -:where(button) { - text-transform: none; -} -/** - * Correct the inability to style buttons in iOS and Safari. - */ -:where(button, input:is([type="button" i], [type="reset" i], [type="submit" i])) { - -webkit-appearance: button; -} -/** - * Add the correct vertical alignment in Chrome, Edge, and Firefox. - */ -:where(progress) { - vertical-align: baseline; -} -/** - * Remove the inheritance of text transform in Firefox. - */ -:where(select) { - text-transform: none; -} -/** - * Remove the margin in Firefox and Safari. - */ -:where(textarea) { - margin: 0; -} -/** - * 1. Correct the odd appearance in Chrome, Edge, and Safari. - * 2. Correct the outline style in Safari. - */ -:where(input[type="search" i]) { - -webkit-appearance: textfield; /* 1 */ - outline-offset: -2px; /* 2 */ -} -/** - * Correct the cursor style of increment and decrement buttons in Safari. - */ -::-webkit-inner-spin-button, ::-webkit-outer-spin-button { - height: auto; -} -/** - * Correct the text style of placeholders in Chrome, Edge, and Safari. - */ -::-webkit-input-placeholder { - color: inherit; - opacity: 0.54; -} -/** - * Remove the inner padding in Chrome, Edge, and Safari on macOS. - */ -::-webkit-search-decoration { - -webkit-appearance: none; -} -/** - * 1. Correct the inability to style upload buttons in iOS and Safari. - * 2. Change font properties to `inherit` in Safari. - */ -::-webkit-file-upload-button { - -webkit-appearance: button; /* 1 */ - font: inherit; /* 2 */ -} -/** - * Remove the inner border and padding of focus outlines in Firefox. - */ -:where(button, input:is([type="button" i], [type="color" i], [type="reset" i], [type="submit" i]))::-moz-focus-inner { - border-style: none; - padding: 0; -} -/** - * Restore the focus outline styles unset by the previous rule in Firefox. - */ -:where(button, input:is([type="button" i], [type="color" i], [type="reset" i], [type="submit" i]))::-moz-focusring { - outline: 1px dotted ButtonText; -} -/** - * Remove the additional :invalid styles in Firefox. - */ -:where(:-moz-ui-invalid) { - box-shadow: none; -} -/* Interactive - * ========================================================================== */ -/* - * Add the correct styles in Safari. - */ -:where(dialog) { - background-color: white; - border: solid; - color: black; - height: -moz-fit-content; - height: -webkit-fit-content; - height: fit-content; - left: 0; - margin: auto; - padding: 1em; - position: absolute; - right: 0; - width: -moz-fit-content; - width: -webkit-fit-content; - width: fit-content; -} -:where(dialog:not([open])) { - display: none; -} -/* - * Add the correct display in all browsers. - */ -:where(summary) { - display: list-item; -} -:root { - --font-sans-serif: sans-serif; - --font-serif: serif; - --font-monospace: monospace; - --font-size-base: 1rem; - --line-height-base: 1.35; - --font-size-h1: 2rem; - --font-size-h2: 1.75rem; - --font-size-h3: 1.5rem; - --font-size-h4: 1.25rem; - --font-size-h5: var(--font-size-base); - --font-size-h6: 0.75rem; -} -:root { - --color-base: #333; - --color-primary: #fff; - --color-secondary: #000; - --color-action: #ef4c23; -} -@media (prefers-color-scheme: light) { - :root { - --color-base: #ccc; - --color-primary: #000; - --color-secondary: #fff; - --color-action: #ef4c23; - } -} -:root { - --gap: 0.5rem; - --columns: 12; - --shell-gap: 1rem; - --shell-width: 75rem; - --breakpoints: (xs, sm, md, lg, xl); - --displays: (block, inline, inline-block, flex, inline-flex); - --alignments: (center: center, right: right, left: left, justify: justify); -} -:root { - --timing: 0.4s; - --easing: ease-in-out; -} -.hidden, [hidden] { - display: none !important; -} -/* @usage: @mixin chevron 2rem, 0 0 1px 1px, $color-secondary, -5px 0 0 0.5em, -135deg; */ -/* prettier-ignore */ -*, *::before, *::after { - -webkit-box-sizing: inherit; - box-sizing: inherit; -} -html { - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -body { - margin: 0; - -webkit-text-decoration-skip: ink; - text-decoration-skip-ink: auto; - -moz-osx-font-smoothing: grayscale; - -webkit-font-smoothing: antialiased; - -webkit-text-size-adjust: none; - -moz-text-size-adjust: none; - -ms-text-size-adjust: none; - text-size-adjust: none; - text-rendering: optimizeLegibility; -} -nav ul, nav ol { - padding: 0; - margin: 0; - list-style: none outside none; -} -table { - width: 100%; - border-collapse: collapse; - border-spacing: 0; -} -img, iframe, video, audio, object { - max-width: 100%; -} -img, iframe { - border: 0 none; -} -img { - height: auto; - display: inline-block; - vertical-align: middle; -} -svg:not(:root) { - overflow: hidden; -} -figure { - margin: 0; -} -fieldset { - padding: 0; -} -button, input[type='submit'], input[type='button'], input[type='reset'], input[type='file'], input[type='image'], label[for] { - cursor: pointer; -} -button[disabled], input[disabled], textarea[disabled], select[disabled] { - cursor: default; -} -input[type='text'], input[type='password'], input[type='date'], input[type='datetime'], input[type='datetime-local'], input[type='month'], input[type='week'], input[type='email'], input[type='number'], input[type='search'], input[type='tel'], input[type='time'], input[type='url'], input[type='color'], textarea { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; -} -input[type='search']::-webkit-search-cancel-button, input[type='search']::-webkit-search-decoration { - -webkit-appearance: none; - appearance: none; -} -textarea { - overflow: auto; - -webkit-overflow-scrolling: touch; -} -button, input, optgroup, select, textarea { - font-family: inherit; - font-size: inherit; - color: inherit; - -moz-osx-font-smoothing: grayscale; - -webkit-font-smoothing: antialiased; - text-rendering: optimizeLegibility; -} -button, select { - text-transform: none; -} -button::-moz-focus-inner, input::-moz-focus-inner { - padding: 0; - border: 0; -} -input::-webkit-input-placeholder { - color: inherit; - opacity: 1; -} -input::-moz-placeholder { - color: inherit; - opacity: 1; -} -input::-ms-input-placeholder { - color: inherit; - opacity: 1; -} -input::placeholder { - color: inherit; - opacity: 1; -} -textarea::-webkit-input-placeholder { - color: inherit; - opacity: 1; -} -textarea::-moz-placeholder { - color: inherit; - opacity: 1; -} -textarea::-ms-input-placeholder { - color: inherit; - opacity: 1; -} -textarea::placeholder { - color: inherit; - opacity: 1; -} -input:-webkit-autofill { - -webkit-text-fill-color: inherit; - -webkit-box-shadow: 0 0 0 62.5rem var(--color-primary) inset; - box-shadow: 0 0 0 62.5rem var(--color-primary) inset; -} -a, a img, a svg, input, button, select, textarea, .c-btn, [class^='svg-'] { - -webkit-transition-property: color, opacity, border-color, background-color, fill, stroke, -webkit-box-shadow; - transition-property: color, opacity, border-color, background-color, fill, stroke, -webkit-box-shadow; - transition-property: color, opacity, border-color, background-color, box-shadow, fill, stroke; - transition-property: color, opacity, border-color, background-color, box-shadow, fill, stroke, -webkit-box-shadow; - -webkit-transition-duration: var(--timing); - transition-duration: var(--timing); - -webkit-transition-timing-function: var(--easing); - transition-timing-function: var(--easing); -} -html { - scroll-behavior: smooth; - scroll-snap-type: x mandatory; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -} -body { - font-family: var(--font-sans-serif); - font-size: var(--font-size-base); - line-height: var(--line-height-base); - color: var(--color-secondary); - min-width: 20rem; - margin: 0; - background-color: var(--color-primary); -} -[id] { - scroll-margin-top: 2ex; -} -h1 { - font-size: var(--font-size-h1); -} -h2 { - font-size: var(--font-size-h2); -} -h3 { - font-size: var(--font-size-h3); -} -h4 { - font-size: var(--font-size-h4); -} -h5 { - font-size: var(--font-size-h5); -} -h6 { - font-size: var(--font-size-h6); -} -h1, h2, h3, h4, h5, h6 { - margin-top: 0; -} -h1[class], h2[class], h3[class], h4[class], h5[class], h6[class], h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child { - margin-bottom: 0; -} -p, ul, ol, dl, table, blockquote { - margin-top: 0; -} -p:last-child, ul:last-child, ol:last-child, dl:last-child, table:last-child, blockquote:last-child { - margin-bottom: 0; -} -a { - color: var(--color-action); - text-decoration: underline; - cursor: pointer; -} -@media (-ms-high-contrast: none),(-ms-high-contrast: active),(-moz-touch-enabled: 0),(hover) { - a:hover { - text-decoration: none; - } -} -a[href^='tel'] { - color: inherit; - cursor: default; - text-decoration: none; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; -} -.o-wrapper { - min-height: 100vh; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-flow: column nowrap; - flex-flow: column nowrap; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; -} -.o-shell { - max-width: var(--shell-width); - padding-right: var(--shell-gap); - padding-left: var(--shell-gap); - margin-right: auto; - margin-left: auto; -} -.o-shell--flex { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-flow: row nowrap; - flex-flow: row nowrap; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; -} -.o-shell--fluid { - max-width: none; -} -.o-main { - -webkit-box-flex: 1; - -ms-flex: 1 1; - flex: 1 1; -} -.o-grid { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-flow: row wrap; - flex-flow: row wrap; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; - margin: 0 calc(var(--gap)*-1); -} -.o-grid__item { - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -ms-flex-negative: 0; - flex-shrink: 0; - padding: 0 var(--gap); -} -@media (min-width: 0) { - /* TODO: get the columns count dynamically */ - .xs-1 { - max-width: 8.33333%; - -ms-flex-preferred-size: 8.33333%; - flex-basis: 8.33333%; - } - .xs-2 { - max-width: 16.66667%; - -ms-flex-preferred-size: 16.66667%; - flex-basis: 16.66667%; - } - .xs-3 { - max-width: 25%; - -ms-flex-preferred-size: 25%; - flex-basis: 25%; - } - .xs-4 { - max-width: 33.33333%; - -ms-flex-preferred-size: 33.33333%; - flex-basis: 33.33333%; - } - .xs-5 { - max-width: 41.66667%; - -ms-flex-preferred-size: 41.66667%; - flex-basis: 41.66667%; - } - .xs-6 { - max-width: 50%; - -ms-flex-preferred-size: 50%; - flex-basis: 50%; - } - .xs-7 { - max-width: 58.33333%; - -ms-flex-preferred-size: 58.33333%; - flex-basis: 58.33333%; - } - .xs-8 { - max-width: 66.66667%; - -ms-flex-preferred-size: 66.66667%; - flex-basis: 66.66667%; - } - .xs-9 { - max-width: 75%; - -ms-flex-preferred-size: 75%; - flex-basis: 75%; - } - .xs-10 { - max-width: 83.33333%; - -ms-flex-preferred-size: 83.33333%; - flex-basis: 83.33333%; - } - .xs-11 { - max-width: 91.66667%; - -ms-flex-preferred-size: 91.66667%; - flex-basis: 91.66667%; - } - .xs-12 { - max-width: 100%; - -ms-flex-preferred-size: 100%; - flex-basis: 100%; - } -} -@media (min-width: 768px) { - /* TODO: get the columns count dynamically */ - .sm-1 { - max-width: 8.33333%; - -ms-flex-preferred-size: 8.33333%; - flex-basis: 8.33333%; - } - .sm-2 { - max-width: 16.66667%; - -ms-flex-preferred-size: 16.66667%; - flex-basis: 16.66667%; - } - .sm-3 { - max-width: 25%; - -ms-flex-preferred-size: 25%; - flex-basis: 25%; - } - .sm-4 { - max-width: 33.33333%; - -ms-flex-preferred-size: 33.33333%; - flex-basis: 33.33333%; - } - .sm-5 { - max-width: 41.66667%; - -ms-flex-preferred-size: 41.66667%; - flex-basis: 41.66667%; - } - .sm-6 { - max-width: 50%; - -ms-flex-preferred-size: 50%; - flex-basis: 50%; - } - .sm-7 { - max-width: 58.33333%; - -ms-flex-preferred-size: 58.33333%; - flex-basis: 58.33333%; - } - .sm-8 { - max-width: 66.66667%; - -ms-flex-preferred-size: 66.66667%; - flex-basis: 66.66667%; - } - .sm-9 { - max-width: 75%; - -ms-flex-preferred-size: 75%; - flex-basis: 75%; - } - .sm-10 { - max-width: 83.33333%; - -ms-flex-preferred-size: 83.33333%; - flex-basis: 83.33333%; - } - .sm-11 { - max-width: 91.66667%; - -ms-flex-preferred-size: 91.66667%; - flex-basis: 91.66667%; - } - .sm-12 { - max-width: 100%; - -ms-flex-preferred-size: 100%; - flex-basis: 100%; - } -} -@media (min-width: 1024px) { - /* TODO: get the columns count dynamically */ - .md-1 { - max-width: 8.33333%; - -ms-flex-preferred-size: 8.33333%; - flex-basis: 8.33333%; - } - .md-2 { - max-width: 16.66667%; - -ms-flex-preferred-size: 16.66667%; - flex-basis: 16.66667%; - } - .md-3 { - max-width: 25%; - -ms-flex-preferred-size: 25%; - flex-basis: 25%; - } - .md-4 { - max-width: 33.33333%; - -ms-flex-preferred-size: 33.33333%; - flex-basis: 33.33333%; - } - .md-5 { - max-width: 41.66667%; - -ms-flex-preferred-size: 41.66667%; - flex-basis: 41.66667%; - } - .md-6 { - max-width: 50%; - -ms-flex-preferred-size: 50%; - flex-basis: 50%; - } - .md-7 { - max-width: 58.33333%; - -ms-flex-preferred-size: 58.33333%; - flex-basis: 58.33333%; - } - .md-8 { - max-width: 66.66667%; - -ms-flex-preferred-size: 66.66667%; - flex-basis: 66.66667%; - } - .md-9 { - max-width: 75%; - -ms-flex-preferred-size: 75%; - flex-basis: 75%; - } - .md-10 { - max-width: 83.33333%; - -ms-flex-preferred-size: 83.33333%; - flex-basis: 83.33333%; - } - .md-11 { - max-width: 91.66667%; - -ms-flex-preferred-size: 91.66667%; - flex-basis: 91.66667%; - } - .md-12 { - max-width: 100%; - -ms-flex-preferred-size: 100%; - flex-basis: 100%; - } -} -@media (min-width: 1280px) { - /* TODO: get the columns count dynamically */ - .lg-1 { - max-width: 8.33333%; - -ms-flex-preferred-size: 8.33333%; - flex-basis: 8.33333%; - } - .lg-2 { - max-width: 16.66667%; - -ms-flex-preferred-size: 16.66667%; - flex-basis: 16.66667%; - } - .lg-3 { - max-width: 25%; - -ms-flex-preferred-size: 25%; - flex-basis: 25%; - } - .lg-4 { - max-width: 33.33333%; - -ms-flex-preferred-size: 33.33333%; - flex-basis: 33.33333%; - } - .lg-5 { - max-width: 41.66667%; - -ms-flex-preferred-size: 41.66667%; - flex-basis: 41.66667%; - } - .lg-6 { - max-width: 50%; - -ms-flex-preferred-size: 50%; - flex-basis: 50%; - } - .lg-7 { - max-width: 58.33333%; - -ms-flex-preferred-size: 58.33333%; - flex-basis: 58.33333%; - } - .lg-8 { - max-width: 66.66667%; - -ms-flex-preferred-size: 66.66667%; - flex-basis: 66.66667%; - } - .lg-9 { - max-width: 75%; - -ms-flex-preferred-size: 75%; - flex-basis: 75%; - } - .lg-10 { - max-width: 83.33333%; - -ms-flex-preferred-size: 83.33333%; - flex-basis: 83.33333%; - } - .lg-11 { - max-width: 91.66667%; - -ms-flex-preferred-size: 91.66667%; - flex-basis: 91.66667%; - } - .lg-12 { - max-width: 100%; - -ms-flex-preferred-size: 100%; - flex-basis: 100%; - } -} -@media (min-width: 1439px) { - /* TODO: get the columns count dynamically */ - .xl-1 { - max-width: 8.33333%; - -ms-flex-preferred-size: 8.33333%; - flex-basis: 8.33333%; - } - .xl-2 { - max-width: 16.66667%; - -ms-flex-preferred-size: 16.66667%; - flex-basis: 16.66667%; - } - .xl-3 { - max-width: 25%; - -ms-flex-preferred-size: 25%; - flex-basis: 25%; - } - .xl-4 { - max-width: 33.33333%; - -ms-flex-preferred-size: 33.33333%; - flex-basis: 33.33333%; - } - .xl-5 { - max-width: 41.66667%; - -ms-flex-preferred-size: 41.66667%; - flex-basis: 41.66667%; - } - .xl-6 { - max-width: 50%; - -ms-flex-preferred-size: 50%; - flex-basis: 50%; - } - .xl-7 { - max-width: 58.33333%; - -ms-flex-preferred-size: 58.33333%; - flex-basis: 58.33333%; - } - .xl-8 { - max-width: 66.66667%; - -ms-flex-preferred-size: 66.66667%; - flex-basis: 66.66667%; - } - .xl-9 { - max-width: 75%; - -ms-flex-preferred-size: 75%; - flex-basis: 75%; - } - .xl-10 { - max-width: 83.33333%; - -ms-flex-preferred-size: 83.33333%; - flex-basis: 83.33333%; - } - .xl-11 { - max-width: 91.66667%; - -ms-flex-preferred-size: 91.66667%; - flex-basis: 91.66667%; - } - .xl-12 { - max-width: 100%; - -ms-flex-preferred-size: 100%; - flex-basis: 100%; - } -} -.c-btn { - text-align: center; - text-decoration: none; - display: inline-block; - vertical-align: middle; - cursor: pointer; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; -} -.c-btn.disabled, .c-btn[disabled] { - cursor: default; -} -.c-btn--block { - width: 100%; - display: block; - padding-left: 0; - padding-right: 0; -} -[class^='c-list-'] { - padding: 0; - margin: 0; - list-style: none outside none; -} -.text-center { - text-align: center; - } -.text-right { - text-align: right; - } -.text-left { - text-align: left; - } -.text-justify { - text-align: justify; - } -.alignleft { - float: left; - margin: var(--gap) calc(var(--gap)*2) calc(var(--gap)*2) 0; -} -.alignright { - float: right; - margin: var(--gap) 0 calc(var(--gap)*2) calc(var(--gap)*2); -} -.alignnone, .aligncenter { - float: none; -} -.alignnone { - margin: var(--gap) 0 calc(var(--gap)*2); -} -.aligncenter { - display: block; - margin: var(--gap) auto calc(var(--gap)*2); -} -.clear::after, .clear-left::after, .clear-right::after { - content: ''; - display: block; - } -.clear::after { - clear: both; - } -.clear-left::after { - clear: left; - } -.clear-right::after { - clear: right; - } -.fullsize-background { - background-repeat: no-repeat; - background-position: 50% 50%; - background-size: cover; -} -.visible-xs-block { - display: none !important; - } -.visible-xs-inline { - display: none !important; - } -.visible-xs-inline-block { - display: none !important; - } -.visible-xs-flex { - display: none !important; - } -.visible-xs-inline-flex { - display: none !important; - } -.visible-sm-block { - display: none !important; - } -.visible-sm-inline { - display: none !important; - } -.visible-sm-inline-block { - display: none !important; - } -.visible-sm-flex { - display: none !important; - } -.visible-sm-inline-flex { - display: none !important; - } -.visible-md-block { - display: none !important; - } -.visible-md-inline { - display: none !important; - } -.visible-md-inline-block { - display: none !important; - } -.visible-md-flex { - display: none !important; - } -.visible-md-inline-flex { - display: none !important; - } -.visible-lg-block { - display: none !important; - } -.visible-lg-inline { - display: none !important; - } -.visible-lg-inline-block { - display: none !important; - } -.visible-lg-flex { - display: none !important; - } -.visible-lg-inline-flex { - display: none !important; - } -.visible-xl-block { - display: none !important; - } -.visible-xl-inline { - display: none !important; - } -.visible-xl-inline-block { - display: none !important; - } -.visible-xl-flex { - display: none !important; - } -.visible-xl-inline-flex { - display: none !important; - } -@media (max-width: 767px) { - .hidden-xs { - display: none !important; - } - .visible-xs-block { - display: block !important; - } - .visible-xs-inline { - display: inline !important; - } - .visible-xs-inline-block { - display: inline-block !important; - } - .visible-xs-flex { - display: -webkit-box !important; - display: -ms-flexbox !important; - display: flex !important; - } - .visible-xs-inline-flex { - display: -webkit-inline-box !important; - display: -ms-inline-flexbox !important; - display: inline-flex !important; - } -} -@media (min-width: 768px) and (max-width: 1023px) { - .hidden-sm { - display: none !important; - } - .visible-sm-block { - display: block !important; - } - .visible-sm-inline { - display: inline !important; - } - .visible-sm-inline-block { - display: inline-block !important; - } - .visible-sm-flex { - display: -webkit-box !important; - display: -ms-flexbox !important; - display: flex !important; - } - .visible-sm-inline-flex { - display: -webkit-inline-box !important; - display: -ms-inline-flexbox !important; - display: inline-flex !important; - } -} -@media (min-width: 1024px) and (max-width: 1279px) { - .hidden-md { - display: none !important; - } - .visible-md-block { - display: block !important; - } - .visible-md-inline { - display: inline !important; - } - .visible-md-inline-block { - display: inline-block !important; - } - .visible-md-flex { - display: -webkit-box !important; - display: -ms-flexbox !important; - display: flex !important; - } - .visible-md-inline-flex { - display: -webkit-inline-box !important; - display: -ms-inline-flexbox !important; - display: inline-flex !important; - } -} -@media (min-width: 1280px) and (max-width: 1439px) { - .hidden-lg { - display: none !important; - } - .visible-lg-block { - display: block !important; - } - .visible-lg-inline { - display: inline !important; - } - .visible-lg-inline-block { - display: inline-block !important; - } - .visible-lg-flex { - display: -webkit-box !important; - display: -ms-flexbox !important; - display: flex !important; - } - .visible-lg-inline-flex { - display: -webkit-inline-box !important; - display: -ms-inline-flexbox !important; - display: inline-flex !important; - } -} -@media (min-width: 1439px) { - .hidden-xl { - display: none !important; - } - .visible-xl-block { - display: block !important; - } - .visible-xl-inline { - display: inline !important; - } - .visible-xl-inline-block { - display: inline-block !important; - } - .visible-xl-flex { - display: -webkit-box !important; - display: -ms-flexbox !important; - display: flex !important; - } - .visible-xl-inline-flex { - display: -webkit-inline-box !important; - display: -ms-inline-flexbox !important; - display: inline-flex !important; - } -} -@media (prefers-reduced-motion: reduce) { - * { - -webkit-animation-duration: 0.01ms !important; - animation-duration: 0.01ms !important; - -webkit-animation-iteration-count: 1 !important; - animation-iteration-count: 1 !important; - -webkit-transition-duration: 0.01ms !important; - transition-duration: 0.01ms !important; - scroll-behavior: auto !important; - } -} diff --git a/main.css b/main.css deleted file mode 100644 index d244e15..0000000 --- a/main.css +++ /dev/null @@ -1,1116 +0,0 @@ -/* Document - * ========================================================================== */ -/** - * 1. Correct the line height in all browsers. - */ -:where(html) { - line-height: 1.15; /* 1 */ -} -/* Sections - * ========================================================================== */ -/** - * Correct the font size and margin on `h1` elements within `section` and - * `article` contexts in Chrome, Edge, Firefox, and Safari. - */ -:where(h1) { - font-size: 2em; - -webkit-margin-after: 0.67em; - margin-block-end: 0.67em; - -webkit-margin-before: 0.67em; - margin-block-start: 0.67em; -} -/* Grouping content - * ========================================================================== */ -/** - * Remove the margin on nested lists in Chrome, Edge, and Safari. - */ -:where(dl, ol, ul) :where(dl, ol, ul) { - -webkit-margin-after: 0; - margin-block-end: 0; - -webkit-margin-before: 0; - margin-block-start: 0; -} -/** - * 1. Add the correct box sizing in Firefox. - * 2. Correct the inheritance of border color in Firefox. - */ -:where(hr) { - -webkit-box-sizing: content-box; - box-sizing: content-box; /* 1 */ - color: inherit; /* 2 */ - height: 0; /* 1 */ -} -/** - * 1. Correct the inheritance and scaling of font size in all browsers. - * 2. Correct the odd `em` font sizing in all browsers. - */ -:where(pre) { - font-family: monospace, monospace; /* 1 */ - font-size: 1em; /* 2 */ -} -/* Text-level semantics - * ========================================================================== */ -/** - * Add the correct text decoration in Safari. - */ -:where(abbr[title]) { - text-decoration: underline; - -webkit-text-decoration: underline dotted; - text-decoration: underline dotted; -} -/** - * Add the correct font weight in Chrome, Edge, and Safari. - */ -:where(b, strong) { - font-weight: bolder; -} -/** - * 1. Correct the inheritance and scaling of font size in all browsers. - * 2. Correct the odd `em` font sizing in all browsers. - */ -:where(code, kbd, samp) { - font-family: monospace, monospace; /* 1 */ - font-size: 1em; /* 2 */ -} -/** - * Add the correct font size in all browsers. - */ -:where(small) { - font-size: 80%; -} -/* Tabular data - * ========================================================================== */ -/** - * 1. Correct table border color in Chrome, Edge, and Safari. - * 2. Remove text indentation from table contents in Chrome, Edge, and Safari. - */ -:where(table) { - border-color: currentColor; /* 1 */ - text-indent: 0; /* 2 */ -} -/* Forms - * ========================================================================== */ -/** - * Remove the margin on controls in Safari. - */ -:where(button, input, select) { - margin: 0; -} -/** - * Remove the inheritance of text transform in Firefox. - */ -:where(button) { - text-transform: none; -} -/** - * Correct the inability to style buttons in iOS and Safari. - */ -:where(button, input:is([type="button" i], [type="reset" i], [type="submit" i])) { - -webkit-appearance: button; -} -/** - * Add the correct vertical alignment in Chrome, Edge, and Firefox. - */ -:where(progress) { - vertical-align: baseline; -} -/** - * Remove the inheritance of text transform in Firefox. - */ -:where(select) { - text-transform: none; -} -/** - * Remove the margin in Firefox and Safari. - */ -:where(textarea) { - margin: 0; -} -/** - * 1. Correct the odd appearance in Chrome, Edge, and Safari. - * 2. Correct the outline style in Safari. - */ -:where(input[type="search" i]) { - -webkit-appearance: textfield; /* 1 */ - outline-offset: -2px; /* 2 */ -} -/** - * Correct the cursor style of increment and decrement buttons in Safari. - */ -::-webkit-inner-spin-button, ::-webkit-outer-spin-button { - height: auto; -} -/** - * Correct the text style of placeholders in Chrome, Edge, and Safari. - */ -::-webkit-input-placeholder { - color: inherit; - opacity: 0.54; -} -/** - * Remove the inner padding in Chrome, Edge, and Safari on macOS. - */ -::-webkit-search-decoration { - -webkit-appearance: none; -} -/** - * 1. Correct the inability to style upload buttons in iOS and Safari. - * 2. Change font properties to `inherit` in Safari. - */ -::-webkit-file-upload-button { - -webkit-appearance: button; /* 1 */ - font: inherit; /* 2 */ -} -/** - * Remove the inner border and padding of focus outlines in Firefox. - */ -:where(button, input:is([type="button" i], [type="color" i], [type="reset" i], [type="submit" i]))::-moz-focus-inner { - border-style: none; - padding: 0; -} -/** - * Restore the focus outline styles unset by the previous rule in Firefox. - */ -:where(button, input:is([type="button" i], [type="color" i], [type="reset" i], [type="submit" i]))::-moz-focusring { - outline: 1px dotted ButtonText; -} -/** - * Remove the additional :invalid styles in Firefox. - */ -:where(:-moz-ui-invalid) { - box-shadow: none; -} -/* Interactive - * ========================================================================== */ -/* - * Add the correct styles in Safari. - */ -:where(dialog) { - background-color: white; - border: solid; - color: black; - height: -moz-fit-content; - height: -webkit-fit-content; - height: fit-content; - left: 0; - margin: auto; - padding: 1em; - position: absolute; - right: 0; - width: -moz-fit-content; - width: -webkit-fit-content; - width: fit-content; -} -:where(dialog:not([open])) { - display: none; -} -/* - * Add the correct display in all browsers. - */ -:where(summary) { - display: list-item; -} -:root { - --font-sans-serif: sans-serif; - --font-serif: serif; - --font-monospace: monospace; - --font-size-base: 1rem; - --line-height-base: 1.35; - --font-size-h1: 2rem; - --font-size-h2: 1.75rem; - --font-size-h3: 1.5rem; - --font-size-h4: 1.25rem; - --font-size-h5: var(--font-size-base); - --font-size-h6: 0.75rem; -} -:root { - --color-base: #333; - --color-primary: #fff; - --color-secondary: #000; - --color-action: #ef4c23; -} -@media (prefers-color-scheme: light) { - :root { - --color-base: #ccc; - --color-primary: #000; - --color-secondary: #fff; - --color-action: #ef4c23; - } -} -:root { - --gap: 0.5rem; - --columns: 12; - --shell-gap: 1rem; - --shell-width: 75rem; - --breakpoints: (xs, sm, md, lg, xl); - --displays: (block, inline, inline-block, flex, inline-flex); - --alignments: (center: center, right: right, left: left, justify: justify); -} -:root { - --timing: 0.4s; - --easing: ease-in-out; -} -.hidden, [hidden] { - display: none !important; -} -/* @usage: @mixin chevron 2rem, 0 0 1px 1px, $color-secondary, -5px 0 0 0.5em, -135deg; */ -/* prettier-ignore */ -*, *::before, *::after { - -webkit-box-sizing: inherit; - box-sizing: inherit; -} -html { - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -body { - margin: 0; - -webkit-text-decoration-skip: ink; - text-decoration-skip-ink: auto; - -moz-osx-font-smoothing: grayscale; - -webkit-font-smoothing: antialiased; - -webkit-text-size-adjust: none; - -moz-text-size-adjust: none; - -ms-text-size-adjust: none; - text-size-adjust: none; - text-rendering: optimizeLegibility; -} -nav ul, nav ol { - padding: 0; - margin: 0; - list-style: none outside none; -} -table { - width: 100%; - border-collapse: collapse; - border-spacing: 0; -} -img, iframe, video, audio, object { - max-width: 100%; -} -img, iframe { - border: 0 none; -} -img { - height: auto; - display: inline-block; - vertical-align: middle; -} -svg:not(:root) { - overflow: hidden; -} -figure { - margin: 0; -} -fieldset { - padding: 0; -} -button, input[type='submit'], input[type='button'], input[type='reset'], input[type='file'], input[type='image'], label[for] { - cursor: pointer; -} -button[disabled], input[disabled], textarea[disabled], select[disabled] { - cursor: default; -} -input[type='text'], input[type='password'], input[type='date'], input[type='datetime'], input[type='datetime-local'], input[type='month'], input[type='week'], input[type='email'], input[type='number'], input[type='search'], input[type='tel'], input[type='time'], input[type='url'], input[type='color'], textarea { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; -} -input[type='search']::-webkit-search-cancel-button, input[type='search']::-webkit-search-decoration { - -webkit-appearance: none; - appearance: none; -} -textarea { - overflow: auto; - -webkit-overflow-scrolling: touch; -} -button, input, optgroup, select, textarea { - font-family: inherit; - font-size: inherit; - color: inherit; - -moz-osx-font-smoothing: grayscale; - -webkit-font-smoothing: antialiased; - text-rendering: optimizeLegibility; -} -button, select { - text-transform: none; -} -button::-moz-focus-inner, input::-moz-focus-inner { - padding: 0; - border: 0; -} -input::-webkit-input-placeholder { - color: inherit; - opacity: 1; -} -input::-moz-placeholder { - color: inherit; - opacity: 1; -} -input::-ms-input-placeholder { - color: inherit; - opacity: 1; -} -input::placeholder { - color: inherit; - opacity: 1; -} -textarea::-webkit-input-placeholder { - color: inherit; - opacity: 1; -} -textarea::-moz-placeholder { - color: inherit; - opacity: 1; -} -textarea::-ms-input-placeholder { - color: inherit; - opacity: 1; -} -textarea::placeholder { - color: inherit; - opacity: 1; -} -input:-webkit-autofill { - -webkit-text-fill-color: inherit; - -webkit-box-shadow: 0 0 0 62.5rem var(--color-primary) inset; - box-shadow: 0 0 0 62.5rem var(--color-primary) inset; -} -a, a img, a svg, input, button, select, textarea, .c-btn, [class^='svg-'] { - -webkit-transition-property: color, opacity, border-color, background-color, fill, stroke, -webkit-box-shadow; - transition-property: color, opacity, border-color, background-color, fill, stroke, -webkit-box-shadow; - transition-property: color, opacity, border-color, background-color, box-shadow, fill, stroke; - transition-property: color, opacity, border-color, background-color, box-shadow, fill, stroke, -webkit-box-shadow; - -webkit-transition-duration: var(--timing); - transition-duration: var(--timing); - -webkit-transition-timing-function: var(--easing); - transition-timing-function: var(--easing); -} -html { - scroll-behavior: smooth; - scroll-snap-type: x mandatory; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -} -body { - font-family: var(--font-sans-serif); - font-size: var(--font-size-base); - line-height: var(--line-height-base); - color: var(--color-secondary); - min-width: 20rem; - margin: 0; - background-color: var(--color-primary); -} -[id] { - scroll-margin-top: 2ex; -} -h1 { - font-size: var(--font-size-h1); -} -h2 { - font-size: var(--font-size-h2); -} -h3 { - font-size: var(--font-size-h3); -} -h4 { - font-size: var(--font-size-h4); -} -h5 { - font-size: var(--font-size-h5); -} -h6 { - font-size: var(--font-size-h6); -} -h1, h2, h3, h4, h5, h6 { - margin-top: 0; -} -h1[class], h2[class], h3[class], h4[class], h5[class], h6[class], h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child { - margin-bottom: 0; -} -p, ul, ol, dl, table, blockquote { - margin-top: 0; -} -p:last-child, ul:last-child, ol:last-child, dl:last-child, table:last-child, blockquote:last-child { - margin-bottom: 0; -} -a { - color: var(--color-action); - text-decoration: underline; - cursor: pointer; -} -@media (-ms-high-contrast: none),(-ms-high-contrast: active),(-moz-touch-enabled: 0),(hover) { - a:hover { - text-decoration: none; - } -} -a[href^='tel'] { - color: inherit; - cursor: default; - text-decoration: none; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; -} -.o-wrapper { - min-height: 100vh; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-flow: column nowrap; - flex-flow: column nowrap; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; -} -.o-shell { - max-width: var(--shell-width); - padding-right: var(--shell-gap); - padding-left: var(--shell-gap); - margin-right: auto; - margin-left: auto; -} -.o-shell--flex { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-flow: row nowrap; - flex-flow: row nowrap; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; -} -.o-shell--fluid { - max-width: none; -} -.o-main { - -webkit-box-flex: 1; - -ms-flex: 1 1; - flex: 1 1; -} -.o-grid { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-flow: row wrap; - flex-flow: row wrap; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; - margin: 0 calc(var(--gap)*-1); -} -.o-grid__item { - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -ms-flex-negative: 0; - flex-shrink: 0; - padding: 0 var(--gap); -} -@media (min-width: 0) { - /* TODO: get the columns count dynamically */ - .xs-1 { - max-width: 8.33333%; - -ms-flex-preferred-size: 8.33333%; - flex-basis: 8.33333%; - } - .xs-2 { - max-width: 16.66667%; - -ms-flex-preferred-size: 16.66667%; - flex-basis: 16.66667%; - } - .xs-3 { - max-width: 25%; - -ms-flex-preferred-size: 25%; - flex-basis: 25%; - } - .xs-4 { - max-width: 33.33333%; - -ms-flex-preferred-size: 33.33333%; - flex-basis: 33.33333%; - } - .xs-5 { - max-width: 41.66667%; - -ms-flex-preferred-size: 41.66667%; - flex-basis: 41.66667%; - } - .xs-6 { - max-width: 50%; - -ms-flex-preferred-size: 50%; - flex-basis: 50%; - } - .xs-7 { - max-width: 58.33333%; - -ms-flex-preferred-size: 58.33333%; - flex-basis: 58.33333%; - } - .xs-8 { - max-width: 66.66667%; - -ms-flex-preferred-size: 66.66667%; - flex-basis: 66.66667%; - } - .xs-9 { - max-width: 75%; - -ms-flex-preferred-size: 75%; - flex-basis: 75%; - } - .xs-10 { - max-width: 83.33333%; - -ms-flex-preferred-size: 83.33333%; - flex-basis: 83.33333%; - } - .xs-11 { - max-width: 91.66667%; - -ms-flex-preferred-size: 91.66667%; - flex-basis: 91.66667%; - } - .xs-12 { - max-width: 100%; - -ms-flex-preferred-size: 100%; - flex-basis: 100%; - } -} -@media (min-width: 768px) { - /* TODO: get the columns count dynamically */ - .sm-1 { - max-width: 8.33333%; - -ms-flex-preferred-size: 8.33333%; - flex-basis: 8.33333%; - } - .sm-2 { - max-width: 16.66667%; - -ms-flex-preferred-size: 16.66667%; - flex-basis: 16.66667%; - } - .sm-3 { - max-width: 25%; - -ms-flex-preferred-size: 25%; - flex-basis: 25%; - } - .sm-4 { - max-width: 33.33333%; - -ms-flex-preferred-size: 33.33333%; - flex-basis: 33.33333%; - } - .sm-5 { - max-width: 41.66667%; - -ms-flex-preferred-size: 41.66667%; - flex-basis: 41.66667%; - } - .sm-6 { - max-width: 50%; - -ms-flex-preferred-size: 50%; - flex-basis: 50%; - } - .sm-7 { - max-width: 58.33333%; - -ms-flex-preferred-size: 58.33333%; - flex-basis: 58.33333%; - } - .sm-8 { - max-width: 66.66667%; - -ms-flex-preferred-size: 66.66667%; - flex-basis: 66.66667%; - } - .sm-9 { - max-width: 75%; - -ms-flex-preferred-size: 75%; - flex-basis: 75%; - } - .sm-10 { - max-width: 83.33333%; - -ms-flex-preferred-size: 83.33333%; - flex-basis: 83.33333%; - } - .sm-11 { - max-width: 91.66667%; - -ms-flex-preferred-size: 91.66667%; - flex-basis: 91.66667%; - } - .sm-12 { - max-width: 100%; - -ms-flex-preferred-size: 100%; - flex-basis: 100%; - } -} -@media (min-width: 1024px) { - /* TODO: get the columns count dynamically */ - .md-1 { - max-width: 8.33333%; - -ms-flex-preferred-size: 8.33333%; - flex-basis: 8.33333%; - } - .md-2 { - max-width: 16.66667%; - -ms-flex-preferred-size: 16.66667%; - flex-basis: 16.66667%; - } - .md-3 { - max-width: 25%; - -ms-flex-preferred-size: 25%; - flex-basis: 25%; - } - .md-4 { - max-width: 33.33333%; - -ms-flex-preferred-size: 33.33333%; - flex-basis: 33.33333%; - } - .md-5 { - max-width: 41.66667%; - -ms-flex-preferred-size: 41.66667%; - flex-basis: 41.66667%; - } - .md-6 { - max-width: 50%; - -ms-flex-preferred-size: 50%; - flex-basis: 50%; - } - .md-7 { - max-width: 58.33333%; - -ms-flex-preferred-size: 58.33333%; - flex-basis: 58.33333%; - } - .md-8 { - max-width: 66.66667%; - -ms-flex-preferred-size: 66.66667%; - flex-basis: 66.66667%; - } - .md-9 { - max-width: 75%; - -ms-flex-preferred-size: 75%; - flex-basis: 75%; - } - .md-10 { - max-width: 83.33333%; - -ms-flex-preferred-size: 83.33333%; - flex-basis: 83.33333%; - } - .md-11 { - max-width: 91.66667%; - -ms-flex-preferred-size: 91.66667%; - flex-basis: 91.66667%; - } - .md-12 { - max-width: 100%; - -ms-flex-preferred-size: 100%; - flex-basis: 100%; - } -} -@media (min-width: 1280px) { - /* TODO: get the columns count dynamically */ - .lg-1 { - max-width: 8.33333%; - -ms-flex-preferred-size: 8.33333%; - flex-basis: 8.33333%; - } - .lg-2 { - max-width: 16.66667%; - -ms-flex-preferred-size: 16.66667%; - flex-basis: 16.66667%; - } - .lg-3 { - max-width: 25%; - -ms-flex-preferred-size: 25%; - flex-basis: 25%; - } - .lg-4 { - max-width: 33.33333%; - -ms-flex-preferred-size: 33.33333%; - flex-basis: 33.33333%; - } - .lg-5 { - max-width: 41.66667%; - -ms-flex-preferred-size: 41.66667%; - flex-basis: 41.66667%; - } - .lg-6 { - max-width: 50%; - -ms-flex-preferred-size: 50%; - flex-basis: 50%; - } - .lg-7 { - max-width: 58.33333%; - -ms-flex-preferred-size: 58.33333%; - flex-basis: 58.33333%; - } - .lg-8 { - max-width: 66.66667%; - -ms-flex-preferred-size: 66.66667%; - flex-basis: 66.66667%; - } - .lg-9 { - max-width: 75%; - -ms-flex-preferred-size: 75%; - flex-basis: 75%; - } - .lg-10 { - max-width: 83.33333%; - -ms-flex-preferred-size: 83.33333%; - flex-basis: 83.33333%; - } - .lg-11 { - max-width: 91.66667%; - -ms-flex-preferred-size: 91.66667%; - flex-basis: 91.66667%; - } - .lg-12 { - max-width: 100%; - -ms-flex-preferred-size: 100%; - flex-basis: 100%; - } -} -@media (min-width: 1439px) { - /* TODO: get the columns count dynamically */ - .xl-1 { - max-width: 8.33333%; - -ms-flex-preferred-size: 8.33333%; - flex-basis: 8.33333%; - } - .xl-2 { - max-width: 16.66667%; - -ms-flex-preferred-size: 16.66667%; - flex-basis: 16.66667%; - } - .xl-3 { - max-width: 25%; - -ms-flex-preferred-size: 25%; - flex-basis: 25%; - } - .xl-4 { - max-width: 33.33333%; - -ms-flex-preferred-size: 33.33333%; - flex-basis: 33.33333%; - } - .xl-5 { - max-width: 41.66667%; - -ms-flex-preferred-size: 41.66667%; - flex-basis: 41.66667%; - } - .xl-6 { - max-width: 50%; - -ms-flex-preferred-size: 50%; - flex-basis: 50%; - } - .xl-7 { - max-width: 58.33333%; - -ms-flex-preferred-size: 58.33333%; - flex-basis: 58.33333%; - } - .xl-8 { - max-width: 66.66667%; - -ms-flex-preferred-size: 66.66667%; - flex-basis: 66.66667%; - } - .xl-9 { - max-width: 75%; - -ms-flex-preferred-size: 75%; - flex-basis: 75%; - } - .xl-10 { - max-width: 83.33333%; - -ms-flex-preferred-size: 83.33333%; - flex-basis: 83.33333%; - } - .xl-11 { - max-width: 91.66667%; - -ms-flex-preferred-size: 91.66667%; - flex-basis: 91.66667%; - } - .xl-12 { - max-width: 100%; - -ms-flex-preferred-size: 100%; - flex-basis: 100%; - } -} -.c-btn { - text-align: center; - text-decoration: none; - display: inline-block; - vertical-align: middle; - cursor: pointer; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; -} -.c-btn.disabled, .c-btn[disabled] { - cursor: default; -} -.c-btn--block { - width: 100%; - display: block; - padding-left: 0; - padding-right: 0; -} -[class^='c-list-'] { - padding: 0; - margin: 0; - list-style: none outside none; -} -.text-center { - text-align: center; - } -.text-right { - text-align: right; - } -.text-left { - text-align: left; - } -.text-justify { - text-align: justify; - } -.alignleft { - float: left; - margin: var(--gap) calc(var(--gap)*2) calc(var(--gap)*2) 0; -} -.alignright { - float: right; - margin: var(--gap) 0 calc(var(--gap)*2) calc(var(--gap)*2); -} -.alignnone, .aligncenter { - float: none; -} -.alignnone { - margin: var(--gap) 0 calc(var(--gap)*2); -} -.aligncenter { - display: block; - margin: var(--gap) auto calc(var(--gap)*2); -} -.clear::after, .clear-left::after, .clear-right::after { - content: ''; - display: block; - } -.clear::after { - clear: both; - } -.clear-left::after { - clear: left; - } -.clear-right::after { - clear: right; - } -.fullsize-background { - background-repeat: no-repeat; - background-position: 50% 50%; - background-size: cover; -} -.visible-xs-block { - display: none !important; - } -.visible-xs-inline { - display: none !important; - } -.visible-xs-inline-block { - display: none !important; - } -.visible-xs-flex { - display: none !important; - } -.visible-xs-inline-flex { - display: none !important; - } -.visible-sm-block { - display: none !important; - } -.visible-sm-inline { - display: none !important; - } -.visible-sm-inline-block { - display: none !important; - } -.visible-sm-flex { - display: none !important; - } -.visible-sm-inline-flex { - display: none !important; - } -.visible-md-block { - display: none !important; - } -.visible-md-inline { - display: none !important; - } -.visible-md-inline-block { - display: none !important; - } -.visible-md-flex { - display: none !important; - } -.visible-md-inline-flex { - display: none !important; - } -.visible-lg-block { - display: none !important; - } -.visible-lg-inline { - display: none !important; - } -.visible-lg-inline-block { - display: none !important; - } -.visible-lg-flex { - display: none !important; - } -.visible-lg-inline-flex { - display: none !important; - } -.visible-xl-block { - display: none !important; - } -.visible-xl-inline { - display: none !important; - } -.visible-xl-inline-block { - display: none !important; - } -.visible-xl-flex { - display: none !important; - } -.visible-xl-inline-flex { - display: none !important; - } -@media (max-width: 767px) { - .hidden-xs { - display: none !important; - } - .visible-xs-block { - display: block !important; - } - .visible-xs-inline { - display: inline !important; - } - .visible-xs-inline-block { - display: inline-block !important; - } - .visible-xs-flex { - display: -webkit-box !important; - display: -ms-flexbox !important; - display: flex !important; - } - .visible-xs-inline-flex { - display: -webkit-inline-box !important; - display: -ms-inline-flexbox !important; - display: inline-flex !important; - } -} -@media (min-width: 768px) and (max-width: 1023px) { - .hidden-sm { - display: none !important; - } - .visible-sm-block { - display: block !important; - } - .visible-sm-inline { - display: inline !important; - } - .visible-sm-inline-block { - display: inline-block !important; - } - .visible-sm-flex { - display: -webkit-box !important; - display: -ms-flexbox !important; - display: flex !important; - } - .visible-sm-inline-flex { - display: -webkit-inline-box !important; - display: -ms-inline-flexbox !important; - display: inline-flex !important; - } -} -@media (min-width: 1024px) and (max-width: 1279px) { - .hidden-md { - display: none !important; - } - .visible-md-block { - display: block !important; - } - .visible-md-inline { - display: inline !important; - } - .visible-md-inline-block { - display: inline-block !important; - } - .visible-md-flex { - display: -webkit-box !important; - display: -ms-flexbox !important; - display: flex !important; - } - .visible-md-inline-flex { - display: -webkit-inline-box !important; - display: -ms-inline-flexbox !important; - display: inline-flex !important; - } -} -@media (min-width: 1280px) and (max-width: 1439px) { - .hidden-lg { - display: none !important; - } - .visible-lg-block { - display: block !important; - } - .visible-lg-inline { - display: inline !important; - } - .visible-lg-inline-block { - display: inline-block !important; - } - .visible-lg-flex { - display: -webkit-box !important; - display: -ms-flexbox !important; - display: flex !important; - } - .visible-lg-inline-flex { - display: -webkit-inline-box !important; - display: -ms-inline-flexbox !important; - display: inline-flex !important; - } -} -@media (min-width: 1439px) { - .hidden-xl { - display: none !important; - } - .visible-xl-block { - display: block !important; - } - .visible-xl-inline { - display: inline !important; - } - .visible-xl-inline-block { - display: inline-block !important; - } - .visible-xl-flex { - display: -webkit-box !important; - display: -ms-flexbox !important; - display: flex !important; - } - .visible-xl-inline-flex { - display: -webkit-inline-box !important; - display: -ms-inline-flexbox !important; - display: inline-flex !important; - } -} -@media (prefers-reduced-motion: reduce) { - * { - -webkit-animation-duration: 0.01ms !important; - animation-duration: 0.01ms !important; - -webkit-animation-iteration-count: 1 !important; - animation-iteration-count: 1 !important; - -webkit-transition-duration: 0.01ms !important; - transition-duration: 0.01ms !important; - scroll-behavior: auto !important; - } -} diff --git a/package.json b/package.json index b49e1ae..f44a9c8 100644 --- a/package.json +++ b/package.json @@ -1,26 +1,37 @@ { "name": "itcss", - "version": "2.0.0", + "version": "2.1.0", "description": "CSS starter boilerplate based on the ITCSS pattern", - "scripts": { - "build": "postcss index.css -o main.css -c postcss.config.js", - "deploy": "cp main.css demo/main.css" - }, "keywords": [ "CSS", + "ITCSS", "PostCSS", "CSS Boilerplate", - "ITCSS" + "ITCSS Boilerplate", + "PostCSS Boilerplate", + "CSS Starter Template", + "ITCSS Starter Template", + "PostCSS Starter Template" ], - "author": "Atanas Atanasov (https://atanas.info)", - "repository": "https://github.com/scriptex/itcss", + "homepage": "https://itcss.atanas.info", "bugs": { "url": "https://github.com/scriptex/itcss/issues", - "email": "scriptex.bg@gmail.com" + "email": "hi@atanas.info" }, "license": "MIT", + "author": "Atanas Atanasov (https://atanas.info)", + "funding": "https://github.com/sponsors/scriptex", "main": "index.css", "style": "index.css", + "repository": { + "type": "git", + "url": "github:scriptex/itcss" + }, + "scripts": { + "copy": "cp main.css demo/main.css", + "build": "postcss index.css -o main.css -c postcss.config.js", + "deploy": "yarn build && yarn copy" + }, "dependencies": {}, "devDependencies": { "autoprefixer": "10.4.10", diff --git a/vercel.json b/vercel.json deleted file mode 100644 index f018fe5..0000000 --- a/vercel.json +++ /dev/null @@ -1,3 +0,0 @@ -{ - "version": 2 -} diff --git a/yarn.lock b/yarn.lock index fea268b..5d9e09b 100644 --- a/yarn.lock +++ b/yarn.lock @@ -36,7 +36,7 @@ ansi-regex@^2.0.0: version "2.1.1" resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-2.1.1.tgz#c3b33ab5ee360d86e0e628f0468ae7ef27d654df" - integrity sha1-w7M6te42DYbg5ijwRorn7yfWVN8= + integrity sha512-TIGnTpdo+E3+pCyAluZvtED5p5wCqLdezCyhPZzKPcxvFplEt4i+W7OONCKgeZFT3+y5NZZfOOS/Bdcanm1MYA== ansi-regex@^5.0.1: version "5.0.1" @@ -46,7 +46,7 @@ ansi-regex@^5.0.1: ansi-styles@^2.2.1: version "2.2.1" resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-2.2.1.tgz#b432dd3358b634cf75e1e4664368240533c1ddbe" - integrity sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4= + integrity sha512-kmCevFghRiWM7HB5zTPULl4r9bVFSWjz62MhqizDGUrq2NWuNMQyuv4tHHoKJHs69M/MF64lEcHdYIocrdWQYA== ansi-styles@^3.2.1: version "3.2.1" @@ -73,14 +73,14 @@ anymatch@~3.1.2: array-union@^1.0.1: version "1.0.2" resolved "https://registry.yarnpkg.com/array-union/-/array-union-1.0.2.tgz#9a34410e4f4e3da23dea375be5be70f24778ec39" - integrity sha1-mjRBDk9OPaI96jdb5b5w8kd47Dk= + integrity sha512-Dxr6QJj/RdU/hCaBjOfxW+q6lyuVE6JFWIrAUpuOOhoJJoQ99cUn3igRaHVB5P9WrgFVN0FfArM3x0cueOU8ng== dependencies: array-uniq "^1.0.1" array-uniq@^1.0.1: version "1.0.3" resolved "https://registry.yarnpkg.com/array-uniq/-/array-uniq-1.0.3.tgz#af6ac877a25cc7f74e058894753858dfdb24fdb6" - integrity sha1-r2rId6Jcx/dOBYiUdThY39sk/bY= + integrity sha512-MNha4BWQ6JbwhFhj03YK552f7cb3AzoE8SzeljgChvL1dl3IcvggXVz1DilzySZkCja+CXuZbdW7yATchWn8/Q== autoprefixer@10.4.10: version "10.4.10" @@ -112,7 +112,7 @@ brace-expansion@^1.1.7: balanced-match "^1.0.0" concat-map "0.0.1" -braces@^3.0.1, braces@~3.0.2: +braces@^3.0.2, braces@~3.0.2: version "3.0.2" resolved "https://registry.yarnpkg.com/braces/-/braces-3.0.2.tgz#3454e1a462ee8d599e236df336cd9ea4f8afe107" integrity sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A== @@ -134,12 +134,7 @@ camelcase-css@^2.0.1: resolved "https://registry.yarnpkg.com/camelcase-css/-/camelcase-css-2.0.1.tgz#ee978f6947914cc30c6b44741b6ed1df7f043fd5" integrity sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA== -caniuse-lite@^1.0.30001370: - version "1.0.30001370" - resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001370.tgz#0a30d4f20d38b9e108cc5ae7cc62df9fe66cd5ba" - integrity sha512-3PDmaP56wz/qz7G508xzjx8C+MC2qEm4SYhSEzC9IBROo+dGXFWRuaXkWti0A9tuI00g+toiriVqxtWMgl350g== - -caniuse-lite@^1.0.30001399: +caniuse-lite@^1.0.30001370, caniuse-lite@^1.0.30001399: version "1.0.30001399" resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001399.tgz#1bf994ca375d7f33f8d01ce03b7d5139e8587873" integrity sha512-4vQ90tMKS+FkvuVWS5/QY1+d805ODxZiKFzsU8o/RsVJz49ZSRR8EjykLJbqhzdPgadbX6wB538wOzle3JniRA== @@ -147,7 +142,7 @@ caniuse-lite@^1.0.30001399: chalk@^1.1.3: version "1.1.3" resolved "https://registry.yarnpkg.com/chalk/-/chalk-1.1.3.tgz#a8115c55e4a702fe4d150abd3872822a7e09fc98" - integrity sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg= + integrity sha512-U3lRVLMSlsCfjqYPbLyVv11M9CPW4I728d6TCKMAOJueEeB9/8o+eSsMnxPJD+Q+K909sdESg7C+tIkoH6on1A== dependencies: ansi-styles "^2.2.1" escape-string-regexp "^1.0.2" @@ -165,9 +160,9 @@ chalk@^2.4.1: supports-color "^5.3.0" chokidar@^3.3.0: - version "3.5.2" - resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.5.2.tgz#dba3976fcadb016f66fd365021d91600d01c1e75" - integrity sha512-ekGhOnNVPgT77r4K/U3GDhu+FQ2S8TnK/s2KbIGXi0SZWuwkZ2QNyfWdZW+TVfn84DpEP7rLeCt2UI6bJ8GwbQ== + version "3.5.3" + resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.5.3.tgz#1cf37c8707b932bd1af1ae22c0432e2acd1903bd" + integrity sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw== dependencies: anymatch "~3.1.2" braces "~3.0.2" @@ -205,7 +200,7 @@ color-convert@^2.0.1: color-name@1.1.3: version "1.1.3" resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.3.tgz#a7d0558bd89c42f795dd42328f740831ca53bc25" - integrity sha1-p9BVi9icQveV3UIyj3QIMcpTvCU= + integrity sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw== color-name@~1.1.4: version "1.1.4" @@ -215,7 +210,7 @@ color-name@~1.1.4: concat-map@0.0.1: version "0.0.1" resolved "https://registry.yarnpkg.com/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b" - integrity sha1-2Klr13/Wjfd5OnMDajug1UBdR3s= + integrity sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg== cssesc@^3.0.0: version "3.0.0" @@ -235,9 +230,9 @@ dir-glob@^3.0.1: path-type "^4.0.0" electron-to-chromium@^1.4.202: - version "1.4.202" - resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.202.tgz#0c2ed733f42b02ec49a955c5badfcc65888c390b" - integrity sha512-JYsK2ex9lmQD27kj19fhXYxzFJ/phLAkLKHv49A5UY6kMRV2xED3qMMLg/voW/+0AR6wMiI+VxlmK9NDtdxlPA== + version "1.4.249" + resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.249.tgz#49c34336c742ee65453dbddf4c84355e59b96e2c" + integrity sha512-GMCxR3p2HQvIw47A599crTKYZprqihoBL4lDSAUmr7IYekXFK5t/WgEBrGJDCa2HWIZFQEkGuMqPCi05ceYqPQ== emoji-regex@^8.0.0: version "8.0.0" @@ -252,12 +247,12 @@ escalade@^3.1.1: escape-string-regexp@^1.0.2, escape-string-regexp@^1.0.5: version "1.0.5" resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4" - integrity sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ= + integrity sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg== fast-glob@^3.2.11: - version "3.2.11" - resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.2.11.tgz#a1172ad95ceb8a16e20caa5c5e56480e5129c1d9" - integrity sha512-xrO3+1bxSo3ZVHAnqzyuewYT6aMFHRAd4Kcs92MAonjwQZLsK9d0SF1IyQ3k5PoirxTW0Oe/RqFgMQ6TcNE5Ew== + version "3.2.12" + resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.2.12.tgz#7f39ec99c2e6ab030337142da9e0c18f37afae80" + integrity sha512-DVj4CQIYYow0BlaelwK1pHl5n5cRSJfM60UA0zK891sVInoPri2Ekj7+e1CT3/3qxXenpI+nBBmQAcJPJgaj4w== dependencies: "@nodelib/fs.stat" "^2.0.2" "@nodelib/fs.walk" "^1.2.3" @@ -290,9 +285,9 @@ fraction.js@^4.2.0: integrity sha512-MhLuK+2gUcnZe8ZHlaaINnQLl0xRIGRfcGk2yl8xoQAfHrSsL3rYu6FCmBdkdbhc9EPlwyGHewaRsvwRMJtAlA== fs-extra@^10.0.0: - version "10.0.0" - resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-10.0.0.tgz#9ff61b655dde53fb34a82df84bb214ce802e17c1" - integrity sha512-C5owb14u9eJwizKGdchcDUQeFtlSHHthBk8pbX9Vc1PFZrLombudjDnNns88aYslCyF6IY5SUw3Roz6xShcEIQ== + version "10.1.0" + resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-10.1.0.tgz#02873cfbc4084dde127eaa5f9905eef2325d1abf" + integrity sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ== dependencies: graceful-fs "^4.2.0" jsonfile "^6.0.1" @@ -301,7 +296,7 @@ fs-extra@^10.0.0: fs.realpath@^1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/fs.realpath/-/fs.realpath-1.0.0.tgz#1504ad2523158caa40db4a2787cb01411994ea4f" - integrity sha1-FQStJSMVjKpA20onh8sBQRmU6k8= + integrity sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw== fsevents@~2.3.2: version "2.3.2" @@ -331,14 +326,14 @@ glob-parent@^5.1.2, glob-parent@~5.1.2: is-glob "^4.0.1" glob@^7.0.3: - version "7.2.0" - resolved "https://registry.yarnpkg.com/glob/-/glob-7.2.0.tgz#d15535af7732e02e948f4c41628bd910293f6023" - integrity sha512-lmLf6gtyrPq8tTjSmrO94wBeQbFR3HbLHbuyD69wuyQkImp2hWqMGB47OX65FBkPffO641IP9jWa1z4ivqG26Q== + version "7.2.3" + resolved "https://registry.yarnpkg.com/glob/-/glob-7.2.3.tgz#b8df0fb802bbfa8e89bd1d938b4e16578ed44f2b" + integrity sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q== dependencies: fs.realpath "^1.0.0" inflight "^1.0.4" inherits "2" - minimatch "^3.0.4" + minimatch "^3.1.1" once "^1.3.0" path-is-absolute "^1.0.0" @@ -356,7 +351,7 @@ globby@^13.0.0: globby@^6.1.0: version "6.1.0" resolved "https://registry.yarnpkg.com/globby/-/globby-6.1.0.tgz#f5a6d70e8395e21c858fb0489d64df02424d506c" - integrity sha1-9abXDoOV4hyFj7BInWTfAkJNUGw= + integrity sha512-KVbFv2TQtbzCoxAnfD6JcHZTYCzyliEaaeM/gH8qQdkKr5s0OP9scEgvdcngyk7AVdY6YVW/TJHd+lQ/Df3Daw== dependencies: array-union "^1.0.1" glob "^7.0.3" @@ -365,26 +360,26 @@ globby@^6.1.0: pinkie-promise "^2.0.0" graceful-fs@^4.1.6, graceful-fs@^4.2.0: - version "4.2.9" - resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.9.tgz#041b05df45755e587a24942279b9d113146e1c96" - integrity sha512-NtNxqUcXgpW2iMrfqSfR73Glt39K+BLwWsPs94yR63v45T0Wbej7eRmL5cWfwEgqXnmjQp3zaJTshdRW/qC2ZQ== + version "4.2.10" + resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.10.tgz#147d3a006da4ca3ce14728c7aefc287c367d7a6c" + integrity sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA== has-ansi@^2.0.0: version "2.0.0" resolved "https://registry.yarnpkg.com/has-ansi/-/has-ansi-2.0.0.tgz#34f5049ce1ecdf2b0649af3ef24e45ed35416d91" - integrity sha1-NPUEnOHs3ysGSa8+8k5F7TVBbZE= + integrity sha512-C8vBJ8DwUCx19vhm7urhTuUsr4/IyP6l4VzNQDv+ryHQObW3TTTp9yB68WpYgRe2bbaGuZ/se74IqFeVnMnLZg== dependencies: ansi-regex "^2.0.0" has-flag@^1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-1.0.0.tgz#9d9e793165ce017a00f00418c43f942a7b1d11fa" - integrity sha1-nZ55MWXOAXoA8AQYxD+UKnsdEfo= + integrity sha512-DyYHfIYwAJmjAjSSPKANxI8bFY9YtFrgkAfinBojQ8YJTOuOuav64tMUJv584SES4xl74PmuaevIyaLESHdTAA== has-flag@^3.0.0: version "3.0.0" resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-3.0.0.tgz#b5d454dc2199ae225699f3467e5a07f3b955bafd" - integrity sha1-tdRU3CGZriJWmfNGfloH87lVuv0= + integrity sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw== has@^1.0.3: version "1.0.3" @@ -401,12 +396,12 @@ ignore@^5.2.0: indexes-of@^1.0.1: version "1.0.1" resolved "https://registry.yarnpkg.com/indexes-of/-/indexes-of-1.0.1.tgz#f30f716c8e2bd346c7b67d3df3915566a7c05607" - integrity sha1-8w9xbI4r00bHtn0985FVZqfAVgc= + integrity sha512-bup+4tap3Hympa+JBJUG7XuOsdNQ6fxt0MHyXMKuLBKn0OqsTfvUxkUrroEX1+B2VsSHvCjiIcZVxRtYa4nllA== inflight@^1.0.4: version "1.0.6" resolved "https://registry.yarnpkg.com/inflight/-/inflight-1.0.6.tgz#49bd6331d7d02d0c09bc910a1075ba8165b56df9" - integrity sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk= + integrity sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA== dependencies: once "^1.3.0" wrappy "1" @@ -423,17 +418,17 @@ is-binary-path@~2.1.0: dependencies: binary-extensions "^2.0.0" -is-core-module@^2.8.0: - version "2.8.1" - resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.8.1.tgz#f59fdfca701d5879d0a6b100a40aa1560ce27211" - integrity sha512-SdNCUs284hr40hFTFP6l0IfZ/RSrMXF3qgoRHd3/79unUTvrFO/JoXwkGm+5J/Oe3E/b5GsnG330uUNgRpu1PA== +is-core-module@^2.9.0: + version "2.10.0" + resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.10.0.tgz#9012ede0a91c69587e647514e1d5277019e728ed" + integrity sha512-Erxj2n/LDAZ7H8WNJXd9tw38GYM3dv8rk8Zcs+jJuxYTW7sozH+SS8NtrSjVL1/vpLvWi1hxy96IzjJ3EHTJJg== dependencies: has "^1.0.3" is-extglob@^2.1.1: version "2.1.1" resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-2.1.1.tgz#a88c02535791f02ed37c76a1b9ea9773c833f8c2" - integrity sha1-qIwCU1eR8C7TfHahueqXc8gz+MI= + integrity sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ== is-fullwidth-code-point@^3.0.0: version "3.0.0" @@ -467,9 +462,9 @@ jsonfile@^6.0.1: graceful-fs "^4.1.6" lilconfig@^2.0.5: - version "2.0.5" - resolved "https://registry.yarnpkg.com/lilconfig/-/lilconfig-2.0.5.tgz#19e57fd06ccc3848fd1891655b5a447092225b25" - integrity sha512-xaYmXZtTHPAw5m+xLN8ab9C+3a8YmV3asNSPOATITbtwrfbwaLJj8h66H1WMIpALCkqsIzK3h7oQ+PdX+LQ9Eg== + version "2.0.6" + resolved "https://registry.yarnpkg.com/lilconfig/-/lilconfig-2.0.6.tgz#32a384558bd58af3d4c6e077dd1ad1d397bc69d4" + integrity sha512-9JROoBW7pobfsx+Sq2JsASvCo6Pfo6WWoUW79HuB1BCoBXD4PLWJPqDF6fNj67pqBYTbAHkE57M1kS/+L1neOg== lodash@^4.17.4: version "4.17.21" @@ -482,17 +477,17 @@ merge2@^1.3.0, merge2@^1.4.1: integrity sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg== micromatch@^4.0.4: - version "4.0.4" - resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-4.0.4.tgz#896d519dfe9db25fce94ceb7a500919bf881ebf9" - integrity sha512-pRmzw/XUcwXGpD9aI9q/0XOwLNygjETJ8y0ao0wdqprrzDa4YnxLcz7fQRZr8voh8V10kGhABbNcHVk5wHgWwg== + version "4.0.5" + resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-4.0.5.tgz#bc8999a7cbbf77cdc89f132f6e467051b49090c6" + integrity sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA== dependencies: - braces "^3.0.1" - picomatch "^2.2.3" + braces "^3.0.2" + picomatch "^2.3.1" -minimatch@^3.0.4: - version "3.0.4" - resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.0.4.tgz#5166e286457f03306064be5497e8dbb0c3d32083" - integrity sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA== +minimatch@^3.1.1: + version "3.1.2" + resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.1.2.tgz#19cd194bfd3e428f049a70817c038d89ab4be35b" + integrity sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw== dependencies: brace-expansion "^1.1.7" @@ -514,24 +509,24 @@ normalize-path@^3.0.0, normalize-path@~3.0.0: normalize-range@^0.1.2: version "0.1.2" resolved "https://registry.yarnpkg.com/normalize-range/-/normalize-range-0.1.2.tgz#2d10c06bdfd312ea9777695a4d28439456b75942" - integrity sha1-LRDAa9/TEuqXd2laTShDlFa3WUI= + integrity sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA== object-assign@^4.0.1: version "4.1.1" resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863" - integrity sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM= + integrity sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg== once@^1.3.0: version "1.4.0" resolved "https://registry.yarnpkg.com/once/-/once-1.4.0.tgz#583b1aa775961d4b113ac17d9c50baef9dd76bd1" - integrity sha1-WDsap3WWHUsROsF9nFC6753Xa9E= + integrity sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w== dependencies: wrappy "1" path-is-absolute@^1.0.0: version "1.0.1" resolved "https://registry.yarnpkg.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz#174b9268735534ffbc7ace6bf53a5a9e1b5c5f5f" - integrity sha1-F0uSaHNVNP+8es5r9TpanhtcX18= + integrity sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg== path-parse@^1.0.7: version "1.0.7" @@ -553,7 +548,7 @@ picocolors@^1.0.0: resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.0.0.tgz#cb5bdc74ff3f51892236eaf79d68bc44564ab81c" integrity sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ== -picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.2.3: +picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.3.1: version "2.3.1" resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.1.tgz#3ba3833733646d9d3e4995946c1365a67fb07a42" integrity sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA== @@ -561,24 +556,24 @@ picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.2.3: pify@^2.0.0, pify@^2.3.0: version "2.3.0" resolved "https://registry.yarnpkg.com/pify/-/pify-2.3.0.tgz#ed141a6ac043a849ea588498e7dca8b15330e90c" - integrity sha1-7RQaasBDqEnqWISY59yosVMw6Qw= + integrity sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog== pify@^3.0.0: version "3.0.0" resolved "https://registry.yarnpkg.com/pify/-/pify-3.0.0.tgz#e5a4acd2c101fdf3d9a4d07f0dbc4db49dd28176" - integrity sha1-5aSs0sEB/fPZpNB/DbxNtJ3SgXY= + integrity sha512-C3FsVNH1udSEX48gGX1xfvwTWfsYWj5U+8/uK15BGzIGrKoUpghX8hWZwa/OFnakBiiVNmBvemTJR5mcy7iPcg== pinkie-promise@^2.0.0: version "2.0.1" resolved "https://registry.yarnpkg.com/pinkie-promise/-/pinkie-promise-2.0.1.tgz#2135d6dfa7a358c069ac9b178776288228450ffa" - integrity sha1-ITXW36ejWMBprJsXh3YogihFD/o= + integrity sha512-0Gni6D4UcLTbv9c57DfxDGdr41XfgUjqWZu492f0cIGr16zDU06BWP/RAEvOuo7CQ0CNjHaLlM59YJJFm3NWlw== dependencies: pinkie "^2.0.0" pinkie@^2.0.0: version "2.0.4" resolved "https://registry.yarnpkg.com/pinkie/-/pinkie-2.0.4.tgz#72556b80cfa0d48a974e80e77248e80ed4f7f870" - integrity sha1-clVrgM+g1IqXToDnckjoDtT3+HA= + integrity sha512-MnUuEycAemtSaeFSjXKW/aroV7akBbY+Sv+RkyqFjgAe73F+MR0TBWKBRDkmfWq/HiFmdavfZ1G7h4SPZXaCSg== postcss-browser-comments@^4: version "4.0.0" @@ -658,7 +653,7 @@ postcss-easy-import@4.0.0: postcss-extend@1.0.5: version "1.0.5" resolved "https://registry.yarnpkg.com/postcss-extend/-/postcss-extend-1.0.5.tgz#5ea98bf787ba3cacf4df4609743f80a833b1d0e7" - integrity sha1-XqmL94e6PKz030YJdD+AqDOx0Oc= + integrity sha512-zplAc8IovPMe/JqV0B9nl6o6sElIX7VX1CP2FbV+lGZud3hcnDMr4clN0S8xdHthQoTNDN2K1Q+z0YEW5FWc8A== dependencies: postcss "^5.0.4" @@ -670,15 +665,15 @@ postcss-flexbugs-fixes@5.0.2: postcss-for@2.1.1: version "2.1.1" resolved "https://registry.yarnpkg.com/postcss-for/-/postcss-for-2.1.1.tgz#841378c0ef909d50e1980d5aa71e6a340e728fcd" - integrity sha1-hBN4wO+QnVDhmA1apx5qNA5yj80= + integrity sha512-X0R84FCyr5cqzW4+/g4Dvz2OUe1iwC3G/atIrwEpiRstZlBBpknV+ETlIneSTnw/iXgUnEoTRaO2qXY62YWLhQ== dependencies: postcss "^5.0.0" postcss-simple-vars "^2.0.0" postcss-import@^14.0.0: - version "14.0.2" - resolved "https://registry.yarnpkg.com/postcss-import/-/postcss-import-14.0.2.tgz#60eff77e6be92e7b67fe469ec797d9424cae1aa1" - integrity sha512-BJ2pVK4KhUyMcqjuKs9RijV5tatNzNa73e/32aBVE/ejYPe37iH+6vAu9WvqUkB5OAYgLHzbSvzHnorybJCm9g== + version "14.1.0" + resolved "https://registry.yarnpkg.com/postcss-import/-/postcss-import-14.1.0.tgz#a7333ffe32f0b8795303ee9e40215dac922781f0" + integrity sha512-flwI+Vgm4SElObFVPpTIT7SU7R3qk2L7PyduMcokiaVKuWv9d/U+Gm/QAd8NDLuykTWTkcrjOeD2Pp1rMeBTGw== dependencies: postcss-value-parser "^4.0.0" read-cache "^1.0.0" @@ -733,18 +728,10 @@ postcss-reporter@^7.0.0: picocolors "^1.0.0" thenby "^1.3.4" -postcss-selector-parser@^6.0.6: - version "6.0.8" - resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.0.8.tgz#f023ed7a9ea736cd7ef70342996e8e78645a7914" - integrity sha512-D5PG53d209Z1Uhcc0qAZ5U3t5HagH3cxu+WLZ22jt3gLUpXM4eXXfiO14jiDWST3NNooX/E8wISfOhZ9eIjGTQ== - dependencies: - cssesc "^3.0.0" - util-deprecate "^1.0.2" - -postcss-selector-parser@^6.0.9: - version "6.0.9" - resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.0.9.tgz#ee71c3b9ff63d9cd130838876c13a2ec1a992b2f" - integrity sha512-UO3SgnZOVTwu4kyLR22UQ1xZh086RyNZppb7lLAKBFK8a32ttG5i87Y/P3+2bRSjZNyJ1B7hfFNo273tKe9YxQ== +postcss-selector-parser@^6.0.6, postcss-selector-parser@^6.0.9: + version "6.0.10" + resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.0.10.tgz#79b61e2c0d1bfc2602d549e11d0876256f8df88d" + integrity sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w== dependencies: cssesc "^3.0.0" util-deprecate "^1.0.2" @@ -752,7 +739,7 @@ postcss-selector-parser@^6.0.9: postcss-simple-vars@^2.0.0: version "2.0.0" resolved "https://registry.yarnpkg.com/postcss-simple-vars/-/postcss-simple-vars-2.0.0.tgz#d0a1091b0da22b79507028f7b22b976c0a60b8d5" - integrity sha1-0KEJGw2iK3lQcCj3siuXbApguNU= + integrity sha512-HllLaKKCBOdKudyzqrw/ve5rWouM9cDL+WHaSF9q4CkBEPjdTdiKNw1xF2dAz5rUKrxVmnUmOYxamwy37dnq2Q== dependencies: postcss "^5.0.21" @@ -827,7 +814,7 @@ postcss@^7.0.17, postcss@^7.0.2: pretty-hrtime@^1.0.3: version "1.0.3" resolved "https://registry.yarnpkg.com/pretty-hrtime/-/pretty-hrtime-1.0.3.tgz#b7e3ea42435a4c9b2759d99e0f201eb195802ee1" - integrity sha1-t+PqQkNaTJsnWdmeDyAesZWALuE= + integrity sha512-66hKPCr+72mlfiSjlEB1+45IjXSqvVAIy6mocupoww4tBFE9R9IhwwUGoI4G++Tc9Aq+2rxOt0RFU6gPcrte0A== queue-microtask@^1.2.2: version "1.2.3" @@ -837,7 +824,7 @@ queue-microtask@^1.2.2: read-cache@^1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/read-cache/-/read-cache-1.0.0.tgz#e664ef31161166c9751cdbe8dbcf86b5fb58f774" - integrity sha1-5mTvMRYRZsl1HNvo28+GtftY93Q= + integrity sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA== dependencies: pify "^2.3.0" @@ -858,14 +845,14 @@ reduce-function-call@^1.0.2: require-directory@^2.1.1: version "2.1.1" resolved "https://registry.yarnpkg.com/require-directory/-/require-directory-2.1.1.tgz#8c64ad5fd30dab1c976e2344ffe7f792a6a6df42" - integrity sha1-jGStX9MNqxyXbiNE/+f3kqam30I= + integrity sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q== resolve@^1.1.7: - version "1.21.0" - resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.21.0.tgz#b51adc97f3472e6a5cf4444d34bc9d6b9037591f" - integrity sha512-3wCbTpk5WJlyE4mSOtDLhqQmGFi0/TD9VPwmiolnk8U0wRgMEktqCXd3vy5buTO3tljvalNvKrjHEfrd2WpEKA== + version "1.22.1" + resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.1.tgz#27cb2ebb53f91abb49470a928bba7558066ac177" + integrity sha512-nBpuuYuY5jFsli/JIs1oldw6fOQCBioohqWZg/2hiaOybXOft4lonv85uDOKXdf8rhyK159cxU5cDcK/NKk8zw== dependencies: - is-core-module "^2.8.0" + is-core-module "^2.9.0" path-parse "^1.0.7" supports-preserve-symlinks-flag "^1.0.0" @@ -899,7 +886,7 @@ source-map-js@^1.0.2: source-map@^0.5.6: version "0.5.7" resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.7.tgz#8a039d2d1021d22d1ea14c80d8ea468ba2ef3fcc" - integrity sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w= + integrity sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ== source-map@^0.6.1: version "0.6.1" @@ -918,7 +905,7 @@ string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3: strip-ansi@^3.0.0: version "3.0.1" resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-3.0.1.tgz#6a385fb8853d952d5ff05d0e8aaf94278dc63dcf" - integrity sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8= + integrity sha512-VhumSSbBqDTP8p2ZLKj40UjBCV4+v8bUSEpUb4KjRgWk9pbqGF4REFj6KEagidb2f/M6AzC0EmFyDNGaw9OCzg== dependencies: ansi-regex "^2.0.0" @@ -937,12 +924,12 @@ sugarss@^4.0.1: supports-color@^2.0.0: version "2.0.0" resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-2.0.0.tgz#535d045ce6b6363fa40117084629995e9df324c7" - integrity sha1-U10EXOa2Nj+kARcIRimZXp3zJMc= + integrity sha512-KKNVtd6pCYgPIKU4cp2733HWYCpplQhddZLBUryaAHou723x+FRzQ5Df824Fj+IyyuiQTRoub4SnIFfIcrp70g== supports-color@^3.2.3: version "3.2.3" resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-3.2.3.tgz#65ac0504b3954171d8a64946b2ae3cbb8a5f54f6" - integrity sha1-ZawFBLOVQXHYpklGsq48u4pfVPY= + integrity sha512-Jds2VIYDrlp5ui7t8abHN2bjAu4LV/q4N2KivFPpGH0lrka0BMq/33AmECUXlKPcHigkNaqfXRENFju+rlcy+A== dependencies: has-flag "^1.0.0" @@ -973,7 +960,7 @@ to-regex-range@^5.0.1: uniq@^1.0.1: version "1.0.1" resolved "https://registry.yarnpkg.com/uniq/-/uniq-1.0.1.tgz#b31c5ae8254844a3a8281541ce2b04b865a734ff" - integrity sha1-sxxa6CVIRKOoKBVBzisEuGWnNP8= + integrity sha512-Gw+zz50YNKPDKXs+9d+aKAjVwpjNwqzvNpLigIruT4HA9lMZNdMqs9x07kKHB/L9WRzqp4+DlTU5s4wG2esdoA== universalify@^2.0.0: version "2.0.0" @@ -981,9 +968,9 @@ universalify@^2.0.0: integrity sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ== update-browserslist-db@^1.0.5: - version "1.0.5" - resolved "https://registry.yarnpkg.com/update-browserslist-db/-/update-browserslist-db-1.0.5.tgz#be06a5eedd62f107b7c19eb5bcefb194411abf38" - integrity sha512-dteFFpCyvuDdr9S/ff1ISkKt/9YZxKjI9WlRR99c180GaztJtRa/fn18FdxGVKVsnPY7/a/FDN68mcvUmP4U7Q== + version "1.0.9" + resolved "https://registry.yarnpkg.com/update-browserslist-db/-/update-browserslist-db-1.0.9.tgz#2924d3927367a38d5c555413a7ce138fc95fcb18" + integrity sha512-/xsqn21EGVdXI3EXSum1Yckj3ZVZugqyOZQ/CxYPBD/R+ko9NSUScf8tFF4dOKY+2pvSSJA/S+5B8s4Zr4kyvg== dependencies: escalade "^3.1.1" picocolors "^1.0.0" @@ -991,7 +978,7 @@ update-browserslist-db@^1.0.5: util-deprecate@^1.0.2: version "1.0.2" resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf" - integrity sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8= + integrity sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw== wrap-ansi@^7.0.0: version "7.0.0" @@ -1005,7 +992,7 @@ wrap-ansi@^7.0.0: wrappy@1: version "1.0.2" resolved "https://registry.yarnpkg.com/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f" - integrity sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8= + integrity sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ== y18n@^5.0.5: version "5.0.8" @@ -1018,14 +1005,14 @@ yaml@^2.1.1: integrity sha512-o96x3OPo8GjWeSLF+wOAbrPfhFOGY0W00GNaxCDv+9hkcDJEnev1yh8S7pgHF0ik6zc8sQLuL8hjHjJULZp8bw== yargs-parser@^21.0.0: - version "21.0.0" - resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-21.0.0.tgz#a485d3966be4317426dd56bdb6a30131b281dc55" - integrity sha512-z9kApYUOCwoeZ78rfRYYWdiU/iNL6mwwYlkkZfJoyMR1xps+NEBX5X7XmRpxkZHhXJ6+Ey00IwKxBBSW9FIjyA== + version "21.1.1" + resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-21.1.1.tgz#9096bceebf990d21bb31fa9516e0ede294a77d35" + integrity sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw== yargs@^17.0.0: - version "17.3.1" - resolved "https://registry.yarnpkg.com/yargs/-/yargs-17.3.1.tgz#da56b28f32e2fd45aefb402ed9c26f42be4c07b9" - integrity sha512-WUANQeVgjLbNsEmGk20f+nlHgOqzRFpiGWVaBrYGYIGANIIu3lWjoyi0fNlFmJkvfhCZ6BXINe7/W2O2bV4iaA== + version "17.5.1" + resolved "https://registry.yarnpkg.com/yargs/-/yargs-17.5.1.tgz#e109900cab6fcb7fd44b1d8249166feb0b36e58e" + integrity sha512-t6YAJcxDkNX7NFYiVtKvWUz8l+PaKTLiL63mJYWR2GnHq2gjEWISzsLp9wg3aY36dY1j+gfIEL3pIF+XlJJfbA== dependencies: cliui "^7.0.2" escalade "^3.1.1"