@text-color: #000; @font-family-base: "Lato", sans-serif; @font-size-base: 14px; @font-size-large: ceil((@font-size-base * 1.25)); // ~18px @font-size-small: ceil((@font-size-base * 0.85)); // ~12px @font-size-h1: floor((@font-size-base * 1.4)); // ~36px @font-size-h2: floor((@font-size-base * 1.2)); // ~30px @font-size-h3: ceil((@font-size-base * 1.1)); // ~24px @font-size-h4: @font-size-base; // ~18px @font-size-h5: @font-size-base; @font-size-h6: ceil((@font-size-base * 0.85)); // ~12px //** Unit-less `line-height` for use in components like buttons. @line-height-base: 1.428571429; // 20/14 //** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc. @line-height-computed: floor((@font-size-base * @line-height-base)); // ~20px //** By default, this inherits from the ``. @headings-font-family: inherit; @headings-font-weight: 700; @headings-line-height: 1.1; @headings-color: #444444; // Design specific @bar-bottom-container-height: 40px; @header-height: 80px;