cdransf/coryd.dev-eleventy
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

chore: style tweaks

Browse source
This commit is contained in:
Cory Dransfeldt 2024-08-03 18:07:19 -07:00
parent 7a81812ea4
commit 005b40036d
No known key found for this signature in database
3 changed files with 17 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
package-lock.json generated
View file

@ -1,12 +1,12 @@
{ {
"name": "coryd.dev", "name": "coryd.dev",
"version": "21.3.4", "version": "21.3.5",
"lockfileVersion": 3, "lockfileVersion": 3,
"requires": true, "requires": true,
"packages": { "packages": {
"": { "": {
"name": "coryd.dev", "name": "coryd.dev",
"version": "21.3.4", "version": "21.3.5",
"license": "MIT", "license": "MIT",
"dependencies": { "dependencies": {
"@cdransf/api-text": "^1.4.0", "@cdransf/api-text": "^1.4.0",

2
package.json
View file

@ -1,6 +1,6 @@
{ {
"name": "coryd.dev", "name": "coryd.dev",
"version": "21.3.4", "version": "21.3.5",
"description": "The source for my personal site. Built using 11ty (and other tools).", "description": "The source for my personal site. Built using 11ty (and other tools).",
"type": "module", "type": "module",
"scripts": { "scripts": {

18
src/assets/styles/components/modal.css
View file

@ -20,9 +20,11 @@
top: var(--sizing-lg); top: var(--sizing-lg);
right: var(--sizing-lg); right: var(--sizing-lg);
cursor: pointer; cursor: pointer;
height: var(--sizing-svg-base);
width: var(--sizing-svg-base);
&:focus, &:focus svg,
&:focus-within { &:focus-within svg {
outline: var(--outline) outline: var(--outline)
} }
@ -31,6 +33,10 @@
transform: rotate(0deg); transform: rotate(0deg);
transition: transform var(--transition-duration-default) var(--transition-ease-in-out); transition: transform var(--transition-duration-default) var(--transition-ease-in-out);
&:focus {
outline: var(--outline)
}
&:hover, &:hover,
&:focus, &:focus,
&:active { &:active {
@ -59,8 +65,8 @@
display: inline-flex; display: inline-flex;
vertical-align: middle; vertical-align: middle;
&:focus, &:focus svg,
&:focus-within { &:focus-within svg {
outline: var(--outline) outline: var(--outline)
} }
@ -70,6 +76,10 @@
transform: rotate(0deg); transform: rotate(0deg);
transition: transform var(--transition-duration-default) var(--transition-ease-in-out); transition: transform var(--transition-duration-default) var(--transition-ease-in-out);
&:focus {
outline: var(--outline)
}
&:hover, &:hover,
&:focus, &:focus,
&:active { &:active {