ElnuDev/nix-config
ElnuDev/nix-config
1
1
Fork 0
Code Issues Projects Releases Packages Wiki Activity

Fix issues with startpage

Browse source
This commit is contained in:
Elnu 2023-01-10 20:51:19 -08:00
parent bda6b363a1
commit a20389ae85
1 changed files with 21 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

39
startpage/style.css
View file

@ -43,27 +43,30 @@
--outline: var(--blue); --outline: var(--blue);
} }
body { html {
background: var(--bg1); background: var(--bg1) !important;
color: var(--fg0); color: var(--fg0);
font-size: 1.5em; font-size: 1.5em;
display: flex; min-height: 100vh;
align-items: center; }
justify-content: center;
height: 100vh; body {
margin: 0; background: transparent;
min-height: 100vh;
margin: 1em;
display: flex;
} }
#content { #content {
width: 40em; width: min(40em, 100%);
max-height: 100vh; height: 100%;
margin: 1em; margin: auto;
} }
#cards { #cards {
display: grid; display: grid;
gap: 1rem; gap: 0.75rem;
grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); grid-template-columns: repeat(auto-fill, minmax(148px, 1fr));
grid-auto-rows: 1fr; grid-auto-rows: 1fr;
} }
@ -75,12 +78,12 @@ body {
grid-column: 1 / 1; grid-column: 1 / 1;
} }
#cards > *:first-child{ #cards > :first-child{
grid-row: 1 / 1; grid-row: 1 / 1;
grid-column: 1 / 1; grid-column: 1 / 1;
} }
#cards > * { #cards > a {
color: inherit; color: inherit;
text-decoration: none; text-decoration: none;
display: flex; display: flex;
@ -94,22 +97,22 @@ body {
transition: 0.25s transform; transition: 0.25s transform;
} }
#cards > * > * { #cards > a > * {
color: white; color: white;
display: inline; display: inline;
height: 1em; height: 1em;
} }
#cards > :hover, #cards > :focus { #cards > a:hover, #cards > a:focus {
outline-width: 2px; outline-width: 2px;
outline-color: var(--outline); outline-color: var(--outline);
} }
#cards > :focus { #cards > a:focus {
background: var(--highlight); background: var(--highlight);
transform: translateY(-0.25rem); transform: translateY(-0.25rem);
} }
#cards > :hover *, #cards > :focus * { #cards > a:hover *, #cards > a:focus * {
font-size: 1.0625em; font-size: 1.0625em;
} }