CSS Classes uitbreiding Basisthema Cis

.setbradius(@radius: @default_border_radius) {
    border-radius: @radius;
    overflow: hidden;
}

.bradius {
    border-radius: 1em;
    overflow: hidden;
}

.h-100 {
    height: 100%;
}
.w-100 {
    width: 100%;
}

.center { 
    .d-flex;
    .align-center;
    .justify-center;
}

.grid-gap-base(@size: 5, @decrement: 0.5) when (@size >=0.5) {
  .grid-gap-base(@size - @decrement);
  // Convert decimal to dash format for class names
  @class-name: replace(~"@{size}", "\.", "-");
  .colgap-@{class-name} {
    column-gap: ~"@{size}rem";
  }
  .rowgap-@{class-name} {
    row-gap: ~"@{size}rem";
  }
}

.grid-gap-base();