Contents

// Push
.gutters .col.push-left,
.push-left {
  margin-right: auto;
}
.gutters .col.push-right,
.push-right {
  margin-left: auto;
}
.gutters .col.push-center,
.push-center {
  margin-left: auto;
  margin-right: auto;
}
.gutters .col.push-middle,
.push-middle {
  margin-top: auto;
  margin-bottom: auto;
}
.push-bottom {
  margin-top: auto;
}
@include breakpoint(sm) {
  .gutters .col.push-left-sm,
  .push-left-sm {
    margin-left: 0;
  }
  .gutters .col.push-center-sm,
  .push-center-sm {
    margin-left: auto;
    margin-right: auto;
  }
  .push-top-sm {
    margin-top: 0;
  }
}

// Flex Alignment
.align-middle {
  @include flex-items-middle;
}
.align-right {
  @include flex-items-right;
}
.align-center {
  @include flex-items-center;
}
@include breakpoint(sm) {
  .align-left-sm {
    @include flex-items-left;
  }
}

// Float
.float-right {
	float: right;
}
.float-left {
	float: left;
}
@include breakpoint(sm) {
  .float-right {
    float: none;
  }
  .float-left {
    float: none;
  }
}

// Fixed
.fixed {
	position: fixed;
	top: 0;
	left: 0;
	z-index: var(--z-over-content);
	width: 100%;
}

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
kube-6.5.2.0	app/assets/stylesheets/kube/components/_positioning.scss