Skip to content

Missing styling utilities for Status Page

There is a couple of styling utilities required for styling Status Page but missing in @gitab/ui utilities. This issue is to aggregate all missing styles so that they can be eventually added as utility classes, mixins, variables in @giltab/ui project and removed from Status Page project

  • Markdown styles
  • y-margin equivalent to 40px and x-margin to 48px
.page-container {
  margin: 40px 48px;
}
  • box-shadow mixin
@mixin gl-inset-border-b-1-gray-200 {
  box-shadow: inset 0 ($gl-border-size-1 * -1) 0 0 $gray-200;
}

.gl-inset-border-b-1-gray-200 {
  @include gl-inset-border-b-1-gray-200;
}
  • .gl-my-7 (32px)
@mixin gl-my-7 {
  margin-top: $gl-spacing-scale-7;
  margin-bottom: $gl-spacing-scale-7;
}

h2 {
  @include gl-my-7;
}
Edited by David O'Regan