CSS variables and @media queries

Created by: iatek

According to the docs... https://getbootstrap.com/docs/4.0/getting-started/theming/#examples

"You can also use our breakpoint variables in your media queries"

Example:

.content-secondary {
  display: none;
}

@media (min-width(var(--breakpoint-sm))) {
  .content-secondary {
    display: block;
  }
}

But, from what I can see this doesn't work. I've also found evidence that var() doesn't work with media queries at all: https://stackoverflow.com/questions/40722882/css-native-variables-not-working-in-media-queries