Use sugarss

This commit is contained in:
Oliver Davies 2019-07-08 22:07:31 +01:00
parent 91dde28037
commit cd9def7e0a
8 changed files with 23 additions and 18 deletions

View file

@ -10,6 +10,8 @@
},
"dependencies": {
"core-js": "^2.6.5",
"postcss": "^7.0.17",
"sugarss": "^2.0.0",
"tailwindcss-interaction-variants": "^2.0.0-beta.1",
"tailwindcss-spaced-items": "^0.1.0",
"tailwindcss-transforms": "^2.0.0-beta.1",

View file

@ -1,4 +1,5 @@
module.exports = {
parser: 'sugarss',
plugins: {
'postcss-import': {},
tailwindcss: "./tailwind.config.js",

View file

@ -1,3 +1,2 @@
a:hover {
a:hover
@apply underline
}

View file

@ -1,5 +1,3 @@
.search-form {
> input:focus + svg {
.search-form
> input:focus + svg
@apply opacity-100
}
}

View file

@ -1,2 +1,2 @@
@import 'components/links';
@import 'components/search-form';
@import 'components/links'
@import 'components/search-form'

View file

@ -1,6 +1,6 @@
@import 'tailwindcss/base';
@import 'tailwindcss/base'
@import 'tailwindcss/components';
@import 'custom-components';
@import 'tailwindcss/components'
@import 'custom-components'
@import 'tailwindcss/utilities';
@import 'tailwindcss/utilities'

View file

@ -5,12 +5,10 @@
</template>
<style type="postcss" scoped>
a {
@apply underline;
a
@apply underline
&:hover,
&:focus {
&:focus
@apply no-underline
}
}
</style>

View file

@ -7621,7 +7621,7 @@ postcss@^6.0.1, postcss@^6.0.23, postcss@^6.0.9:
source-map "^0.6.1"
supports-color "^5.4.0"
postcss@^7.0.0, postcss@^7.0.1, postcss@^7.0.11, postcss@^7.0.14, postcss@^7.0.16, postcss@^7.0.5:
postcss@^7.0.0, postcss@^7.0.1, postcss@^7.0.11, postcss@^7.0.14, postcss@^7.0.16, postcss@^7.0.17, postcss@^7.0.2, postcss@^7.0.5:
version "7.0.17"
resolved "https://registry.yarnpkg.com/postcss/-/postcss-7.0.17.tgz#4da1bdff5322d4a0acaab4d87f3e782436bad31f"
integrity sha512-546ZowA+KZ3OasvQZHsbuEpysvwTZNGJv9EfyCQdsIDltPSWHAeTQ5fQy/Npi2ZDtLI3zs7Ps/p6wThErhm9fQ==
@ -8940,6 +8940,13 @@ stylehacks@^4.0.0:
postcss "^7.0.0"
postcss-selector-parser "^3.0.0"
sugarss@^2.0.0:
version "2.0.0"
resolved "https://registry.yarnpkg.com/sugarss/-/sugarss-2.0.0.tgz#ddd76e0124b297d40bf3cca31c8b22ecb43bc61d"
integrity sha512-WfxjozUk0UVA4jm+U1d736AUpzSrNsQcIbyOkoE364GrtWmIrFdk5lksEupgWMD4VaT/0kVx1dobpiDumSgmJQ==
dependencies:
postcss "^7.0.2"
supports-color@^2.0.0:
version "2.0.0"
resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-2.0.0.tgz#535d045ce6b6363fa40117084629995e9df324c7"