mirror of
https://github.com/dillonzq/LoveIt.git
synced 2024-11-15 03:16:30 +01:00
6b03c711ac
* feat(shortcode): add link shortcode * docs: add docs for link shortcode * docs: fix 'mailto' in link shortcode docs error
86 lines
2.2 KiB
SCSS
86 lines
2.2 KiB
SCSS
/** Home **/
|
|
@mixin page-home($profile, $posts) {
|
|
.home {
|
|
@if $profile {
|
|
.home-profile {
|
|
-webkit-transform: translateY(if($posts, 0, 16vh));
|
|
-moz-transform: translateY(if($posts, 0, 16vh));
|
|
-ms-transform: translateY(if($posts, 0, 16vh));
|
|
-o-transform: translateY(if($posts, 0, 16vh));
|
|
transform: translateY(if($posts, 0, 16vh));
|
|
padding: if($posts, 2rem, 0) 0 .5rem;
|
|
text-align: center;
|
|
|
|
.home-avatar {
|
|
padding: 0.6rem;
|
|
|
|
img {
|
|
width: if($posts, 6rem, 8rem);
|
|
height: auto;
|
|
display: inline-block;
|
|
-webkit-border-radius: 100%;
|
|
border-radius: 100%;
|
|
-webkit-box-shadow: 0 0 0 0.3618em rgba(0, 0, 0, 0.05);
|
|
box-shadow: 0 0 0 0.3618em rgba(0, 0, 0, 0.05);
|
|
margin: 0 auto;
|
|
-webkit-transition: all ease 0.4s;
|
|
-moz-transition: all ease 0.4s;
|
|
-o-transition: all ease 0.4s;
|
|
transition: all ease 0.4s;
|
|
cursor: pointer;
|
|
|
|
&:hover {
|
|
position: relative;
|
|
-webkit-transform: translateY(-0.75rem);
|
|
-moz-transform: translateY(-0.75rem);
|
|
-ms-transform: translateY(-0.75rem);
|
|
-o-transform: translateY(-0.75rem);
|
|
transform: translateY(-0.75rem);
|
|
cursor: pointer;
|
|
}
|
|
}
|
|
}
|
|
|
|
.home-subtitle {
|
|
font-size: 1rem;
|
|
font-weight: normal;
|
|
margin: 0;
|
|
padding: .4rem;
|
|
}
|
|
|
|
.social-links {
|
|
padding: .4rem 0;
|
|
|
|
a, i {
|
|
font-size: 1.6rem;
|
|
line-height: 2rem;
|
|
}
|
|
|
|
img {
|
|
height: 1.4rem;
|
|
padding: 0 .25rem;
|
|
}
|
|
}
|
|
|
|
.home-disclaimer {
|
|
font-size: 1rem;
|
|
line-height: 1.4rem;
|
|
font-weight: normal;
|
|
margin: 0;
|
|
padding: .4rem;
|
|
color: $global-font-secondary-color;
|
|
|
|
.dark-theme & {
|
|
color: $global-font-secondary-color-dark;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
@if $posts {
|
|
@include summary;
|
|
}
|
|
}
|
|
}
|
|
|
|
@include page-home($home-profile, $home-posts);
|