diff --git a/package.json b/package.json index 4378e23..579bcdb 100644 --- a/package.json +++ b/package.json @@ -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" diff --git a/postcss.config.js b/postcss.config.js index fc3157c..5efa5f9 100644 --- a/postcss.config.js +++ b/postcss.config.js @@ -1,4 +1,5 @@ module.exports = { + parser: 'sugarss', plugins: { tailwindcss: './tailwind.config.js', autoprefixer: {} diff --git a/src/assets/css/tailwind.css b/src/assets/css/tailwind.css index 888d0cd..aa70b3c 100644 --- a/src/assets/css/tailwind.css +++ b/src/assets/css/tailwind.css @@ -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%) diff --git a/yarn.lock b/yarn.lock index bb184ea..791aa10 100644 --- a/yarn.lock +++ b/yarn.lock @@ -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"