You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
66 lines
1.8 KiB
Plaintext
66 lines
1.8 KiB
Plaintext
@dropcap-font-size: @global-line-height * 3;
|
|
@border-rounded-border-radius: @global-border-radius;
|
|
@border-rounded-small-border-radius: @global-small-border-radius;
|
|
|
|
@border-width: @global-border-width;
|
|
@border-color: @global-border;
|
|
|
|
|
|
.hook-utility-misc() {
|
|
/* Border */
|
|
.uk-border-box {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
/* Box-shadow */
|
|
.uk-box-shadow-default, .uk-box-shadow-default-hover:hover {
|
|
box-shadow: @global-default-shadow;
|
|
}
|
|
|
|
.uk-box-shadow-inner, .uk-box-shadow-inner-hover:hover {
|
|
box-shadow: @global-inset-shadow;
|
|
}
|
|
|
|
.uk-box-no-shadow, .uk-box-no-shadow-hover:hover {
|
|
box-shadow: none;
|
|
}
|
|
|
|
/* Border radius*/
|
|
.uk-border-rounded-small {
|
|
border-radius: @border-rounded-small-border-radius;
|
|
}
|
|
}
|
|
|
|
/* 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; }
|
|
}
|