Fix headings in Desktop and secondary button in dark backgrounds
This commit is contained in:
parent
5c7af220c1
commit
996b48573c
|
@ -10,17 +10,21 @@
|
|||
|
||||
/** H1, H2, H3, H4, H5, H6 */
|
||||
@base-h1-font-size-m: 66px;
|
||||
@base-h1-font-size:37px;
|
||||
@base-h1-font-size: 37px;
|
||||
@base-h1-line-height: 1.25;
|
||||
@base-h2-font-size-m: 52px;
|
||||
@base-h2-font-size: 32px;
|
||||
@base-h2-line-height: 1.25;
|
||||
@base-h3-font-size-m: 41px;
|
||||
@base-h3-font-size: 26px;
|
||||
@base-h3-line-height: 1.25;
|
||||
@base-h4-font-size-m: 32px;
|
||||
@base-h4-font-size: 23px;
|
||||
@base-h4-line-height: 1.25;
|
||||
@base-h5-font-size-m: 26px;
|
||||
@base-h5-font-size: 20px;
|
||||
@base-h5-line-height: 1.25;
|
||||
@base-h6-font-size-m: 20px;
|
||||
@base-h6-font-size: 18px;
|
||||
@base-h6-line-height: 1.34;
|
||||
|
||||
|
@ -36,4 +40,24 @@
|
|||
body {
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
|
||||
@media (min-width: @breakpoint-medium) {
|
||||
|
||||
h3, .uk-h3 {
|
||||
font-size: @base-h3-font-size-m;
|
||||
}
|
||||
|
||||
h4, .uk-h4 {
|
||||
font-size: @base-h4-font-size-m;
|
||||
}
|
||||
|
||||
h5, .uk-h5 {
|
||||
font-size: @base-h5-font-size-m;
|
||||
}
|
||||
|
||||
h6, .uk-h6 {
|
||||
font-size: @base-h6-font-size-m;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -218,36 +218,36 @@
|
|||
@inverse-button-default-active-border: transparent;
|
||||
|
||||
/* Primary */
|
||||
@inverse-button-primary-background: @global-primary-background;
|
||||
@inverse-button-primary-background-gradient: @global-primary-gradient;
|
||||
@inverse-button-primary-color: @global-inverse-color;
|
||||
@inverse-button-primary-box-shadow: @inverse-global-medium-box-shadow;
|
||||
@inverse-button-primary-border: transparent;
|
||||
@inverse-button-primary-hover-background: @global-secondary-background;
|
||||
@inverse-button-primary-hover-background-gradient: none;
|
||||
@inverse-button-primary-hover-color: @global-inverse-color;
|
||||
@inverse-button-primary-background: @button-primary-background;
|
||||
@inverse-button-primary-background-gradient: @button-primary-background-gradient;
|
||||
@inverse-button-primary-color: @button-primary-color;
|
||||
@inverse-button-primary-box-shadow: @inverse-global-medium-box-shadow;;
|
||||
@inverse-button-primary-border: @button-primary-border;
|
||||
@inverse-button-primary-hover-background: @button-primary-hover-background;
|
||||
@inverse-button-primary-hover-background-gradient: @button-primary-hover-background-gradient;
|
||||
@inverse-button-primary-hover-color: @button-primary-hover-color;
|
||||
@inverse-button-primary-hover-box-shadow: @inverse-global-small-box-shadow;
|
||||
@inverse-button-primary-hover-border: transparent;
|
||||
@inverse-button-primary-active-background: @global-secondary-background;
|
||||
@inverse-button-primary-active-background-gradient: none;
|
||||
@inverse-button-primary-active-color: @global-inverse-color;
|
||||
@inverse-button-primary-hover-border: @button-primary-hover-border;
|
||||
@inverse-button-primary-active-background: @button-primary-active-background;
|
||||
@inverse-button-primary-active-background-gradient: @button-primary-active-background-gradient;
|
||||
@inverse-button-primary-active-color: @button-primary-active-color;
|
||||
@inverse-button-primary-active-box-shadow: @inverse-global-small-box-shadow;
|
||||
@inverse-button-primary-active-border: transparent;
|
||||
@inverse-button-primary-active-border: @button-primary-active-border;
|
||||
|
||||
/* Secondary */
|
||||
@inverse-button-secondary-background: @global-background;
|
||||
@inverse-button-secondary-background-gradient: none;
|
||||
@inverse-button-secondary-color: @global-primary-background;
|
||||
@inverse-button-secondary-color: @button-secondary-color;
|
||||
@inverse-button-secondary-box-shadow: @inverse-global-medium-box-shadow;
|
||||
@inverse-button-secondary-border: @global-primary-background;
|
||||
@inverse-button-secondary-hover-background: @global-primary-background;
|
||||
@inverse-button-secondary-hover-background-gradient: @global-primary-gradient;
|
||||
@inverse-button-secondary-hover-color: @global-inverse-color;
|
||||
@inverse-button-secondary-border: @button-secondary-border;
|
||||
@inverse-button-secondary-hover-background: @button-secondary-hover-background;
|
||||
@inverse-button-secondary-hover-background-gradient: @button-secondary-hover-background-gradient;
|
||||
@inverse-button-secondary-hover-color: @button-secondary-hover-color;
|
||||
@inverse-button-secondary-hover-box-shadow: @inverse-global-small-box-shadow;
|
||||
@inverse-button-secondary-hover-border: transparent;
|
||||
@inverse-button-secondary-active-background: @global-primary-background;
|
||||
@inverse-button-secondary-active-background-gradient: @global-primary-gradient;
|
||||
@inverse-button-secondary-active-color: @global-inverse-color;
|
||||
@inverse-button-secondary-hover-border: @button-secondary-hover-border;
|
||||
@inverse-button-secondary-active-background: @button-secondary-active-background;
|
||||
@inverse-button-secondary-active-background-gradient: @button-secondary-active-background-gradient;
|
||||
@inverse-button-secondary-active-color: @button-secondary-active-color;
|
||||
@inverse-button-secondary-active-box-shadow: @inverse-global-small-box-shadow;
|
||||
@inverse-button-secondary-active-border: transparent;
|
||||
|
||||
|
|
Loading…
Reference in New Issue