Witam.
Pytam czy to jest poprawny zapis i prawidłowe użycie SASS?
Mam ustawione SASS
// zmienne dla użadzen
$phone: “only screen and (min-width: 768px)”;
$tablet: “only screen and (min-width: 992px)”;
$desktop: “only screen and (min-width: 1200px)”;
main-menu {
@include invisible;
media: $phone {
@include block;
}
}
chodzi mi o sam zapis media: $phone
czy dobrze go uzywam
Tu mam przyklad z uzyciem LESS
Zmienne dla uządzen
@phone: ~“only screen and (min-width: 768px)”;
@tablet: ~“only screen and (min-width: 992px)”;
@desktop: ~“only screen and (min-width: 1200px)”;
// ukrywa menu glowne
main-menu {
.invisible;
@media @phone {
.block;
}
}
W tym przypadku wszystko działa z użyciem LESS, ale czy zapis Sass jest prawidłowy?
Już wiem:
To jest prawidłowy zapis @media #{$tablet}
main-menu {
@include invisible;
@media #{$tablet} {
@include block;
}
}