From 8d50d4a68442a413be622002048b00cd0b447a62 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 8 Jul 2014 01:22:02 -0700 Subject: rems: buttons --- less/variables.less | 21 +++++++++++---------- 1 file changed, 11 insertions(+), 10 deletions(-) (limited to 'less/variables.less') diff --git a/less/variables.less b/less/variables.less index 239c910a5..d31228e3a 100644 --- a/less/variables.less +++ b/less/variables.less @@ -50,6 +50,7 @@ @font-size-base: 1rem; @font-size-large: 1.25rem; @font-size-small: .85rem; +@font-size-xs: .75rem; @font-size-h1: 3rem; @font-size-h2: 2.5rem; @@ -59,9 +60,9 @@ @font-size-h6: 1rem; //** Unit-less `line-height` for use in components like buttons. -@line-height-base: 1.5; // 20/14 +@line-height-base: 1.5; //** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc. -@line-height-computed: (@font-size-root * @line-height-base); // ~20px +@line-height-computed: (@font-size-root * @line-height-base); //** By default, this inherits from the ``. @headings-font-family: inherit; @@ -86,17 +87,17 @@ // //## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start). -@padding-base-vertical: 6px; -@padding-base-horizontal: 12px; +@padding-base-vertical: .5rem; +@padding-base-horizontal: 1rem; -@padding-large-vertical: 10px; -@padding-large-horizontal: 16px; +@padding-large-vertical: .75rem; +@padding-large-horizontal: 1.5rem; -@padding-small-vertical: 5px; -@padding-small-horizontal: 10px; +@padding-small-vertical: .3rem; +@padding-small-horizontal: .75rem; -@padding-xs-vertical: 1px; -@padding-xs-horizontal: 5px; +@padding-xs-vertical: .2rem; +@padding-xs-horizontal: .5rem; @line-height-large: 1.33; @line-height-small: 1.5; -- cgit v1.2.3