CSS for Kanban UI in Scrapbox

from blu3mo

CSS for Kanban UI in Scrapbox CSS Test for Kanban UI in Scrapbox style.css

body:has(#L6447388084f7a2001b7cc644) .lines {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 0px;
  grid-auto-flow: column;
}
 
body:has(#L6447388084f7a2001b7cc644) .section-0 {
  grid-column: 1;
}
 
body:has(#L6447388084f7a2001b7cc644) .section-1 {
  grid-column: 2;
}
 
body:has(#L6447388084f7a2001b7cc644) .section-2 {
  grid-column: 3;
}

The provided code is a CSS stylesheet that is used to style a Kanban UI in Scrapbox. It contains CSS rules for different sections of the UI. The body:has(#L6447388084f7a2001b7cc644) selector is used to target the specific element with the ID #L6447388084f7a2001b7cc644. The .lines, .section-0, .section-1, and .section-2 classes are used to apply different styles to different parts of the UI. The grid-template-columns property is used to define the number and width of the columns in the grid layout. The grid-gap property sets the gap between grid items. The grid-auto-flow property determines how grid items are automatically placed in the grid. The grid-column property is used to specify the column position for the elements with the respective classes.