Fix headings in Desktop and secondary button in dark backgrounds

pull/1/head
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…
Cancel
Save