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

Use sugarss

Browse source
This commit is contained in:
Oliver Davies 2019-07-09 02:59:02 +01:00
parent f83b817882
commit af2962ab51
4 changed files with 30 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
package.json
View file

@ -8,6 +8,7 @@
"lint": "vue-cli-service lint" "lint": "vue-cli-service lint"
}, },
"dependencies": { "dependencies": {
"sugarss": "^2.0.0",
"tailwindcss": "^1.0.1", "tailwindcss": "^1.0.1",
"tailwindcss-skip-link": "^1.0.1", "tailwindcss-skip-link": "^1.0.1",
"vue": "^2.6.6" "vue": "^2.6.6"

1
postcss.config.js
View file

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

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

@ -1,28 +1,23 @@
@tailwind base; @tailwind base
#main a { #main a
@apply text-blue-300 no-underline border-b border-blue-100 border-dotted; @apply text-blue-300 no-underline border-b border-blue-100 border-dotted
&:hover, &:hover,
&:focus { &:focus
@apply text-blue-100 border-solid @apply text-blue-100 border-solid
}
}
#footer a { #footer a
@apply text-white no-underline border-b border-dotted border-white; @apply text-white no-underline border-b border-dotted border-white
&:hover, &:hover,
&:focus { &:focus
@apply border-none @apply border-none
}
}
@tailwind components; @tailwind components
@tailwind utilities; @tailwind utilities
.skip-link:focus { .skip-link:focus
left: 50%; left: 50%
transform: translateX(-50%); transform: translateX(-50%)
}

16
yarn.lock
View file

@ -6319,6 +6319,15 @@ postcss@^7.0.0, postcss@^7.0.1, postcss@^7.0.11, postcss@^7.0.14, postcss@^7.0.5
source-map "^0.6.1" source-map "^0.6.1"
supports-color "^6.1.0" supports-color "^6.1.0"
postcss@^7.0.2:
version "7.0.17"
resolved "https://registry.yarnpkg.com/postcss/-/postcss-7.0.17.tgz#4da1bdff5322d4a0acaab4d87f3e782436bad31f"
integrity sha512-546ZowA+KZ3OasvQZHsbuEpysvwTZNGJv9EfyCQdsIDltPSWHAeTQ5fQy/Npi2ZDtLI3zs7Ps/p6wThErhm9fQ==
dependencies:
chalk "^2.4.2"
source-map "^0.6.1"
supports-color "^6.1.0"
prelude-ls@~1.1.2: prelude-ls@~1.1.2:
version "1.1.2" version "1.1.2"
resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.1.2.tgz#21932a549f5e52ffd9a827f570e04be62a97da54" resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.1.2.tgz#21932a549f5e52ffd9a827f570e04be62a97da54"
@ -7467,6 +7476,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"