When utilizing bootstrap 4, I aim to implement various font styles for different breakpoints. While media queries can achieve this functionality, Bootstrap's website presents an example as follows:
html {
font-size: 1rem;
}
@include media-breakpoint-up(sm) {
html {
font-size: 1.2rem;
}
}
@include media-breakpoint-up(md) {
html {
font-size: 1.4rem;
}
}
@include media-breakpoint-up(lg) {
html {
font-size: 1.6rem;
}
}
This code snippet can be accessed here: https://getbootstrap.com/docs/4.0/content/typography/
I am curious whether the provided code is standard CSS or SASS syntax. Research led me to conflicting opinions on platforms like Stack Overflow, with some claiming it can be directly inputted into a regular CSS file. However, my attempts have been unsuccessful. This raises the question of whether it requires additional declarations to function properly within CSS. I even tried using an online SASS compiler, resulting in an error stating "mixin declaration is missing." Any guidance in clarifying this discrepancy would be greatly appreciated!