Skip to content

Commit

Permalink
fix: fixed ModalDialog.Header sizes
Browse files Browse the repository at this point in the history
  • Loading branch information
PKulkoRaccoonGang committed Dec 12, 2023
1 parent dbfc232 commit 970f713
Showing 1 changed file with 5 additions and 28 deletions.
33 changes: 5 additions & 28 deletions src/Modal/_ModalDialog.scss
Original file line number Diff line number Diff line change
Expand Up @@ -230,35 +230,12 @@

// Color Variants

.pgn__modal-default {
// Default style modals don't have a background on the header which
// ends up looking spaced too far away from the body content.
.pgn__modal-header {
padding-bottom: calc(#{$modal-inner-padding} / 2);
}

.pgn__modal-body {
padding: calc(#{$modal-inner-padding} / 2) $modal-inner-padding;

&::before {
top: calc(#{$modal-inner-padding} / 2 * -1);
}
}
}

.pgn__modal-dark {
.pgn__modal-header,
.pgn__modal-hero {
background-color: $dark;
color: $white;

* {
color: inherit;
}
}
.pgn__modal-dark .pgn__modal-header .pgn__modal-hero {
background-color: $dark;
color: $white;

.pgn__modal-header {
border-bottom: solid 1px $light;
* {
color: inherit;
}
}

Expand Down

0 comments on commit 970f713

Please sign in to comment.