44 lines
770 B
SCSS
44 lines
770 B
SCSS
|
.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;
|
||
|
}
|
||
|
}
|
||
|
}
|