Files
fizzy/app/assets/stylesheets/panels.css
T
Jason Zimdars a3b81af1da Merge branch 'main' into colors
* main: (284 commits)
  Polish closed stamp
  Add new card button to considering column
  Let's leave inside the menu for now
  Improve terminal history behavior
  More space between
  Add a navigation hint, make "All collections" link navigate like the others
  Reorder methods
  Fix: dismiss notifications from comments
  Fix card icons
  Filter collections menus, add keyboard shortcuts
  Style
  Space between
  Remove debug
  Consistent sizing
  Configure deployment for load balancing
  Configure the autoclose period at the collection level
  Rename to avoid using the same name
  Add brakeman rule
  Collections can be private now too
  Not used outside the class anymore
  ...
2025-04-25 15:59:09 -05:00

28 lines
675 B
CSS

@layer components {
.panel {
background-color: var(--color-canvas);
border: var(--panel-border-size, 1px) solid var(--panel-border-color, var(--color-ink-lighter));
border-radius: var(--panel-border-radius, 1em);
color: var(--color-ink);
inline-size: var(--panel-size, 60ch);
max-inline-size: 100%;
padding: var(--panel-padding, calc(var(--block-space) * 2));
}
.panels--two-up {
--panel-size: auto;
display: flex;
flex-wrap: wrap;
gap: var(--block-space-double);
align-content: start;
max-inline-size: min(100ch, 100%);
margin: auto;
.panel {
flex: 1 1 33%;
min-inline-size: 36ch;
}
}
}