diff options
author | Joris | 2021-01-09 14:34:30 +0100 |
---|---|---|
committer | Joris | 2021-01-09 14:34:30 +0100 |
commit | e1c6d1e505c2978538827d92b50b3f6902256fc3 (patch) | |
tree | 81b97bc10ad119e8206419babb4adb54cabaf15f /public/style.css | |
parent | d90d0cdaa8dc0d85a69c12c756f8dad993f7e49c (diff) |
Rename style.css to main.css
Diffstat (limited to 'public/style.css')
-rw-r--r-- | public/style.css | 185 |
1 files changed, 0 insertions, 185 deletions
diff --git a/public/style.css b/public/style.css deleted file mode 100644 index cd207a5..0000000 --- a/public/style.css +++ /dev/null @@ -1,185 +0,0 @@ -/* Constants */ - -:root { - /* Colors */ - --color-brown: #A56D35; - --color-dark-brown: #6A4115; - --color-blue: #515170; - --color-light-gray: #EEEEEE; - --color-dark-gray: #666666; -} - -/* Animation */ - -@keyframes appear { - 0.0% { - transform: translateX(0.8rem); - opacity: 0; - } - 100.0% { - transform: translateX(0); - } -} - -/* Media */ - -@media screen and (max-width: 500px) { - html { - font-size: 90%; - } -} - -@media screen and (min-width: 500px) and (max-width: 900px) { - html { - font-size: 100%; - } -} - -@media screen and (min-width: 900px) { - html { - font-size: 110%; - } -} - -/* Style */ - -body { - overflow-x: hidden; - margin: 0; - line-height: 1.8rem; -} - -.g-Main { - animation-name: appear; - animation-duration: 0.2s; - animation-timing-function: ease-in; - animation-iteration-count: 1; - width: 80%; - margin: 0 auto; -} - -svg { - width: inherit; - height: inherit; -} - -ul { - list-style-type: none; - padding-left: 0; -} - -.g-Paragraph { - margin-bottom: 1rem; -} - -.g-List { - padding-left: 0; - margin: 0.5rem 0 1rem 0.5rem; -} - -.g-List__Item::before { - content: "•"; - color: var(--color-brown); - display: inline-block; - margin-right: 0.5rem; -} - -.g-List__Item { - padding: 0.2rem 0; -} - -.g-Image { - border: solid 1px var(--color-dark-gray); - border-radius: 0.5rem; - margin-bottom: 1rem; - width: 100%; - max-width: 900px; -} - -.g-Header { - background-color: var(--color-brown); - display: flex; -} - -.g-Header__Link { - display: flex; - font-size: 1.5rem; - font-weight: bold; - justify-content: center; - align-items: center; - flex-grow: 1; - flex-basis: 0; - height: 3.5rem; - text-decoration: none; - padding: 0; - text-align: center; - color: #ffffff; -} - -.g-Header__Link:hover, -.g-Header__Link:focus, -.g-Header__Link--Current { - border-bottom: var(--color-dark-brown) solid 0.6rem; -} - -.g-IconLink__Link { - text-decoration: none; - color: var(--color-blue); - transition: color 0.3s ease-out 0.0s; - display: inline-flex; - align-items: center; -} - -.g-IconLink__Link:focus { - outline: solid 0 #ffffff; -} - -.g-IconLink__Link:hover, -.g-IconLink__Link:focus { - text-decoration: underline; -} - -.g-IconLink__Icon { - margin-right: 1rem; - height: 1.2rem; -} - -.g-Resume__Title { - margin: 2.5rem 0 0.5rem; -} - -.g-Resume__Title > em { - font-style: normal; - border-bottom: solid 0.2rem var(--color-brown); -} - -.g-Section__Title { - color: var(--color-brown); - font-size: 1.8rem; - font-weight: lighter; - margin-bottom: 2rem; - margin-top: 3.5rem; - border-bottom: 0.2rem solid var(--color-brown); - padding-bottom: 0.5rem; - letter-spacing: 0.1rem; -} - -.g-Section__Entries { - padding-left: 0; -} - -.g-Skills { - display: flex; - flex-wrap: wrap; - margin-bottom: 1rem; - padding-left: 0; -} - -.g-Skills__Item { - font-size: 0.8rem; - margin-right: 1rem; - margin-bottom: 0.5rem; - background-color: var(--color-light-gray); - border-radius: 0.1rem; - padding: 0 0.5rem; -} |