feat(style): improve typography styles
This commit is contained in:
parent
488f124b43
commit
bbe7e4b73d
@ -66,7 +66,7 @@
|
||||
}
|
||||
|
||||
.article-title {
|
||||
font-size: 2.2rem;
|
||||
font-size: 2.4rem;
|
||||
font-weight: 600;
|
||||
margin: 10px 0;
|
||||
color: var(--card-text-color-main);
|
||||
@ -86,10 +86,14 @@
|
||||
@media (max-width: $on-desktop) {
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
& + .article-subtitle {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.article-subtitle {
|
||||
font-weight: lighter;
|
||||
font-weight: normal;
|
||||
font-size: 1.8rem;
|
||||
color: var(--card-text-color-secondary);
|
||||
margin: 5px 0;
|
||||
@ -98,6 +102,10 @@
|
||||
@media (min-width: $on-desktop-large) {
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
@media (max-width: $on-desktop) {
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
}
|
||||
|
||||
.article-time {
|
||||
|
@ -4,7 +4,7 @@
|
||||
text-transform: uppercase;
|
||||
margin-bottom: 10px;
|
||||
font-size: 1.6rem;
|
||||
font-weight: 500;
|
||||
font-weight: bold;
|
||||
|
||||
a {
|
||||
color: var(--body-text-color);
|
||||
|
@ -1,7 +1,7 @@
|
||||
.taxonomy-type {
|
||||
text-transform: uppercase;
|
||||
color: var(--body-text-color);
|
||||
font-weight: 500;
|
||||
font-weight: bold;
|
||||
margin-bottom: 5px;
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
@ -51,7 +51,7 @@
|
||||
color: var(--card-text-color-tertiary);
|
||||
font-size: 1.4rem;
|
||||
margin: 0;
|
||||
font-weight: 500;
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
}
|
||||
|
@ -127,7 +127,7 @@
|
||||
flex-direction: column;
|
||||
margin-top: 25px;
|
||||
|
||||
@media (min-width: $on-desktop-large){
|
||||
@media (min-width: $on-desktop-large) {
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
@ -173,16 +173,10 @@
|
||||
}
|
||||
|
||||
svg {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
stroke-width: 1.33;
|
||||
|
||||
margin-right: 40px;
|
||||
|
||||
@media (max-width: $on-desktop-large) {
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
@ -190,9 +184,10 @@
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
color: var(--body-text-color);
|
||||
font-size: 1.5rem;
|
||||
|
||||
@media (max-width: $on-desktop) {
|
||||
font-size: 1.5rem;
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -23,13 +23,6 @@
|
||||
}
|
||||
|
||||
@media (min-width: $on-phone + 1) {
|
||||
//justify-content: right;
|
||||
//text-align: right;
|
||||
width: 25%;
|
||||
margin-right: 1%;
|
||||
}
|
||||
|
||||
@media (min-width: $on-tablet) {
|
||||
width: 25%;
|
||||
margin-right: 1%;
|
||||
}
|
||||
@ -123,12 +116,12 @@
|
||||
|
||||
.site-description {
|
||||
color: var(--body-text-color);
|
||||
font-weight: lighter;
|
||||
font-weight: normal;
|
||||
margin: 10px 0;
|
||||
font-size: 2rem;
|
||||
font-size: 1.8rem;
|
||||
|
||||
@media (max-width: $on-desktop-large) {
|
||||
font-size: 1.75rem;
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -2,7 +2,7 @@
|
||||
.widget-title {
|
||||
text-transform: uppercase;
|
||||
color: var(--body-text-color);
|
||||
font-weight: normal;
|
||||
font-weight: bold;
|
||||
margin: 0;
|
||||
margin-bottom: 10px;
|
||||
font-size: 1.6rem;
|
||||
@ -12,7 +12,7 @@
|
||||
svg {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
stroke-width: 1.33px;
|
||||
stroke-width: 1.6;
|
||||
color: var(--body-text-color);
|
||||
}
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user