aboutsummaryrefslogtreecommitdiff
path: root/resume/src/styles.css
diff options
context:
space:
mode:
authorSyndamia <kamen.d.mladenov@protonmail.com>2021-03-02 16:01:20 +0200
committerSyndamia <kamen.d.mladenov@protonmail.com>2021-03-02 16:01:20 +0200
commita8552d77008894af2e9df0d196589b08e99ade1f (patch)
tree2da86f1cd8f53651cf43cd897eb57d301fcd7f0a /resume/src/styles.css
parent9aeb5903e2ca9c01f68ef6f4ffe936cc6e377df6 (diff)
downloadcss-snippets-a8552d77008894af2e9df0d196589b08e99ade1f.tar
css-snippets-a8552d77008894af2e9df0d196589b08e99ade1f.tar.gz
css-snippets-a8552d77008894af2e9df0d196589b08e99ade1f.zip
Completely revamped resume. Made code simpler and handle better printing. Added better instructions and images to the resume README.
Diffstat (limited to 'resume/src/styles.css')
-rw-r--r--resume/src/styles.css166
1 files changed, 0 insertions, 166 deletions
diff --git a/resume/src/styles.css b/resume/src/styles.css
deleted file mode 100644
index 420c624..0000000
--- a/resume/src/styles.css
+++ /dev/null
@@ -1,166 +0,0 @@
-:root {
- --font-color: #444;
- --padding: .25in;
-}
-
-* {
- font-size: 19px;
- font-family: sans-serif;
- color: var(--font-color)
-}
-
-hr {
- width: auto;
- border: 1px solid rgb(240, 240, 240);
- margin: 1.5em 0;
-}
-
-body {
- width: 100%;
- height: 100%;
- margin: 0;
- background-color: white;
-}
-
-.a4-paper {
- width: 210mm;
- height: 297mm;
- margin: var(--padding) auto;
-}
-
-.content {
- border: 3px solid var(--font-color);
- box-sizing: border-box;
- padding: var(--padding);
- display: flex;
- flex-direction: column;
-}
-
-.content > * {
- width: 100%;
-}
-
-.content > hr {
- border-color: var(--font-color);
-}
-
-/* About */
-
-#about {
- display: flex;
- width: 100%;
- height: fit-content;
- position: relative;
-}
-
-#data {
- flex: 1;
- display: flex;
- flex-direction: column;
-}
-
-#name {
- flex: 1;
- font-size: 3em;
- font-weight: bold;
-}
-
-#info {
- font-size: .9em;
- display: flex;
-}
-
-#info > * {
- flex: 1;
-}
-
-.stacked-info {
- font-size: .95em;
- border-left: 1px solid var(--font-color);
- padding: 0 1em;
-}
-
-#picture {
- height: 10em;
- max-width: 10em;
-}
-
-#picture > img {
- width: inherit;
- height: inherit;
-}
-
-/* Card */
-
-.card {
- width: 100%;
- display: flex;
-}
-
-.card-title {
- width: 30%;
- font-weight: bold;
-}
-
-.card-content {
- flex: 1;
- display: flex;
- flex-direction: column;
-}
-
-.card-content > .card {
- margin-top: 1em;
-}
-
-.card-content > .card > .card-title {
- width: 24%;
-}
-
-.card-content > .card:first-child {
- margin-top: 0;
-}
-
-.card-sub-title {
- border-left: 2px solid var(--font-color);
- padding-left: .5em;
- font-weight: bold;
- margin-bottom: .3em;
-}
-
-/* Rating */
-
-.ratings {
- flex-direction: row;
- flex-wrap: wrap;
-}
-
-.rating {
- flex: 1;
- min-width: 50%;
- display: flex;
- flex-direction: column;
- margin-bottom: 1em;
-}
-
-.rating-title {
- font-weight: bold;
- margin-right: .5em;
-}
-
-.rating-amount {
- flex: 1;
-}
-
-/* Proper printing */
-
-@page {
- size: A4;
- margin: 5mm;
-}
-@media print {
- html, body, .a4-paper {
- width: 100%;
- height: 100%;
- margin: 0;
- }
-}