style changes
This commit is contained in:
parent
c8e70d0a6a
commit
ead0da78e9
4 changed files with 12 additions and 4 deletions
|
@ -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 {}
|
|
@ -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 {
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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;}
|
||||||
|
|
Loading…
Reference in a new issue