diff options
Diffstat (limited to 'app/assets/stylesheets/utilities.scss')
| -rw-r--r-- | app/assets/stylesheets/utilities.scss | 47 |
1 files changed, 34 insertions, 13 deletions
diff --git a/app/assets/stylesheets/utilities.scss b/app/assets/stylesheets/utilities.scss index fd85ff894a7..27fcade548f 100644 --- a/app/assets/stylesheets/utilities.scss +++ b/app/assets/stylesheets/utilities.scss @@ -368,28 +368,49 @@ to @gitlab/ui by https://gitlab.com/gitlab-org/gitlab-ui/-/issues/1709 } /* - * The below style will be moved to @gitlab/ui by - * https://gitlab.com/gitlab-org/gitlab-ui/-/issues/1792 + * The styles from here to END-#1825 will be moved to @gitlab/ui by + * https://gitlab.com/gitlab-org/gitlab-ui/-/issues/1825 */ -.gl-text-purple-800 { - color: $purple-800; +.gl-lg-mx-12 { + @include media-breakpoint-up(lg) { + margin-left: $gl-spacing-scale-12; + margin-right: $gl-spacing-scale-12; + } } -.gl-bg-theme-indigo-800 { - background-color: $theme-indigo-800; +.gl-lg-ml-12 { + @include media-breakpoint-up(lg) { + margin-left: $gl-spacing-scale-12; + } } -.gl-border-indigo-700 { - border-color: $theme-indigo-700; +.gl-lg-mr-12 { + @include media-breakpoint-up(lg) { + margin-right: $gl-spacing-scale-12; + } } -.gl-border-gray-75 { - border-color: $gl-text-color-quaternary; +.gl-lg-ml-10 { + @include media-breakpoint-up(lg) { + margin-left: $gl-spacing-scale-10; + } } -.gl-min-h-8 { - min-height: $gl-spacing-scale-8; +.gl-lg-mr-10 { + @include media-breakpoint-up(lg) { + margin-right: $gl-spacing-scale-10; + } } -/* End gitlab-ui#1751 */ +.gl-lg-w-30p { + @include gl-media-breakpoint-up(lg) { + width: 30%; + } +} +.gl-lg-w-40p { + @include gl-media-breakpoint-up(lg) { + width: 40%; + } +} +/* END-#1825 */ |