hazemKrimi/personal-website
1
0
Fork 0
mirror of https://github.com/hazemKrimi/personal-website.git synced 2026-05-01 18:00:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

More styles improvements

Browse Source
This commit is contained in:
Hazem Krimi
2023-11-22 14:31:52 +01:00
parent 40ec57c634
commit b790da4c73
6 changed files with 38 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/baseof.css
+4 -1
View File
@@ -19,6 +19,8 @@
--light-gray: #e7e7e7; --light-gray: #e7e7e7;
--dark-background: #1d1b1b; --dark-background: #1d1b1b;
--light-background: #fbfbfb; --light-background: #fbfbfb;
--partial-dark-background: var(--black);
--partial-light-background: #ececec;
--card-radius: 1.875rem; --card-radius: 1.875rem;
--form-radius: 0.563rem; --form-radius: 0.563rem;
--shadow: 0px 4px 8px rgba(0, 0, 0, 0.04); --shadow: 0px 4px 8px rgba(0, 0, 0, 0.04);
@@ -147,7 +149,8 @@ a {
color: var(--text); color: var(--text);
} }
a, button { a,
button {
cursor: pointer; cursor: pointer;
} }
assets/css/index.css
+3 -3
View File
@@ -1,8 +1,8 @@
:root { :root {
--first-action-dark-background: #353535; --first-action-dark-background: #353535;
--first-action-light-background: var(--black); --first-action-light-background: var(--partial-dark-background);
--second-action-dark-background: #F3F3F3; --second-action-dark-background: #f3f3f3;
--second-action-light-background: #ECECEC; --second-action-light-background: var(--partial-light-background);
} }
main h1 { main h1 {
assets/css/list.css
+1 -1
View File
@@ -7,7 +7,7 @@ main #tags {
main #tags a { main #tags a {
border-radius: 0.5625rem; border-radius: 0.5625rem;
background-color: #5A5A5A; background-color: #5a5a5a;
color: var(--white); color: var(--white);
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
text-decoration: none; text-decoration: none;
assets/css/partials.css
+26 -15
View File
@@ -1,20 +1,20 @@
:root { :root {
--about-card-light-background: #ececec; --about-card-light-background: var(--partial-light-background);
--about-card-dark-background: var(--black); --about-card-dark-background: var(--partial-dark-background);
--button-light-background: var(--black); --button-light-background: var(--partial-dark-background);
--button-dark-background: #353535; --button-dark-background: #353535;
--card-light-background: #ececec; --card-light-background: var(--partial-light-background);
--card-dark-background: var(--black); --card-dark-background: var(--partial-dark-background);
--input-light-background: #ececec; --input-light-background: var(--partial-light-background);
--input-dark-background: #2d2d2d; --input-dark-background: #2d2d2d;
--footer-light-background: #ececec; --footer-light-background: var(--partial-light-background);
--footer-dark-background: var(--black); --footer-dark-background: var(--partial-dark-background);
--header-light-background: #ececec; --header-light-background: var(--partial-light-background);
--header-dark-background: #676666; --header-dark-background: #676666;
--nav-light-background: #ececec; --nav-light-background: var(--partial-light-background);
--nav-dark-background: var(--black); --nav-dark-background: var(--partial-dark-background);
--toc-light-background: #f2f2f2; --toc-light-background: var(--partial-light-background);
--toc-dark-background: var(--black); --toc-dark-background: var(--partial-dark-background);
} }
#about-card { #about-card {
@@ -328,14 +328,25 @@ header #nav-toggler {
} }
#table-of-contents { #table-of-contents {
position: sticky;
top: 3rem;
margin-top: 3rem; margin-top: 3rem;
height: 30rem; height: 25rem;
max-height: 20rem; max-height: 25rem;
padding: 1.2rem 1.6rem; padding: 1.2rem 1.6rem;
border-radius: 0.75rem; border-radius: 0.75rem;
background-color: var(--toc-background); background-color: var(--toc-background);
} }
#table-of-contents span {
font-weight: bold;
font-size: 1.5rem;
}
#table-of-contents nav {
margin-top: 0.5rem;
}
#table-of-contents nav ul { #table-of-contents nav ul {
list-style-type: none; list-style-type: none;
padding-inline-start: 2rem; padding-inline-start: 2rem;
assets/css/single.css
+1 -1
View File
@@ -1,6 +1,6 @@
main #container { main #container {
display: grid; display: grid;
grid-template-columns: auto 15rem; grid-template-columns: auto minmax(15rem, 20rem);
column-gap: 2rem; column-gap: 2rem;
} }
layouts/partials/table-of-contents.html
+1 -1
View File
@@ -1,6 +1,6 @@
{{ with .TableOfContents }} {{ with .TableOfContents }}
<aside id="table-of-contents"> <aside id="table-of-contents">
<h3>Table of contents</h3> <span>Table of contents</span>
{{ . }} {{ . }}
</aside> </aside>
{{ end }} {{ end }}