2016-02-22 14:49:16 -05:00
|
|
|
.appearance-logo-preview {
|
|
|
|
max-width: 400px;
|
|
|
|
margin-bottom: 20px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.appearance-light-logo-preview {
|
2016-12-12 17:26:21 -05:00
|
|
|
background-color: $gray-light;
|
2016-02-22 14:49:16 -05:00
|
|
|
max-width: 72px;
|
|
|
|
padding: 10px;
|
|
|
|
margin-bottom: 10px;
|
|
|
|
}
|
2017-09-22 04:39:47 -04:00
|
|
|
|
|
|
|
.svg-content {
|
|
|
|
text-align: center;
|
|
|
|
padding: $gl-padding;
|
|
|
|
|
|
|
|
svg,
|
|
|
|
img {
|
|
|
|
max-width: 425px;
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@mixin svg-size($size) {
|
|
|
|
width: $size;
|
|
|
|
height: $size;
|
|
|
|
}
|
|
|
|
|
|
|
|
svg {
|
|
|
|
&.s16 { @include svg-size(16px); }
|
|
|
|
&.s24 { @include svg-size(24px); }
|
|
|
|
&.s32 { @include svg-size(32px); }
|
|
|
|
&.s48 { @include svg-size(48px); }
|
|
|
|
&.s72 { @include svg-size(72px); }
|
|
|
|
}
|