style changes

This commit is contained in:
a 2020-11-12 03:51:26 -06:00
parent c8e70d0a6a
commit ead0da78e9
4 changed files with 12 additions and 4 deletions

View file

@ -1,5 +1,8 @@
.list {} .list {
}
.list-item { .list-item {
@media (min-width: 600px) {font-size: 1.25em}
@media (min-width: 768px) {font-size: 1.5em}
display: block; display: block;
text-decoration: none; text-decoration: none;
color: inherit; color: inherit;
@ -9,5 +12,5 @@
transition: 0.4s opacity ease-in-out; transition: 0.4s opacity ease-in-out;
&:hover {opacity: 0.4;} &:hover {opacity: 0.4;}
} }
.list-item__title {font-weight: 700;} .list-item__title {font-weight: 700; margin-bottom: 0.25em}
.list-item__date {} .list-item__date {}

View file

@ -1,5 +1,7 @@
.page-title { .page-title {
font-size: 1.5em; font-size: 1.5em;
@media (min-width: 600px) {font-size: 1.75em}
@media (min-width: 768px) {font-size: 2.25em}
font-weight: 700; font-weight: 700;
} }
.page { .page {

View file

@ -116,13 +116,15 @@
font-size: 1.25em; font-size: 1.25em;
line-height: 1.4; line-height: 1.4;
display: flex; display: flex;
justify-content: center;
align-items: center; align-items: center;
} }
/* contact section */ /* contact section */
#contact {background: #eee;} #contact {background: #eee;}
#contact .container {display: flex; flex-flow: column; align-items: center;} #contact .container {
display: flex; flex-flow: column; align-items: center;
@media (min-width: 600px) {flex-flow: row-reverse; justify-content: space-between; gap: 2em}
}
#contact .section-header {max-width: 480px; text-align: center;} #contact .section-header {max-width: 480px; text-align: center;}
.h-card { .h-card {
display: flex; display: flex;

View file

@ -3,6 +3,7 @@ html[lang="ar"] {
.personal-summary, .personal-summary,
.section-header, .section-header,
.page-title, .page-title,
.list-item,
.cta a .cta a
{direction: rtl;} {direction: rtl;}
.cta a {margin-right: 0; margin-left: 1em;} .cta a {margin-right: 0; margin-left: 1em;}