LoveIt/assets/css/_page/_home.scss

57 lines
1.1 KiB
SCSS
Raw Normal View History

2019-08-11 19:36:19 +02:00
/** Home **/
2019-08-24 13:32:41 +02:00
.home-intro {
2019-08-11 19:36:19 +02:00
transform: translateY(25vh);
text-align: center;
2019-08-24 13:32:41 +02:00
.home-avatar {
padding: 0.6rem;
2019-08-11 19:36:19 +02:00
img {
2019-08-24 13:32:41 +02:00
width: 8rem;
2019-08-11 19:36:19 +02:00
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;
2019-08-24 13:32:41 +02:00
-webkit-transform: translateY(-0.75rem);
-moz-transform: translateY(-0.75rem);
-ms-transform: translateY(-0.75rem);
-o-transform: translateY(-0.75rem);
transform: translateY(-0.75rem);
2019-08-11 19:36:19 +02:00
cursor: pointer;
}
}
}
2019-08-24 13:32:41 +02:00
.home-description {
font-size: 1rem;
font-weight: normal;
padding: .4rem;
}
2019-08-11 19:36:19 +02:00
2019-08-24 13:32:41 +02:00
.home-social-links {
padding-top: .6rem;
2019-08-11 19:36:19 +02:00
2019-08-24 13:32:41 +02:00
a {
padding: 0 .4rem;
2019-08-11 19:36:19 +02:00
2019-08-24 13:32:41 +02:00
&:hover {
background-color: transparent;
}
2019-08-11 19:36:19 +02:00
}
2019-08-24 13:32:41 +02:00
i {
font-size: 1.4rem;
}
2019-08-11 19:36:19 +02:00
}
2019-08-18 19:36:52 +02:00
}