website/assets/scss/layouts/contact-card.scss

44 lines
770 B
SCSS
Raw Permalink Normal View History

2023-01-23 09:07:18 +00:00
.contact-card {
display: flex;
padding: 1em;
border: 1px solid gray;
border-radius: 10px;
.contact-card-left {
width: 5em;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.contact-card-right {
margin-left: 1.5em;
}
.contact-card-title {
font-size: 1.3em;
}
.contact-methods {
padding: 0;
list-style-type: none;
.contact-method {
display: flex;
.contact-method-icon {
opacity: 0.8;
margin-right: 1em;
}
}
}
}
@media (max-width: $responsive-small) {
.contact-card {
padding: .5em;
.contact-card-right {
margin-left: .75em !important;
}
.contact-method-icon {
margin-right: .5em !important;
}
}
}