diff options
Diffstat (limited to 'app/assets/stylesheets/utilities.scss')
| -rw-r--r-- | app/assets/stylesheets/utilities.scss | 47 |
1 files changed, 47 insertions, 0 deletions
diff --git a/app/assets/stylesheets/utilities.scss b/app/assets/stylesheets/utilities.scss index cabbe5834cb..10334d771b8 100644 --- a/app/assets/stylesheets/utilities.scss +++ b/app/assets/stylesheets/utilities.scss @@ -65,6 +65,8 @@ min-width: 0; } +// .gl-font-size-inherit will be moved to @gitlab/ui by https://gitlab.com/gitlab-org/gitlab-ui/-/issues/1466 +.gl-font-size-inherit, .font-size-inherit { font-size: inherit; } .gl-w-8 { width: px-to-rem($grid-size); } .gl-w-16 { width: px-to-rem($grid-size * 2); } @@ -85,6 +87,12 @@ padding-bottom: $gl-spacing-scale-8; } +// Will be moved to @gitlab/ui in https://gitlab.com/gitlab-org/gitlab-ui/-/issues/1495 +.gl-py-13 { + padding-top: $gl-spacing-scale-13; + padding-bottom: $gl-spacing-scale-13; +} + .gl-transition-property-stroke-opacity { transition-property: stroke-opacity; } @@ -117,6 +125,25 @@ } } +// Will be moved to @gitlab/ui (without the !important) in https://gitlab.com/gitlab-org/gitlab-ui/-/issues/1462 +// We only need the bang (!) version until the non-bang version is added to +// @gitlab/ui utitlities.scss. Once there, it will get loaded in the correct +// order to properly override `.gl-mt-6` which is used for narrower screen +// widths (currently that style gets added to the application.css stylesheet +// after this one, so it takes precedence). +.gl-md-mt-11\! { + @media (min-width: $breakpoint-md) { + margin-top: $gl-spacing-scale-11 !important; + } +} + +// Same as above (also without the !important) but for overriding `.gl-pt-6` +.gl-md-pt-11\! { + @media (min-width: $breakpoint-md) { + padding-top: $gl-spacing-scale-11 !important; + } +} + // This is used to help prevent issues with margin collapsing. // See https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Box_Model/Mastering_margin_collapsing. .gl-force-block-formatting-context::after { @@ -200,3 +227,23 @@ $gl-line-height-42: px-to-rem(42px); .gl-max-h-none\! { max-height: none !important; } + +// Will be moved to @gitlab/ui by https://gitlab.com/gitlab-org/gitlab-ui/-/issues/1465 +.gl-popover { + .popover-header { + .gl-button.close { + margin-top: -$gl-spacing-scale-3; + margin-right: -$gl-spacing-scale-4; + } + } +} + +// Will be moved to @gitlab/ui by https://gitlab.com/gitlab-org/gitlab-ui/-/issues/1490 +.gl-w-grid-size-28 { + width: $grid-size * 28; +} + +// Will be moved to @gitlab/ui by https://gitlab.com/gitlab-org/gitlab-ui/-/issues/1491 +.gl-min-w-8 { + min-width: $gl-spacing-scale-8; +} |