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

Split app.css into components

Browse source
This commit is contained in:
Oliver Davies 2019-05-07 18:31:33 +01:00
parent 51d8fabf2d
commit abe119a1cb
4 changed files with 23 additions and 31 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
src/css/app.css
View file

@ -1,36 +1,8 @@
@tailwind base; @tailwind base;
@tailwind components; @tailwind components;
.skip-link:focus { @import './components/footer.css';
left: 50%; @import './components/main.css';
transform: translateX(-50%); @import './components/skip-link.css';
}
#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; @tailwind utilities;

8
src/css/components/footer.css Normal file
View file

@ -0,0 +1,8 @@
#footer a {
@apply text-white no-underline border-b border-dotted border-white;
&:hover,
&:focus {
@apply border-none
}
}

8
src/css/components/main.css Normal file
View file

@ -0,0 +1,8 @@
#main a {
@apply text-blue-300 no-underline border-b border-blue-100 border-dotted;
&:hover,
&:focus {
@apply text-blue-100 border-solid
}
}

4
src/css/components/skip-link.css Normal file
View file

@ -0,0 +1,4 @@
.skip-link:focus {
left: 50%;
transform: translateX(-50%);
}