mirror of
https://github.com/tabler/tabler.git
synced 2026-10-12 21:27:06 +04:00
30 lines
601 B
SCSS
30 lines
601 B
SCSS
@use 'sass:map';
|
|
@use '../config';
|
|
|
|
@use '../config' as *;
|
|
|
|
.social {
|
|
position: relative;
|
|
display: inline-block;
|
|
height: config.$avatar-size;
|
|
aspect-ratio: 1;
|
|
vertical-align: bottom;
|
|
background: no-repeat center/cover;
|
|
}
|
|
|
|
@each $app in config.$social-apps {
|
|
.social-app-#{$app} {
|
|
background-image: url('#{config.$assets-base}/img/social/#{$app}.svg');
|
|
|
|
&.social-gray {
|
|
background-image: url('#{config.$assets-base}/img/social/#{$app}-gray.svg');
|
|
}
|
|
}
|
|
}
|
|
|
|
@each $flag-size, $size in config.$flag-sizes {
|
|
.social-#{$flag-size} {
|
|
height: map.get($size, size);
|
|
}
|
|
}
|