mirror of
https://gitlab.com/Anson-Projects/zine.git
synced 2025-07-26 00:01:34 +00:00
Make site look (more) like a newspaper
This commit is contained in:
39
output/style.css
Normal file
39
output/style.css
Normal file
@@ -0,0 +1,39 @@
|
||||
.cards-container {
|
||||
columns: 3 280px;
|
||||
/* Creates 3 columns, each at least 280px wide */
|
||||
column-gap: 16px;
|
||||
/* Adjusts the gap between columns */
|
||||
}
|
||||
|
||||
.card {
|
||||
break-inside: avoid-column;
|
||||
/* Prevents cards from being split across columns */
|
||||
margin-bottom: 8px;
|
||||
/* Adds space between cards vertically */
|
||||
width: 100%;
|
||||
/* Ensures card fills the column width */
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.card-link {
|
||||
text-decoration: none;
|
||||
color: inherit;
|
||||
display: block;
|
||||
|
||||
}
|
||||
|
||||
.card-link p {
|
||||
text-decoration: none;
|
||||
color: var(--h6-color);
|
||||
text-align: justify;
|
||||
text-justify: inter-word;
|
||||
hyphens: auto;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: 'Times New Roman', serif;
|
||||
}
|
||||
|
||||
h2 {
|
||||
margin-bottom: 0;
|
||||
}
|
Reference in New Issue
Block a user