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

chore: merge vars

Browse source
This commit is contained in:
Cory Dransfeldt 2024-10-13 09:42:02 -07:00
parent 9cad0caa7e
commit 35b56b75f2
No known key found for this signature in database
4 changed files with 22 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

15
src/assets/styles/components/media-grid.css
View file

@ -1,18 +1,3 @@
:root {
--columns-two: repeat(2, minmax(0, 1fr));
--columns-three: repeat(3, minmax(0, 1fr));
--grid-poster: var(--columns-two);
--grid-square: var(--columns-two);
--grid-vertical: var(--columns-three);
@media screen and (min-width: 768px) {
--grid-poster: var(--columns-three);
--grid-square: repeat(4, minmax(0, 1fr));
--grid-vertical: repeat(6, minmax(0, 1fr));
}
}
.icon-link + .media-grid {
margin-top: var(--spacing-base);
}

16
src/assets/styles/defaults/vars.css
View file

@ -160,6 +160,22 @@
--aspect-ratio-vertical: 2/3;
--aspect-ratio-banner: 3/2;
/* grid columns */
--grid-columns-two: repeat(2, minmax(0, 1fr));
--grid-columns-three: repeat(3, minmax(0, 1fr));
--grid-columns-four: repeat(4, minmax(0, 1fr));
--grid-columns-six: repeat(6, minmax(0, 1fr));
--grid-poster: var(--grid-columns-two);
--grid-square: var(---grid-columns-two);
--grid-vertical: var(--grid-columns-three);
@media screen and (min-width: 768px) {
--grid-poster: var(--grid-columns-three);
--grid-square: var(--grid-columns-four);
--grid-vertical: var(--grid-columns-six);
}
/* transitions */
--transition-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
--transition-duration-default: 300ms;