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

Add app.css

Browse source
This commit is contained in:
Oliver Davies 2019-05-07 18:17:11 +01:00
parent cb05aa8b6f
commit 51d8fabf2d
2 changed files with 37 additions and 38 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

39
src/App.vue
View file

@ -110,41 +110,4 @@ export default {
} }
</script> </script>
<style> <style src="./css/app.css"/>
@tailwind base;
@tailwind components;
.skip-link:focus {
left: 50%;
transform: translateX(-50%);
}
#header a {
@apply text-white no-underline;
&:hover,
&:focus {
@apply underline
}
}
#main a {
@apply text-blue-300 no-underline border-b border-blue-100 border-dotted;
&:hover,
&:focus {
@apply text-blue-100 border-solid
}
}
#footer a {
@apply text-white no-underline border-b border-dotted border-white;
&:hover,
&:focus {
@apply border-none
}
}
@tailwind utilities;
</style>

36
src/css/app.css Normal file
View file

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