hugo-theme-almeida/assets/scss/components/_references.scss

59 lines
1.1 KiB
SCSS
Raw Normal View History

2021-08-08 12:38:22 +00:00
.references {
&__item {
display: block;
@include avoid-break;
&:not(:first-child) {
padding-top: 1.5rem;
}
}
&__header,
&__subheader {
display: block;
width: 100%;
height: 2.4rem;
}
&__person {
position: relative;
transition: transform 0.2s cubic-bezier($cubic);
&:hover {
transform: translateX(0.5rem);
}
}
&__name,
&__relation {
text-align: left;
width: 70%;
float: left;
color: $color-dark;
}
&__contact {
position: relative;
font-size: 1rem;
& > i {
background-color: $color-icon-background;
color: $color-icon-primary;
font-size: 1rem;
text-align: center;
border-radius: 50%;
padding-top: 0.5rem;
width: 2rem;
height: 2rem;
margin-right: 0.5rem;
margin-bottom: 0.5rem;
}
& > span {
@include vt-center;
}
}
& li {
list-style: none;
}
}