78 lines
2.2 KiB
Plaintext
78 lines
2.2 KiB
Plaintext
@modal-background: @global-overlay-background;
|
|
|
|
@modal-dialog-border-radius: @global-border-radius;
|
|
|
|
@modal-body-padding-horizontal: @global-medium-gutter;
|
|
@modal-body-padding-vertical: @global-medium-gutter;
|
|
@modal-body-padding-horizontal-mobile: @global-small-gutter;
|
|
@modal-body-padding-vertical-mobile: @global-small-gutter;
|
|
|
|
@modal-header-padding-horizontal: @global-medium-gutter;
|
|
@modal-header-padding-vertical: @global-gutter;
|
|
@modal-header-padding-horizontal-mobile: @global-small-gutter;
|
|
@modal-header-padding-vertical-mobile: @global-small-gutter;
|
|
@modal-header-background: @global-background;
|
|
|
|
@modal-footer-padding-horizontal: @global-medium-gutter;
|
|
@modal-footer-padding-vertical: @global-medium-gutter;
|
|
@modal-footer-padding-horizontal-mobile: @global-small-gutter;
|
|
@modal-footer-padding-vertical-mobile: @global-small-gutter;
|
|
@modal-footer-background: @global-background;
|
|
@modal-footer-border-width: @global-border-width;
|
|
@modal-footer-border: @global-border;
|
|
|
|
@modal-close-position: @global-medium-gutter;
|
|
|
|
.hook-modal-dialog() {
|
|
max-width: calc(100vw - 2*@modal-padding-horizontal-s);
|
|
border-radius: @modal-dialog-border-radius;
|
|
}
|
|
|
|
.hook-modal-header() {
|
|
border-radius: @modal-dialog-border-radius @modal-dialog-border-radius 0 0;
|
|
}
|
|
|
|
.hook-modal-footer() {
|
|
border-top: @modal-footer-border-width solid @modal-footer-border;
|
|
border-radius: 0 0 @modal-dialog-border-radius @modal-dialog-border-radius;
|
|
}
|
|
|
|
.hook-modal-full() {
|
|
min-height: 100vh;
|
|
}
|
|
|
|
.hook-modal-misc() {
|
|
@media (max-width: @breakpoint-small-max) {
|
|
.uk-modal-body {
|
|
padding: @modal-body-padding-vertical-mobile @modal-body-padding-horizontal-mobile;
|
|
}
|
|
|
|
.uk-modal-header {
|
|
padding: @modal-header-padding-vertical-mobile @modal-header-padding-horizontal-mobile;
|
|
}
|
|
|
|
.uk-modal-footer {
|
|
padding: @modal-footer-padding-vertical-mobile @modal-footer-padding-horizontal-mobile;
|
|
}
|
|
}
|
|
|
|
.uk-modal, uk-dropdown {
|
|
|
|
.uk-button, uk-icon-button {
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
.uk-button-default {
|
|
border-color: @button-default-color;
|
|
|
|
&:hover {
|
|
border-color: @button-default-hover-color;
|
|
}
|
|
|
|
&:active {
|
|
border-color: @button-default-active-color;
|
|
}
|
|
}
|
|
}
|
|
}
|