openaire-theme/less/utility.less

60 lines
1.6 KiB
Plaintext
Raw Normal View History

@dropcap-font-size: @global-line-height * 3;
@border-rounded-border-radius: @global-border-radius;
2023-02-09 10:41:16 +01:00
@border-width: @global-border-width;
@border-color: @global-border;
2022-06-17 18:46:35 +02:00
.hook-utility-misc() {
2023-02-09 10:41:16 +01:00
/* Border */
.uk-border-box {
box-sizing: border-box;
}
2023-02-09 10:41:16 +01:00
.uk-border {
border: @border-width solid @border-color;
}
.uk-border-bottom {
border-bottom: @border-width solid @border-color;
}
.uk-border-top {
border-top: @border-width solid @border-color;
}
.uk-border-left {
border-left: @border-width solid @border-color;
}
.uk-border-right {
border-right: @border-width solid @border-color;
}
2022-06-17 18:46:35 +02:00
/* Box-shadow */
.uk-box-shadow-default, .uk-box-shadow-default-hover:hover {
box-shadow: @global-default-shadow;
}
2022-06-17 18:46:35 +02:00
.uk-box-shadow-inner, .uk-box-shadow-inner-hover:hover {
box-shadow: @global-inset-shadow;
}
2022-06-17 18:46:35 +02:00
.uk-box-no-shadow, .uk-box-no-shadow-hover:hover {
box-shadow: none;
}
}
/* Inverse */
.hook-inverse-misc() {
.uk-box-shadow-small { box-shadow: @inverse-global-small-box-shadow; }
.uk-box-shadow-medium { box-shadow: @inverse-global-medium-box-shadow; }
.uk-box-shadow-large { box-shadow: @inverse-global-large-box-shadow; }
.uk-box-shadow-xlarge { box-shadow: @inverse-global-xlarge-box-shadow; }
.uk-box-shadow-hover-small:hover { box-shadow: @inverse-global-small-box-shadow; }
.uk-box-shadow-hover-medium:hover { box-shadow: @inverse-global-medium-box-shadow; }
.uk-box-shadow-hover-large:hover { box-shadow: @inverse-global-large-box-shadow; }
.uk-box-shadow-hover-xlarge:hover { box-shadow: @inverse-global-xlarge-box-shadow; }
}