1
0
mirror of https://github.com/tabler/tabler.git synced 2025-12-21 17:34:25 +04:00
Files
tabler/core/scss/ui/_social.scss

28 lines
577 B
SCSS

@use 'sass:map';
@use '../config';
.social {
position: relative;
display: inline-block;
height: config.$avatar-size;
aspect-ratio: 1;
background: no-repeat center/cover;
vertical-align: bottom;
}
@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);
}
}