Set custom properties for border colours

This commit is contained in:
Helen Chong 2024-06-22 13:03:57 +08:00
parent 885b9adc0b
commit deb4e9290a
1 changed files with 12 additions and 11 deletions

View File

@ -27,7 +27,8 @@
--clr-sub-heading: #e8b86f;
--clr-code-bg: #241445;
--clr-highlight: #6736ad;
--clr-border-main: #c6ccc8;
--clr-bdr-main: #c6ccc8;
--clr-bdr-nav: #d2d9d4;
--clr-link: #ED64F5;
--clr-link-hover: #c355c9;
--clr-tag: #208448;
@ -258,7 +259,7 @@ ul.navigation {
background-color: var(--clr-content-bg);
margin: 0rem 0rem 2rem 0rem;
padding: 0em;
border: 1px solid var(--clr-border-main);
border: 1px solid var(--clr-bdr-main);
border-radius: 0.5rem;
box-shadow: 0px 2px 4px 2px rgba(57,67,77,0.05);
}
@ -269,7 +270,7 @@ ul.navigation > li {
margin: 0em;
overflow: hidden;
text-overflow: ellipsis;
border-bottom: 1px solid #d2d9d4;
border-bottom: 1px solid var(--clr-bdr-nav);
}
ul.navigation > li:last-child {
border-bottom: none;
@ -312,7 +313,7 @@ ol.comments > li {
width: 100%;
margin: 0em;
padding: 2rem 2rem 0rem 2rem;
border-bottom: 1px solid var(--clr-border-main);
border-bottom: 1px solid var(--clr-bdr-main);
}
ol.comments > li:last-child {
border-bottom: none;
@ -329,7 +330,7 @@ div#main > details {
background-color: var(--clr-content-bg);
margin: 0rem 0rem 2rem 0rem;
padding: 0em;
border: 1px solid var(--clr-border-main);
border: 1px solid var(--clr-bdr-main);
border-radius: 0.5rem;
box-shadow: 0px 2px 4px 2px rgba(57,67,77,0.05);
}
@ -343,7 +344,7 @@ div#main > details > article {
display: block;
padding: 2rem;
margin: 0em;
border-top: 1px solid #d2d9d4;
border-top: 1px solid var(--clr-bdr-nav);
}
table {
border-collapse: collapse;
@ -403,7 +404,7 @@ select, input {
font-size: inherit;
color: var(--clr-body-txt);
background-color: var(--clr-pinned-bg);
border: 1px solid var(--clr-border-main);
border: 1px solid var(--clr-bdr-main);
border-radius: 0em;
}
html[dir="ltr"] select {
@ -474,7 +475,7 @@ textarea {
margin: 0.5em 0em;
padding: 0.5em;
background-color: var(--clr-white);
border: 1px solid var(--clr-border-main);
border: 1px solid var(--clr-bdr-main);
border-radius: 0em;
resize: vertical;
}
@ -562,7 +563,7 @@ div.metadata {
padding: 0.25rem 2rem;
margin-top: 2rem;
background-color: var(--clr-content-bg);
border-top: 1px solid var(--clr-border-main);
border-top: 1px solid var(--clr-bdr-main);
border-bottom-left-radius: 0.5rem;
border-bottom-right-radius: 0.5rem;
}
@ -592,7 +593,7 @@ div#main > article, div.standalone {
background-color: var(--clr-content-bg);
margin: 0rem auto 2rem 0rem;
padding: 2rem 2rem 0rem 2rem;
border: 1px solid var(--clr-border-main);
border: 1px solid var(--clr-bdr-main);
border-radius: 0.5rem;
box-shadow: 0px 2px 4px 2px rgba(57,67,77,0.05);
}
@ -622,7 +623,7 @@ ul.archive article.post.archive {
font-size: 0.75em;
background-color: var(--clr-pinned-bg);
padding: 8px;
border: 1px solid var(--clr-border-main);
border: 1px solid var(--clr-bdr-main);
border-radius: 0.5rem;
}
section.post_archive_container {