By selecting an element in the inspector, you can see if the contrast meets the minimum standards. Google Chrome's Accessibility Developer Tools also includes a contrast checker. There are no automated tools that can effectively check this for you, but if you aren't sure about a specific color combination, you can run it through one of many color contrast checkers, such as WebAIM's color contrast checker. The minimum recommended contrast ratio is 4.5:1. The contrast between the color of an element's text and its background should be high enough that low-vision users can read it. Thereafter the value for a larger size is inherited from the values of the smaller size. If you do not set 'line-height'/ 'lh' it defaults to $header-lineheight for size 'small'. However, if you put in anything larger than 10, we assume you mean 'px', since we have not yet seen relative line-heights that were larger than 10. If you don't, we assume that for numbers smaller than or equal to 10, you mean a typical relative line-height. The value for 'line-height'/ 'lh' is transformed into a unitless number, that expresses the line-height relative to the fonts-size. Thereafter the values for a larger size are inherited from the values of the smaller size if no value is entered for a larger breakpoint. If you do not set the keys 'font-size'/ 'fs' defaults to 1rem, 'margin-top'/ 'mt' to 0 and 'margin-bottom'/ 'mb' to $header-margin-bottom for size 'small'.

You can use any unit, but if you don't, we assume that you mean 'px'.

The values for 'font-size'/ 'fs', 'margin-top'/ 'mt' and 'margin-bottom'/ 'mb' are transformed into 'rem's.

'h5': ('font-size': 20, 'line-height': $header-lineheight, 'margin-top': 0, 'margin-bottom': $header-margin-bottom),Д«ecause this is a little bit lengthy we have also introduced a short form, that you can use alternatively: 'h4': ('font-size': 25, 'line-height': $header-lineheight, 'margin-top': 0, 'margin-bottom': $header-margin-bottom), 'h3': ('font-size': 31, 'line-height': $header-lineheight, 'margin-top': 0, 'margin-bottom': $header-margin-bottom), 'h2': ('font-size': 40, 'line-height': $header-lineheight, 'margin-top': 0, 'margin-bottom': $header-margin-bottom), 'h1': ('font-size': 48, 'line-height': $header-lineheight, 'margin-top': 0, 'margin-bottom': $header-margin-bottom), 'h6': ('font-size': 16, 'line-height': $header-lineheight, 'margin-top': 0, 'margin-bottom': $header-margin-bottom) 'h5': ('font-size': 17, 'line-height': $header-lineheight, 'margin-top': 0, 'margin-bottom': $header-margin-bottom), 'h4': ('font-size': 18, 'line-height': $header-lineheight, 'margin-top': 0, 'margin-bottom': $header-margin-bottom), 'h3': ('font-size': 19, 'line-height': $header-lineheight, 'margin-top': 0, 'margin-bottom': $header-margin-bottom), 'h2': ('font-size': 20, 'line-height': $header-lineheight, 'margin-top': 0, 'margin-bottom': $header-margin-bottom), 'h1': ('font-size': 24, 'line-height': $header-lineheight, 'margin-top': 0, 'margin-bottom': $header-margin-bottom),

Inherit font size sample