Use sugarss

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

View file

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

View file

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

View file

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

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"
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:
version "1.1.2"
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-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"