Hiding HTML Elements in Tecton
Hiding HTML Elements in Tecton
We do not currently have those classes in the default tecton style sheet. I will write a ticket to get that added. I the mean time the break points tecton uses is:
$breakpoint-xs: 480px !default;
$breakpoint-sm: 768px !default;
$breakpoint-md: 992px !default;
$breakpoint-lg: 1200px !default;
$breakpoint-xl: 1400px !default;
this style tag could be added to get those css classes where items are hidden on below certain widths:
```
<style>
@media screen and (max-width: 768px) {
[data-tecton-module] .hidden-xs {
display: none;
}
}
@media screen and (max-width: 992px) {
[data-tecton-module] .hidden-sm {
display: none;
}
}
@media screen and (max-width: 1200px) {
[data-tecton-module] .hidden-md {
display: none;
}
}
@media screen and (max-width: 1400px) {
[data-tecton-module] .hidden-lg {
display: none;
}
}
@media screen and (max-width: null) {
[data-tecton-module] .hidden {
display: none;
}
}
</style>
```
We do not currently have those classes in the default tecton style sheet. I will write a ticket to get that added. I the mean time the break points tecton uses is:
```
$breakpoint-xs: 480px !default;
$breakpoint-sm: 768px !default;
$breakpoint-md: 992px !default;
$breakpoint-lg: 1200px !default;
$breakpoint-xl: 1400px !default;
```
this style tag could be added to get those css classes where items are hidden on below certain widths:
```
<style>
@media screen and (max-width: 768px) {
[data-tecton-module] .hidden-xs {
display: none;
}
}
@media screen and (max-width: 992px) {
[data-tecton-module] .hidden-sm {
display: none;
}
}
@media screen and (max-width: 1200px) {
[data-tecton-module] .hidden-md {
display: none;
}
}
@media screen and (max-width: 1400px) {
[data-tecton-module] .hidden-lg {
display: none;
}
}
@media screen and (max-width: null) {
[data-tecton-module] .hidden {
display: none;
}
}
</style>
```
Hiding HTML Elements in Tecton
We do not currently have those classes in the default tecton style sheet. I will write a ticket to get that added. I the mean time the break points tecton uses is:
```
$breakpoint-xs: 480px !default;
$breakpoint-sm: 768px !default;
$breakpoint-md: 992px !default;
$breakpoint-lg: 1200px !default;
$breakpoint-xl: 1400px !default;
```
this style tag could be added to get those css classes where items are hidden on below certain widths:
```
<style>
@media screen and (max-width: 768px) {
[data-tecton-module] .hidden-xs {
display: none;
}
}
@media screen and (max-width: 992px) {
[data-tecton-module] .hidden-sm {
display: none;
}
}
@media screen and (max-width: 1200px) {
[data-tecton-module] .hidden-md {
display: none;
}
}
@media screen and (max-width: 1400px) {
[data-tecton-module] .hidden-lg {
display: none;
}
}
@media screen and (max-width: null) {
[data-tecton-module] .hidden {
display: none;
}
}
</style>
```