Skip to content

Commit

Permalink
style lipu page
Browse files Browse the repository at this point in the history
  • Loading branch information
alifeee committed Jan 15, 2024
1 parent 626c05b commit a541961
Showing 1 changed file with 133 additions and 0 deletions.
133 changes: 133 additions & 0 deletions public/stylesheet-lipu.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,133 @@
h2 {
font-size: 3rem;
text-align: center;
margin-left: 1rem;
margin-right: 1rem;
}
.main {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
}

.pdfs {
margin-bottom: 2rem;
}
.pdfs ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-direction: column;
justify-content: center;
}
.pdfs li {
box-sizing: content-box;
margin: 1rem;
display: flex;
justify-content: center;
}
.pdfs li a {
flex: 1 0;
border: 3px solid var(--logo-secondary-dark);
background-color: var(--logo-primary-dark);
padding: 1rem;
border-radius: 1.5rem;
color: var(--logo-secondary);
text-decoration: none;
display: flex;
justify-content: center;
align-items: center;
}
.pdfs .icon {
height: 1.5rem;
width: auto;
margin-right: 0.5rem;
}

.embed {
max-width: 100vw;
display: flex;
flex-direction: column;
}
.embed embed {
max-width: 95vw;
}
.embed a {
margin: 1rem;
}

.nasin-pali {
max-width: 40rem;
margin: 1rem;
}

.nasin-pali h3 {
font-size: 2rem;
}

.toki h3 {
font-size: 2rem;
}
.sitelen-pona {
font-family: "sitelen seli kiwen", sans-serif;
}
.toki ul {
margin: 0;
padding: 0;
list-style: none;
}
.article {
margin: 1rem;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-decoration: none;
color: var(--text-colour);
}
.article .nimi-suli {
font-size: 1rem;
text-decoration: underline;
text-align: center;
}
.article .meta {
margin-top: 0.25rem;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.article .meta > * {
margin: 0 0.5rem;
}
.article .jan-pali,
.article .tenpo,
.article .lipu {
color: var(--text-subtle);
}

.prevnext {
margin: 3rem 1rem 3rem;
width: 100%;
}
.prevnext ul {
margin: 0;
padding: 0;
list-style: none;
width: 100%;
display: flex;
justify-content: space-around;
}
.prevnext a {
padding: 1rem 2rem;
background-color: var(--logo-primary-dark);
border-radius: 1rem;
text-decoration: none;
color: var(--logo-secondary);
}
.prevnext .disabled {
color: var(--text-subtle);
}

0 comments on commit a541961

Please sign in to comment.