diff --git a/less/buttons.less b/less/buttons.less index 1378932..4cd8207 100644 --- a/less/buttons.less +++ b/less/buttons.less @@ -24,7 +24,7 @@ color: #000; border: 2px solid; padding: 13px 38px 14px; /* This way we don't change the button size, as there's no border on other buttons */ - &.small-btn { + &.btn-small { padding: 8px 14px 9px; /* This padding is 2px smaller than the normal small-btn padding to account for the border */ } } @@ -60,7 +60,7 @@ } } -.small-btn { +.btn-small { padding: 10px 15px 11px; font-size: .9em; border-radius: 4px; /* rounded corners */ diff --git a/less/general.less b/less/general.less index 313c3be..13058c8 100644 --- a/less/general.less +++ b/less/general.less @@ -1,7 +1,6 @@ body, textarea { - font-family: Arial, sans-serif; + font: 16px Arial, sans-serif; margin: 0; - font-size: 16px; } .smooth { diff --git a/less/inputs.less b/less/inputs.less index 62812f0..722120b 100644 --- a/less/inputs.less +++ b/less/inputs.less @@ -1,8 +1,13 @@ +textarea, input, .addon-front { + border: 1px solid #ccc; + font-size: .8em; +} + textarea, input { outline: 0; padding: 6px; &:focus { - border: 1px solid #5ab; + border-color: #5ab; } } @@ -15,8 +20,3 @@ textarea, input[type='text'] { margin-right: -2px; border-right: 0; } - -textarea, input, .addon-front { - border: 1px solid #ccc; - font-size: .8em; -} diff --git a/less/navbar.less b/less/navbar.less index 2b196f9..91450f0 100644 --- a/less/navbar.less +++ b/less/navbar.less @@ -7,6 +7,9 @@ nav { height: 1.5em; padding: .7em 0 .95em; outline: 0; + /* Necessary for animations + max-height: 1.5em; + */ } .navbar a { @@ -51,12 +54,6 @@ button.btn.close.small-btn { /* This ensures that any buttons and inputs in the navbar will not mess up its vertical alignment */ } -/* Necessary for animations -.navbar { - max-height: 1.5em; -} -*/ - @media (max-width:500px) { button.btn.close.small-btn { visibility: visible; diff --git a/sass/_button.scss b/sass/_button.scss index f6cfd1a..238c217 100644 --- a/sass/_button.scss +++ b/sass/_button.scss @@ -26,24 +26,32 @@ // use .btn on any element to give it the styling of a button .btn { @include btn-style(#fff, #eee, #ddd); - border-radius: 10px; /* rounded corners */ + border-radius: 10px; // rounded corners border: 0; color: #fff; cursor: pointer; - display: inline-block; /* Enables non-inline-block elements like
s to be buttons */ + display: inline-block; // Enables non-inline-block elements like
s to be buttons font-size: 2.5em; margin: .3em .7em; - outline: 0; /* when the button is focused, don't show an outline */ + outline: 0; // when the button is focused, don't show an outline padding: 15px 40px 16px; text-decoration: none; // to make sure buttons are visible when not paired with a coloring // class, we give the