title: $:/plugins/linonetwo/visualization-dashboard/tiddlywiki-ui/PageLayout/style.variable.css
tags: $:/tags/Stylesheet

\import [[$:/themes/tiddlywiki/vanilla/base]]
\rules except horizrule dash

@media (min-width: <<sidebarbreakpoint>>) {
  .visualization-dashboard-layout-gauge-list-container {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 1300px) {
  .visualization-dashboard-layout-gauge-list-container {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: <<sidebarbreakpoint>>) {
  .visualization-dashboard-layout-gauge-list-container {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 400px) {
  .visualization-dashboard-layout-gauge-list-container {
    grid-template-columns: repeat(1, 1fr);
  }
  .visualization-dashboard-layout-gauge-item-container {
    grid-column: span 1 !important;
  }
}