convert home to alpine
This commit is contained in:
parent
4f8f01aa95
commit
77074c47bf
9 changed files with 159 additions and 42 deletions
|
|
@ -10,6 +10,11 @@
|
|||
}
|
||||
|
||||
/* ================= RESET ================= */
|
||||
body,
|
||||
html {
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
|
||||
html,
|
||||
body,
|
||||
h1,
|
||||
|
|
@ -166,6 +171,10 @@ button {
|
|||
align-items: center;
|
||||
}
|
||||
|
||||
article p {
|
||||
margin-bottom: var(--unit--vertical);
|
||||
}
|
||||
|
||||
/* ================= HEADER ================= */
|
||||
#header {
|
||||
position: fixed;
|
||||
|
|
@ -351,17 +360,33 @@ h2.left.open::before {
|
|||
justify-content: space-between;
|
||||
}
|
||||
|
||||
#content {
|
||||
margin-top: calc(var(--unit--vertical) * 2);
|
||||
button.toggle.open {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.toggle-btn--left .more-less-icon {
|
||||
button.toggle.left::after {
|
||||
margin-left: var(--unit--horizontal);
|
||||
}
|
||||
button.toggle.left.close::after {
|
||||
content: "+";
|
||||
}
|
||||
button.toggle.left.open::after {
|
||||
content: "-";
|
||||
}
|
||||
|
||||
.toggle-btn--right .more-less-icon {
|
||||
button.toggle.right::before {
|
||||
margin-right: var(--unit--horizontal);
|
||||
}
|
||||
button.toggle.right.close::before {
|
||||
content: "+";
|
||||
}
|
||||
button.toggle.right.open::before {
|
||||
content: "-";
|
||||
}
|
||||
|
||||
.content {
|
||||
margin-top: calc(var(--unit--vertical) * 2);
|
||||
}
|
||||
|
||||
/* ================= ARTICLES LIST ================= */
|
||||
#articles {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue