diff options
Diffstat (limited to 'app/assets/stylesheets/utilities.scss')
-rw-r--r-- | app/assets/stylesheets/utilities.scss | 70 |
1 files changed, 12 insertions, 58 deletions
diff --git a/app/assets/stylesheets/utilities.scss b/app/assets/stylesheets/utilities.scss index 8cf5c533f1f..176d64272c2 100644 --- a/app/assets/stylesheets/utilities.scss +++ b/app/assets/stylesheets/utilities.scss @@ -81,68 +81,22 @@ .gl-h-32 { height: px-to-rem($grid-size * 4); } .gl-h-64 { height: px-to-rem($grid-size * 8); } -.gl-shim-h-2 { - height: px-to-rem(4px); -} - -.gl-shim-w-5 { - width: px-to-rem(16px); -} - -.gl-shim-pb-3 { - padding-bottom: 8px; -} - -.gl-shim-pt-5 { - padding-top: 16px; -} - -.gl-shim-mx-2 { - margin-left: 4px; - margin-right: 4px; +.d-sm-table-column { + @include media-breakpoint-up(sm) { + display: table-column !important; + } } .gl-text-purple { color: $purple; } -.gl-text-gray-800 { color: $gray-800; } .gl-bg-purple-light { background-color: $purple-light; } -// Classes using mixins coming from @gitlab-ui -// can be removed once the mixins are added. -// See https://gitlab.com/gitlab-org/gitlab/issues/36857 for more details. -.gl-bg-blue-50 { @include gl-bg-blue-50; } -.gl-bg-red-100 { @include gl-bg-red-100; } -.gl-bg-orange-100 { @include gl-bg-orange-100; } -.gl-bg-gray-50 { @include gl-bg-gray-50; } -.gl-bg-gray-100 { @include gl-bg-gray-100; } -.gl-bg-green-100 { @include gl-bg-green-100;} -.gl-bg-blue-500 { @include gl-bg-blue-500; } -.gl-bg-green-500 { @include gl-bg-green-500; } -.gl-bg-theme-indigo-500 { @include gl-bg-theme-indigo-500; } -.gl-bg-red-500 { @include gl-bg-red-500; } -.gl-bg-orange-500 { @include gl-bg-orange-500; } - -.gl-text-blue-500 { @include gl-text-blue-500; } -.gl-text-gray-500 { @include gl-text-gray-500; } -.gl-text-gray-700 { @include gl-text-gray-700; } -.gl-text-gray-900 { @include gl-text-gray-900; } -.gl-text-red-700 { @include gl-text-red-700; } -.gl-text-red-900 { @include gl-text-red-900; } -.gl-text-orange-400 { @include gl-text-orange-400; } -.gl-text-orange-500 { @include gl-text-orange-500; } -.gl-text-orange-600 { @include gl-text-orange-600; } -.gl-text-orange-700 { @include gl-text-orange-700; } -.gl-text-green-500 { @include gl-text-green-500; } -.gl-text-green-700 { @include gl-text-green-700; } - -.gl-align-items-center { @include gl-align-items-center; } - -.d-sm-table-column { - @include media-breakpoint-up(sm) { - display: table-column !important; - } +// move this to GitLab UI once onboarding experiment is considered a success +.gl-py-8 { + padding-top: $gl-spacing-scale-8; + padding-bottom: $gl-spacing-scale-8; } -.gl-white-space-normal { @include gl-white-space-normal; } -.gl-word-break-all { @include gl-word-break-all; } -.gl-reset-line-height { @include gl-reset-line-height; } -.gl-reset-text-align { @include gl-reset-text-align; } +// move this to GitLab UI once onboarding experiment is considered a success +.gl-pl-7 { + padding-left: $gl-spacing-scale-7; +} |