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

fix(modal.css): explicitly set basic font sizes to prevent inheriting from parent(s); svg property usage updates

Browse source
This commit is contained in:
Cory Dransfeldt 2025-03-29 11:13:02 -07:00
parent 29aa3f0c30
commit 0b5240ce2c
No known key found for this signature in database
5 changed files with 23 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": "1.1.5", "version": "1.1.6",
"lockfileVersion": 3, "lockfileVersion": 3,
"requires": true, "requires": true,
"packages": { "packages": {
"": { "": {
"name": "coryd.dev", "name": "coryd.dev",
"version": "1.1.5", "version": "1.1.6",
"license": "MIT", "license": "MIT",
"dependencies": { "dependencies": {
"minisearch": "^7.1.2", "minisearch": "^7.1.2",

2
package.json
View file

@ -1,6 +1,6 @@
{ {
"name": "coryd.dev", "name": "coryd.dev",
"version": "1.1.5", "version": "1.1.6",
"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",
"engines": { "engines": {

4
src/assets/styles/base/index.css
View file

@ -290,9 +290,7 @@ a {
} }
/* headers */ /* headers */
h1, h1, h2, h3 {
h2,
h3 {
font-family: var(--font-heading); font-family: var(--font-heading);
font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold);
line-height: var(--line-height-md); line-height: var(--line-height-md);

3
src/assets/styles/base/vars.css
View file

@ -107,7 +107,8 @@
--sizing-full: 100%; --sizing-full: 100%;
--sizing-svg-sm: 18px; --sizing-svg-sm: 18px;
--sizing-svg: 24px; --sizing-svg-base: 24px;
--sizing-svg: var(--sizing-svg-base);
/* spacing */ /* spacing */
--spacing-xs: var(--sizing-xs); --spacing-xs: var(--sizing-xs);

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

@ -47,6 +47,10 @@ dialog {
transition: color var(--transition-duration-default) var(--transition-ease-in-out), transition: color var(--transition-duration-default) var(--transition-ease-in-out),
transform var(--transition-duration-default) var(--transition-ease-in-out); transform var(--transition-duration-default) var(--transition-ease-in-out);
svg {
--sizing-svg: var(--sizing-svg-base);
}
&:is(:hover, :focus, :active) { &:is(:hover, :focus, :active) {
color: var(--link-color-hover); color: var(--link-color-hover);
@ -63,12 +67,25 @@ dialog,
padding: var(--spacing-lg) var(--spacing-base); padding: var(--spacing-lg) var(--spacing-base);
overflow-y: auto; overflow-y: auto;
border-radius: var(--border-radius-slight); border-radius: var(--border-radius-slight);
font-size: var(--font-size-base);
&.closing { &.closing {
animation: fadeOut var(--transition-duration-default) var(--transition-ease-in-out); animation: fadeOut var(--transition-duration-default) var(--transition-ease-in-out);
} }
h1 {
font-size: var(--font-size-2xl);
}
h2 {
font-size: var(--font-size-xl);
}
h3 { h3 {
font-size: var(--font-size-lg);
}
h1, h2, h3 {
margin-top: 0; margin-top: 0;
} }