azure-devops-ui/Components/Sizer/Sizer.css

React components for building web UI in Azure DevOps

.bolt-sizer {
  outline-width: 0;
  user-select: none;
  z-index: 1;
}

.bolt-sizer:focus-within,
.bolt-sizer:hover {
  background-color: rgba( 166, 166, 166 ,  1 );
  background-color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.bolt-sizer-active {
  background-color: rgba( 166, 166, 166 ,  1 );
  background-color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
  outline: 2px solid rgba( 218, 218, 218 ,  1 );
  outline: 2px solid rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
}

.bolt-focus-visible .bolt-sizer {
  outline-width: 1px;
}

.bolt-sizer-column {
  cursor: ns-resize;
  padding: 2px 0;
}

.bolt-sizer-column.divider::before {
  background-color: rgba( 234, 234, 234 ,  1 );
  background-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  content: "";
  height: 1px;
}

.bolt-sizer-row {
  cursor: ew-resize;
  padding: 0 2px;
}

.bolt-sizer-row.divider::before {
  background-color: rgba( 234, 234, 234 ,  1 );
  background-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  content: "";
  width: 1px;
}

.bolt-sizer-portal {
  background-color: transparent;
  pointer-events: auto;
  z-index: 100;
}

.bolt-sizer-portal-column {
  cursor: ns-resize;
}

.bolt-sizer-portal-row {
  cursor: ew-resize;
}

.bolt-sizer-callout-row {
  gap: 4px;
  padding: 2px;
}

.bolt-button.bolt-sizer-resize-button {
  padding: 8px 12px;
}

/*# sourceMappingURL=Sizer.css.map */