mirror of
https://github.com/mastermindzh/rickvanlieshout.com
synced 2025-09-10 02:06:19 +02:00
48 lines
953 B
SCSS
48 lines
953 B
SCSS
@use "../../../assets/scss/variables" as *;
|
|
@use "../../../assets/scss/mixins" as *;
|
|
|
|
.contacts {
|
|
@include margin-bottom(1);
|
|
|
|
.list {
|
|
display: flex;
|
|
flex-flow: row wrap;
|
|
flex-grow: 0;
|
|
flex-shrink: 0;
|
|
list-style: none;
|
|
max-width: 150px;
|
|
@include padding-equal(0);
|
|
@include margin(0.5, 0);
|
|
|
|
.item {
|
|
align-content: center;
|
|
align-items: center;
|
|
border: 1px solid $color-gray-bg;
|
|
border-radius: 50%;
|
|
display: flex;
|
|
height: $button-height;
|
|
justify-content: center;
|
|
line-height: $button-height;
|
|
text-align: center;
|
|
width: $button-height;
|
|
@include padding-equal(0);
|
|
@include margin-equal(0.25);
|
|
|
|
&:nth-child(3n + 1) {
|
|
@include margin-left(0);
|
|
}
|
|
|
|
.link {
|
|
border: 0;
|
|
color: $color-base;
|
|
display: flex;
|
|
|
|
&:hover,
|
|
&:focus {
|
|
color: $color-primary;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|