opdavies/rebuilding-platformsh
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Use sugarss

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

2
package.json
View file

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

1
postcss.config.js
View file

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

3
src/assets/css/components/links.css
View file

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

6
src/assets/css/components/search-form.css
View file

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

4
src/assets/css/custom-components.css
View file

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

8
src/assets/css/tailwind.css
View file

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

8
src/components/AlertMessage.vue
View file

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

9
yarn.lock
View file

@ -7621,7 +7621,7 @@ postcss@^6.0.1, postcss@^6.0.23, postcss@^6.0.9:
source-map "^0.6.1" source-map "^0.6.1"
supports-color "^5.4.0" 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" version "7.0.17"
resolved "https://registry.yarnpkg.com/postcss/-/postcss-7.0.17.tgz#4da1bdff5322d4a0acaab4d87f3e782436bad31f" resolved "https://registry.yarnpkg.com/postcss/-/postcss-7.0.17.tgz#4da1bdff5322d4a0acaab4d87f3e782436bad31f"
integrity sha512-546ZowA+KZ3OasvQZHsbuEpysvwTZNGJv9EfyCQdsIDltPSWHAeTQ5fQy/Npi2ZDtLI3zs7Ps/p6wThErhm9fQ== integrity sha512-546ZowA+KZ3OasvQZHsbuEpysvwTZNGJv9EfyCQdsIDltPSWHAeTQ5fQy/Npi2ZDtLI3zs7Ps/p6wThErhm9fQ==
@ -8940,6 +8940,13 @@ stylehacks@^4.0.0:
postcss "^7.0.0" postcss "^7.0.0"
postcss-selector-parser "^3.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: supports-color@^2.0.0:
version "2.0.0" version "2.0.0"
resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-2.0.0.tgz#535d045ce6b6363fa40117084629995e9df324c7" resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-2.0.0.tgz#535d045ce6b6363fa40117084629995e9df324c7"