wires/hypnagaga_old
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

focus-within

Browse source
This commit is contained in:
madrilene 2022-11-24 14:55:39 +01:00
parent 86c247dac9
commit 23eb02e9a8
4 changed files with 20 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
package.json
View file

@ -1,6 +1,6 @@
{ {
"name": "eleventy-excellent", "name": "eleventy-excellent",
"version": "1.1.0", "version": "1.1.1",
"engines": { "engines": {
"node": ">=16.x.x" "node": ">=16.x.x"
}, },

6
readme.md
View file

@ -85,8 +85,10 @@ npm run build
- updated required node version in package.json - updated required node version in package.json
- meta.js now controls most of the templates defaults - meta.js now controls most of the templates defaults
- added RSS feed, because of course! - added RSS feed, because of course!!
- Made twitter and other meta data OPTIONAL. Added Mastodon. - Made twitter and other meta data OPTIONAL
- Added Mastodon verification and more social icon defaults
- focus-within for the cards
### 22-11-04 ### 22-11-04

14
src/assets/css/blocks/card.css
View file

@ -1,5 +1,6 @@
.card { .card {
background: var(--color-dark); background: var(--color-dark);
border: 4px solid var(--color-dark);
color: var(--color-light); color: var(--color-light);
padding: var(--space-m-l); padding: var(--space-m-l);
border-radius: var(--border-radius); border-radius: var(--border-radius);
@ -23,3 +24,16 @@
.card time { .card time {
opacity: 0.8; opacity: 0.8;
} }
.card:hover,
.card:focus-within {
border: 4px solid var(--color-primary);
}
.card a {
text-decoration: none;
}
.card:focus-within a:focus {
outline: none;
}

2
src/assets/css/global/global-styles.css
View file

@ -84,7 +84,7 @@ a:hover {
} }
:focus { :focus {
outline: 2px solid; outline: 3px solid;
outline-offset: 0.3ch; outline-offset: 0.3ch;
} }