mirror of https://gitlab.com/openlp/web-remote.git
21 lines
751 B
SCSS
21 lines
751 B
SCSS
$mobile-breakpoint: 1024px;
|
|
|
|
@mixin slide-font-size($scale: 1, $desktop-scale: $scale, $stage-var-name: stage) {
|
|
$var-sentence: var(--openlp-#{$stage-var-name}-font-scale);
|
|
font-size: calc((#{4vw * $scale} * #{$var-sentence}) + (#{1.5vh * $scale} * #{$var-sentence}));
|
|
|
|
@media (orientation: landscape) {
|
|
font-size: calc(#{6vmin * $scale} * #{$var-sentence});
|
|
}
|
|
|
|
@media (orientation: landscape) and (max-aspect-ratio: 16/9) {
|
|
font-size: calc(#{3vw * $scale} * #{$var-sentence});
|
|
}
|
|
|
|
@media screen and (min-width: $mobile-breakpoint) {
|
|
font-size: calc((#{3.1vw * $desktop-scale} * #{$var-sentence}) + (#{1.5vh * $desktop-scale} * #{$var-sentence}));
|
|
//font-size: #{4vw * $scale};
|
|
//font-size: #{5.6vmin * $scale};
|
|
}
|
|
}
|