Add prettier for formatting
Signed-off-by: Severin Kaderli <severin@kaderli.dev>
This commit is contained in:
parent
b4e0a41991
commit
b419038bf8
7 changed files with 120 additions and 34 deletions
20
styles.css
20
styles.css
|
@ -1,6 +1,4 @@
|
|||
:root {
|
||||
--wallpaper: url("None");
|
||||
|
||||
/* Special */
|
||||
--background: #18161d;
|
||||
--foreground: #a4a0ac;
|
||||
|
@ -23,7 +21,7 @@
|
|||
--color13: #ec7aca;
|
||||
--color14: #4ab0b9;
|
||||
--color15: #a4a0ac;
|
||||
|
||||
|
||||
--link-group-title-font-size: 1.5rem;
|
||||
--link-group-item-font-size: 1.25rem;
|
||||
}
|
||||
|
@ -74,32 +72,27 @@ main {
|
|||
.link-group {
|
||||
width: 100%;
|
||||
margin-bottom: calc(2 * var(--spacing));
|
||||
|
||||
|
||||
h2 {
|
||||
margin-bottom: calc(0.5 * var(--spacing));
|
||||
font-size: var(--link-group-title-font-size);
|
||||
}
|
||||
|
||||
|
||||
ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
display: grid;
|
||||
grid-template-columns: repeat( auto-fill, minmax(150px, 1fr) );
|
||||
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
|
||||
flex-wrap: wrap;
|
||||
gap: var(--spacing);
|
||||
|
||||
|
||||
a {
|
||||
font-size: var(--link-group-item-font-size);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
a {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
|
@ -109,9 +102,8 @@ a:hover {
|
|||
text-decoration: underline;
|
||||
}
|
||||
|
||||
|
||||
@media screen and (max-width: 800px) {
|
||||
ul {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue