generated from muhtadeetaron/nextjs-template
168 lines
3.1 KiB
CSS
168 lines
3.1 KiB
CSS
.author-row{
|
|
border-top: none;
|
|
gap: 38px;
|
|
}
|
|
|
|
#author-socials .socials {
|
|
margin-top: 0px !important;
|
|
flex: none !important;
|
|
display: flex !important;
|
|
}
|
|
|
|
.big-card-author-image {
|
|
margin-bottom: 38px;
|
|
}
|
|
|
|
#latest-work,
|
|
#other-authors,
|
|
#author-mobile-image {
|
|
display: none;
|
|
}
|
|
|
|
#author-sidebar > :first-child {
|
|
display: block;
|
|
}
|
|
|
|
.author-image-layout #author-sidebar {
|
|
display: none;
|
|
}
|
|
|
|
.author-image-layout .column-layout-grid {
|
|
display: flex;
|
|
flex-direction: row-reverse;
|
|
}
|
|
|
|
.author-image-right .column-layout-grid {
|
|
flex-direction: row;
|
|
}
|
|
|
|
.author-image-layout .author-center-column,
|
|
.author-image-layout .left-column {
|
|
flex: 1;
|
|
}
|
|
|
|
.author-image-layout .left-column {
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin-bottom: 38px;
|
|
}
|
|
|
|
.author-image-layout .text-card {
|
|
height: 100%;
|
|
}
|
|
|
|
.author-image-layout .text-card-heading {
|
|
font-size: 62px;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.author-image-layout .text-card-paragraph {
|
|
max-width: 464px;
|
|
}
|
|
|
|
.simple-layout-socials {
|
|
margin-top: 27px;
|
|
gap: 38px;
|
|
}
|
|
|
|
.simple-layout-socials .social {
|
|
gap: 8px;
|
|
line-height: 100%;
|
|
}
|
|
|
|
.location-social:hover {
|
|
transform: translateY(0%);
|
|
}
|
|
|
|
/* Styles for large desktop */
|
|
@media (min-width: 1439px) {
|
|
.author-row {
|
|
gap: calc(2.64vw * var(--scale));
|
|
}
|
|
|
|
.big-card-author-image {
|
|
margin-bottom: calc(2.64vw * var(--scale));
|
|
}
|
|
|
|
.author-image-layout .left-column {
|
|
margin-bottom: calc(2.64vw * var(--scale));
|
|
}
|
|
|
|
.author-image-layout .text-card-heading {
|
|
font-size: calc(4.31vw * var(--scale));
|
|
margin-bottom: calc(1.39vw * var(--scale));
|
|
}
|
|
|
|
.author-image-layout .text-card-paragraph {
|
|
max-width: calc(32.2vw * var(--scale));
|
|
}
|
|
|
|
.simple-layout-socials {
|
|
margin-top: calc(1.88vw * var(--scale));
|
|
gap: calc(2.64vw * var(--scale));
|
|
}
|
|
|
|
.simple-layout-socials .social {
|
|
gap: calc(0.56vw * var(--scale));
|
|
}
|
|
}
|
|
|
|
/* Styles for tablet */
|
|
@media (max-width: 991px) {
|
|
#author-sidebar,
|
|
#number-of-articles,
|
|
.author-center-column {
|
|
display: none;
|
|
}
|
|
|
|
.author-row {
|
|
border-bottom: none;
|
|
border-top: 1px solid var(--text-color);
|
|
}
|
|
|
|
#author-mobile-image {
|
|
display: block;
|
|
margin-bottom: 38px;
|
|
}
|
|
|
|
.author-image-layout .left-column {
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
.author-image-layout .text-card-heading {
|
|
font-size: 48px;
|
|
margin-bottom: 12px;
|
|
}
|
|
|
|
.author-image-layout .text-card-paragraph {
|
|
max-width: 540px;
|
|
}
|
|
|
|
.simple-layout-socials {
|
|
display: flex;
|
|
justify-content: center;
|
|
flex-wrap: wrap;
|
|
column-gap: 32px;
|
|
row-gap: 12px;
|
|
}
|
|
}
|
|
|
|
/* Styles for mobile */
|
|
@media (max-width: 479px) {
|
|
#author-mobile-image {
|
|
margin-bottom: 32px;
|
|
}
|
|
|
|
.author-image-layout .text-card-heading {
|
|
font-size: 42px;
|
|
}
|
|
|
|
.author-image-layout .text-card-paragraph {
|
|
max-width: 540px;
|
|
}
|
|
|
|
.simple-layout-socials {
|
|
margin-top: 20px;
|
|
column-gap: 22px;
|
|
}
|
|
} |