diff options
| -rw-r--r-- | docs/style.css | 23 | ||||
| -rw-r--r-- | docs/style.css.map | 2 | ||||
| -rw-r--r-- | sass/style.scss | 19 |
3 files changed, 31 insertions, 13 deletions
diff --git a/docs/style.css b/docs/style.css index 2aef6ec..3ab08da 100644 --- a/docs/style.css +++ b/docs/style.css @@ -74,19 +74,28 @@ a:hover { background-color: #333; border-radius: 0.3em; border: 1px solid #131313; - height: 250px; + height: 300px; display: flex; flex-direction: column; justify-content: space-between; } +@media screen and (min-width: 600px) { + .work-card { + height: 250px; + } +} .work-card .title-and-description h3, .work-card .info h3 { - font-weight: lighter; + font-weight: 500; color: #a29d7f; } +.work-card .info { + display: flex; + flex-flow: row wrap; +} .work-card .info span { background-color: #131313; padding: 0.5em; - margin: 0 0.5em; + margin: 0 0.5em 0.5em; font-size: 0.8em; } .work-card:hover { @@ -95,11 +104,11 @@ a:hover { .works-filter { padding-bottom: 2em; - font-size: 0.9em; + font-size: 0.7em; } -@media screen and (max-width: 500px) { +@media screen and (min-width: 600px) { .works-filter { - font-size: 0.7em; + font-size: 0.9em; } } .works-filter label { @@ -110,6 +119,8 @@ a:hover { background-color: #333; color: #a29d7f; border: none; + text-align: center; + padding: 0.2em; } /*# sourceMappingURL=style.css.map */ diff --git a/docs/style.css.map b/docs/style.css.map index ab826a0..1b26193 100644 --- a/docs/style.css.map +++ b/docs/style.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../sass/style.scss"],"names":[],"mappings":"AAKA;EACI;EACA;EACA;EAMA;;AALA;EACI;EACA;EACA;;;AAKR;EACI,kBAlBe;EAmBf,OAjBS;EAkBT;EACA;;;AAGJ;EACI;EACA;;AACA;EACI;EACA;;;AAIR;EACI;EACA;EACA;EACA;EACA,kBAtCe;;;AAyCnB;EACI;EACA;;AACA;EACI;EACA;EACA;;AACA;EAJJ;IAKQ;;;AAEJ;EAPJ;IAQQ;;;;AAKZ;EACI;EACA;EACA,kBA3DQ;;;AA8DZ;EACI;EACA;;AACA;EACI,cAhEO;EAiEP;;;AAIR;EACI;EACA,kBAzEQ;EA0ER;EACA;EACA;EACA;EACA;EACA;;AAEI;EACI;EACA,OAjFG;;AAqFP;EACI,kBAzFO;EA0FP;EACA;EACA;;AAGR;EACI;;;AAIR;EACI;EACA;;AACA;EAHJ;IAIQ;;;AAEJ;EACI;EACA,OA1GK;;AA4GT;EACI,kBA9GI;EA+GJ,OA7GO;EA8GP","file":"style.css"}
\ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../sass/style.scss"],"names":[],"mappings":"AAKA;EACI;EACA;EACA;EAMA;;AALA;EACI;EACA;EACA;;;AAKR;EACI,kBAlBe;EAmBf,OAjBS;EAkBT;EACA;;;AAGJ;EACI;EACA;;AACA;EACI;EACA;;;AAIR;EACI;EACA;EACA;EACA;EACA,kBAtCe;;;AAyCnB;EACI;EACA;;AACA;EACI;EACA;EACA;;AACA;EAJJ;IAKQ;;;AAEJ;EAPJ;IAQQ;;;;AAKZ;EACI;EACA;EACA,kBA3DQ;;;AA8DZ;EACI;EACA;;AACA;EACI,cAhEO;EAiEP;;;AAIR;EACI;EACA,kBAzEQ;EA0ER;EACA;EACA;EAIA;EACA;EACA;;AALA;EANJ;IAOQ;;;AAMA;EACI;EACA,OApFG;;AAuFX;EACI;EACA;;AACA;EACI,kBA9FO;EA+FP;EACA;EACA;;AAGR;EACI;;;AAIR;EACI;EACA;;AACA;EAHJ;IAIQ;;;AAEJ;EACI;EACA,OA/GK;;AAiHT;EACI,kBAnHI;EAoHJ,OAlHO;EAmHP;EACA;EACA","file":"style.css"}
\ No newline at end of file diff --git a/sass/style.scss b/sass/style.scss index 3896907..17b8c4f 100644 --- a/sass/style.scss +++ b/sass/style.scss @@ -75,21 +75,26 @@ a { background-color: $box-color; border-radius: 0.3em; border: 1px solid $background-color; - height: 250px; + height: 300px; + @media screen and (min-width: 600px) { + height: 250px; + } display: flex; flex-direction: column; justify-content: space-between; .title-and-description, .info { h3 { - font-weight: lighter; + font-weight: 500; color: $accent-color; } } .info { + display: flex; + flex-flow: row wrap; span { background-color: $background-color; padding: 0.5em; - margin: 0 0.5em; + margin: 0 0.5em 0.5em; font-size: 0.8em; } } @@ -100,9 +105,9 @@ a { .works-filter { padding-bottom: 2em; - font-size: 0.9em; - @media screen and (max-width: 500px) { - font-size: 0.7em; + font-size: 0.7em; + @media screen and (min-width: 600px) { + font-size: 0.9em; } label { margin-left: 2em; @@ -112,5 +117,7 @@ a { background-color: $box-color; color: $accent-color; border: none; + text-align: center; + padding: 0.2em; } } |