2016-02-22 19:49:16 +00:00
|
|
|
.appearance-logo-preview {
|
|
|
|
max-width: 400px;
|
|
|
|
margin-bottom: 20px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.appearance-light-logo-preview {
|
2016-12-12 22:26:21 +00:00
|
|
|
background-color: $gray-light;
|
2016-02-22 19:49:16 +00:00
|
|
|
max-width: 72px;
|
|
|
|
padding: 10px;
|
|
|
|
margin-bottom: 10px;
|
|
|
|
}
|
2017-09-22 08:39:47 +00:00
|
|
|
|
|
|
|
.svg-content {
|
|
|
|
text-align: center;
|
|
|
|
padding: $gl-padding;
|
|
|
|
|
|
|
|
svg,
|
|
|
|
img {
|
|
|
|
max-width: 425px;
|
|
|
|
width: 100%;
|
|
|
|
}
|
2017-12-07 15:03:32 +00:00
|
|
|
|
2020-07-02 15:09:08 +00:00
|
|
|
$image-widths: 80 130 150 225 250 306 394 430;
|
2017-12-20 10:24:13 +00:00
|
|
|
@each $width in $image-widths {
|
|
|
|
&.svg-#{$width} {
|
|
|
|
img,
|
|
|
|
svg {
|
2018-08-20 16:12:24 +00:00
|
|
|
max-width: #{$width + 'px'};
|
2017-12-20 10:24:13 +00:00
|
|
|
}
|
2017-12-07 15:03:32 +00:00
|
|
|
}
|
|
|
|
}
|
2017-09-22 08:39:47 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
@mixin svg-size($size) {
|
|
|
|
width: $size;
|
|
|
|
height: $size;
|
|
|
|
}
|
|
|
|
|
|
|
|
svg {
|
2017-11-21 20:39:26 +00:00
|
|
|
fill: currentColor;
|
2019-02-01 18:19:15 +00:00
|
|
|
}
|
2017-11-21 20:39:26 +00:00
|
|
|
|
2019-02-01 18:19:15 +00:00
|
|
|
.square,
|
|
|
|
svg {
|
2018-11-06 14:33:42 +00:00
|
|
|
$svg-sizes: 8 10 12 14 16 18 24 32 48 72;
|
2018-05-02 08:08:16 +00:00
|
|
|
@each $svg-size in $svg-sizes {
|
|
|
|
&.s#{$svg-size} {
|
|
|
|
@include svg-size(#{$svg-size}px);
|
|
|
|
}
|
2018-03-20 14:12:48 +00:00
|
|
|
}
|
2020-08-03 15:09:44 +00:00
|
|
|
|
|
|
|
&.s12 {
|
|
|
|
vertical-align: -1px;
|
|
|
|
}
|
|
|
|
|
|
|
|
&.s16 {
|
|
|
|
vertical-align: -3px;
|
|
|
|
}
|
2017-09-22 08:39:47 +00:00
|
|
|
}
|