From 96a2d6dd57f1a1d8ad25a1b6500cc123867d68f9 Mon Sep 17 00:00:00 2001 From: Rob Levin & Trever Yarrish Date: Mon, 28 Jul 2014 18:49:22 -0700 Subject: [PATCH] Fix: Normal sized buttons font-size is wrong #32 --- css/buttons.css | 296 ++++++++++++++++++------------------ scss/partials/_buttons.scss | 18 ++- scss/partials/_options.scss | 2 +- 3 files changed, 159 insertions(+), 157 deletions(-) diff --git a/css/buttons.css b/css/buttons.css index cb216a3..6edc4cc 100644 --- a/css/buttons.css +++ b/css/buttons.css @@ -90,7 +90,7 @@ } } -/* line 24, ../scss/partials/_buttons.scss */ +/* line 26, ../scss/partials/_buttons.scss */ .button { -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15); @@ -109,10 +109,10 @@ *display: inline; border: 1px solid #d4d4d4; height: 32px; - line-height: 32px; + line-height: 30px; padding: 0px 25.6px; font-weight: 300; - font-size: 14px; + font-size: 16px; font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; color: #666666; text-shadow: 0 1px 1px white; @@ -120,7 +120,7 @@ text-decoration: none; text-align: center; } -/* line 42, ../scss/partials/_buttons.scss */ +/* line 44, ../scss/partials/_buttons.scss */ .button:hover, .button:focus { background-color: #eeeeee; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dcdcdc)); @@ -129,7 +129,7 @@ background: -o-linear-gradient(top, #ffffff, #dcdcdc); background: linear-gradient(top, #ffffff, #dcdcdc); } -/* line 46, ../scss/partials/_buttons.scss */ +/* line 48, ../scss/partials/_buttons.scss */ .button:active { -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white; -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white; @@ -138,24 +138,24 @@ background: #eeeeee; color: #bbbbbb; } -/* line 52, ../scss/partials/_buttons.scss */ +/* line 54, ../scss/partials/_buttons.scss */ .button:focus { outline: none; } -/* line 58, ../scss/partials/_buttons.scss */ +/* line 60, ../scss/partials/_buttons.scss */ input.button, button.button { height: 34px; cursor: pointer; -webkit-appearance: none; } -/* line 65, ../scss/partials/_buttons.scss */ +/* line 67, ../scss/partials/_buttons.scss */ .button-block { display: block; } -/* line 75, ../scss/partials/_buttons.scss */ +/* line 77, ../scss/partials/_buttons.scss */ .button.disabled, .button.disabled:hover, .button.disabled:focus, @@ -175,7 +175,7 @@ button.button:disabled { -webkit-appearance: none; } -/* line 87, ../scss/partials/_buttons.scss */ +/* line 89, ../scss/partials/_buttons.scss */ .button-wrap { background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e3e3e3), color-stop(100%, #f2f2f2)); background: -webkit-linear-gradient(top, #e3e3e3, #f2f2f2); @@ -194,7 +194,7 @@ button.button:disabled { display: inline-block; } -/* line 97, ../scss/partials/_buttons.scss */ +/* line 99, ../scss/partials/_buttons.scss */ .button-flat { -webkit-box-shadow: none; -moz-box-shadow: none; @@ -211,11 +211,11 @@ button.button:disabled { border: none; text-shadow: none; } -/* line 106, ../scss/partials/_buttons.scss */ +/* line 108, ../scss/partials/_buttons.scss */ .button-flat:hover, .button-flat:focus { background: #fbfbfb; } -/* line 109, ../scss/partials/_buttons.scss */ +/* line 111, ../scss/partials/_buttons.scss */ .button-flat:active { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; @@ -224,7 +224,7 @@ button.button:disabled { background: #eeeeee; color: #bbbbbb; } -/* line 114, ../scss/partials/_buttons.scss */ +/* line 116, ../scss/partials/_buttons.scss */ .button-flat.disabled { -webkit-box-shadow: none; -moz-box-shadow: none; @@ -232,7 +232,7 @@ button.button:disabled { -webkit-appearance: none; } -/* line 124, ../scss/partials/_buttons.scss */ +/* line 126, ../scss/partials/_buttons.scss */ .button-border { -webkit-box-shadow: none; -moz-box-shadow: none; @@ -250,13 +250,13 @@ button.button:disabled { background: none; text-shadow: none; } -/* line 133, ../scss/partials/_buttons.scss */ +/* line 135, ../scss/partials/_buttons.scss */ .button-border:hover, .button-border:focus { background: none; color: gray; border: 2px solid gray; } -/* line 138, ../scss/partials/_buttons.scss */ +/* line 140, ../scss/partials/_buttons.scss */ .button-border:active { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; @@ -266,7 +266,7 @@ button.button:disabled { color: #4d4d4d; border: 2px solid #4d4d4d; } -/* line 144, ../scss/partials/_buttons.scss */ +/* line 146, ../scss/partials/_buttons.scss */ .button-border.disabled { -webkit-box-shadow: none; -moz-box-shadow: none; @@ -274,7 +274,7 @@ button.button:disabled { -webkit-appearance: none; } -/* line 154, ../scss/partials/_buttons.scss */ +/* line 156, ../scss/partials/_buttons.scss */ .button-3d { -webkit-transition-property: all; -moz-transition-property: all; @@ -299,7 +299,7 @@ button.button:disabled { position: relative; top: 0px; } -/* line 166, ../scss/partials/_buttons.scss */ +/* line 168, ../scss/partials/_buttons.scss */ .button-3d:hover, .button-3d:focus { -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #bbbbbb, 0px 8px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #bbbbbb, 0px 8px 3px rgba(0, 0, 0, 0.2); @@ -311,7 +311,7 @@ button.button:disabled { background: linear-gradient(top, #ffffff, #ebebeb); background-color: white; } -/* line 171, ../scss/partials/_buttons.scss */ +/* line 173, ../scss/partials/_buttons.scss */ .button-3d:active { -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #bbbbbb, 0px 3px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #bbbbbb, 0px 3px 3px rgba(0, 0, 0, 0.2); @@ -326,7 +326,7 @@ button.button:disabled { border: 1px solid #e1e1e1; top: 5px; } -/* line 179, ../scss/partials/_buttons.scss */ +/* line 181, ../scss/partials/_buttons.scss */ .button-3d.disabled { -webkit-box-shadow: none; -moz-box-shadow: none; @@ -334,7 +334,7 @@ button.button:disabled { -webkit-appearance: none; } -/* line 193, ../scss/partials/_buttons.scss */ +/* line 195, ../scss/partials/_buttons.scss */ .button-rounded { -webkit-border-radius: 3px; -moz-border-radius: 3px; @@ -343,7 +343,7 @@ button.button:disabled { border-radius: 3px; } -/* line 193, ../scss/partials/_buttons.scss */ +/* line 195, ../scss/partials/_buttons.scss */ .button-pill { -webkit-border-radius: 50px; -moz-border-radius: 50px; @@ -352,7 +352,7 @@ button.button:disabled { border-radius: 50px; } -/* line 193, ../scss/partials/_buttons.scss */ +/* line 195, ../scss/partials/_buttons.scss */ .button-circle { -webkit-border-radius: 240px; -moz-border-radius: 240px; @@ -367,10 +367,10 @@ button.button:disabled { height: 120px; padding: 0px; border-width: 4px; - font-size: 19px; + font-size: 18px; } -/* line 227, ../scss/partials/_buttons.scss */ +/* line 229, ../scss/partials/_buttons.scss */ .button-primary { background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00b5e5), color-stop(100%, #008db2)); background: -webkit-linear-gradient(top, #00b5e5, #008db2); @@ -382,7 +382,7 @@ button.button:disabled { color: white; text-shadow: 0 -1px 1px rgba(0, 40, 50, 0.35); } -/* line 234, ../scss/partials/_buttons.scss */ +/* line 236, ../scss/partials/_buttons.scss */ .button-primary:hover, .button-primary:focus { background-color: #00a1cb; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00c9fe), color-stop(100%, #008db2)); @@ -391,13 +391,13 @@ button.button:disabled { background: -o-linear-gradient(top, #00c9fe, #008db2); background: linear-gradient(top, #00c9fe, #008db2); } -/* line 238, ../scss/partials/_buttons.scss */ +/* line 240, ../scss/partials/_buttons.scss */ .button-primary:active { background: #1495b7; color: #005065; } -/* line 251, ../scss/partials/_buttons.scss */ +/* line 253, ../scss/partials/_buttons.scss */ .button-3d-primary { -webkit-transition-property: all; -moz-transition-property: all; @@ -422,7 +422,7 @@ button.button:disabled { position: relative; top: 0px; } -/* line 263, ../scss/partials/_buttons.scss */ +/* line 265, ../scss/partials/_buttons.scss */ .button-3d-primary:hover, .button-3d-primary:focus { -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #00708e, 0px 8px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #00708e, 0px 8px 3px rgba(0, 0, 0, 0.3); @@ -434,7 +434,7 @@ button.button:disabled { background: linear-gradient(top, #00c1f4, #009dc6); background-color: #00c9fe; } -/* line 268, ../scss/partials/_buttons.scss */ +/* line 270, ../scss/partials/_buttons.scss */ .button-3d-primary:active { -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #007998, 0px 3px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #007998, 0px 3px 3px rgba(0, 0, 0, 0.3); @@ -449,7 +449,7 @@ button.button:disabled { border: 1px solid #008db2; top: 5px; } -/* line 276, ../scss/partials/_buttons.scss */ +/* line 278, ../scss/partials/_buttons.scss */ .button-3d-primary.disabled { -webkit-box-shadow: none; -moz-box-shadow: none; @@ -457,7 +457,7 @@ button.button:disabled { -webkit-appearance: none; } -/* line 290, ../scss/partials/_buttons.scss */ +/* line 292, ../scss/partials/_buttons.scss */ .button-border-primary { -webkit-box-shadow: none; -moz-box-shadow: none; @@ -475,13 +475,13 @@ button.button:disabled { background: none; text-shadow: none; } -/* line 299, ../scss/partials/_buttons.scss */ +/* line 301, ../scss/partials/_buttons.scss */ .button-border-primary:hover, .button-border-primary:focus { background: none; color: #00c9fe; border: 2px solid #00c9fe; } -/* line 304, ../scss/partials/_buttons.scss */ +/* line 306, ../scss/partials/_buttons.scss */ .button-border-primary:active { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; @@ -491,7 +491,7 @@ button.button:disabled { color: #007998; border: 2px solid #007998; } -/* line 310, ../scss/partials/_buttons.scss */ +/* line 312, ../scss/partials/_buttons.scss */ .button-border-primary.disabled { -webkit-box-shadow: none; -moz-box-shadow: none; @@ -499,7 +499,7 @@ button.button:disabled { -webkit-appearance: none; } -/* line 322, ../scss/partials/_buttons.scss */ +/* line 324, ../scss/partials/_buttons.scss */ .button-flat-primary { -webkit-box-shadow: none; -moz-box-shadow: none; @@ -517,11 +517,11 @@ button.button:disabled { text-shadow: none; border: none; } -/* line 331, ../scss/partials/_buttons.scss */ +/* line 333, ../scss/partials/_buttons.scss */ .button-flat-primary:hover, .button-flat-primary:focus { background: #00b5e5; } -/* line 334, ../scss/partials/_buttons.scss */ +/* line 336, ../scss/partials/_buttons.scss */ .button-flat-primary:active { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; @@ -530,7 +530,7 @@ button.button:disabled { background: #1495b7; color: #00647f; } -/* line 339, ../scss/partials/_buttons.scss */ +/* line 341, ../scss/partials/_buttons.scss */ .button-flat-primary.disabled { -webkit-box-shadow: none; -moz-box-shadow: none; @@ -538,7 +538,7 @@ button.button:disabled { -webkit-appearance: none; } -/* line 227, ../scss/partials/_buttons.scss */ +/* line 229, ../scss/partials/_buttons.scss */ .button-secondary { background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2)); background: -webkit-linear-gradient(top, #ffffff, #f2f2f2); @@ -550,7 +550,7 @@ button.button:disabled { color: white; text-shadow: 0 -1px 1px rgba(179, 179, 179, 0.35); } -/* line 234, ../scss/partials/_buttons.scss */ +/* line 236, ../scss/partials/_buttons.scss */ .button-secondary:hover, .button-secondary:focus { background-color: white; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2)); @@ -559,13 +559,13 @@ button.button:disabled { background: -o-linear-gradient(top, #ffffff, #f2f2f2); background: linear-gradient(top, #ffffff, #f2f2f2); } -/* line 238, ../scss/partials/_buttons.scss */ +/* line 240, ../scss/partials/_buttons.scss */ .button-secondary:active { background: white; color: #cccccc; } -/* line 251, ../scss/partials/_buttons.scss */ +/* line 253, ../scss/partials/_buttons.scss */ .button-3d-secondary { -webkit-transition-property: all; -moz-transition-property: all; @@ -590,7 +590,7 @@ button.button:disabled { position: relative; top: 0px; } -/* line 263, ../scss/partials/_buttons.scss */ +/* line 265, ../scss/partials/_buttons.scss */ .button-3d-secondary:hover, .button-3d-secondary:focus { -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #e0e0e0, 0px 8px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #e0e0e0, 0px 8px 3px rgba(0, 0, 0, 0.3); @@ -602,7 +602,7 @@ button.button:disabled { background: linear-gradient(top, #ffffff, #fcfcfc); background-color: white; } -/* line 268, ../scss/partials/_buttons.scss */ +/* line 270, ../scss/partials/_buttons.scss */ .button-3d-secondary:active { -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #e6e6e6, 0px 3px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #e6e6e6, 0px 3px 3px rgba(0, 0, 0, 0.3); @@ -617,7 +617,7 @@ button.button:disabled { border: 1px solid #f2f2f2; top: 5px; } -/* line 276, ../scss/partials/_buttons.scss */ +/* line 278, ../scss/partials/_buttons.scss */ .button-3d-secondary.disabled { -webkit-box-shadow: none; -moz-box-shadow: none; @@ -625,7 +625,7 @@ button.button:disabled { -webkit-appearance: none; } -/* line 290, ../scss/partials/_buttons.scss */ +/* line 292, ../scss/partials/_buttons.scss */ .button-border-secondary { -webkit-box-shadow: none; -moz-box-shadow: none; @@ -643,13 +643,13 @@ button.button:disabled { background: none; text-shadow: none; } -/* line 299, ../scss/partials/_buttons.scss */ +/* line 301, ../scss/partials/_buttons.scss */ .button-border-secondary:hover, .button-border-secondary:focus { background: none; color: white; border: 2px solid white; } -/* line 304, ../scss/partials/_buttons.scss */ +/* line 306, ../scss/partials/_buttons.scss */ .button-border-secondary:active { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; @@ -659,7 +659,7 @@ button.button:disabled { color: #e6e6e6; border: 2px solid #e6e6e6; } -/* line 310, ../scss/partials/_buttons.scss */ +/* line 312, ../scss/partials/_buttons.scss */ .button-border-secondary.disabled { -webkit-box-shadow: none; -moz-box-shadow: none; @@ -667,7 +667,7 @@ button.button:disabled { -webkit-appearance: none; } -/* line 322, ../scss/partials/_buttons.scss */ +/* line 324, ../scss/partials/_buttons.scss */ .button-flat-secondary { -webkit-box-shadow: none; -moz-box-shadow: none; @@ -685,11 +685,11 @@ button.button:disabled { text-shadow: none; border: none; } -/* line 331, ../scss/partials/_buttons.scss */ +/* line 333, ../scss/partials/_buttons.scss */ .button-flat-secondary:hover, .button-flat-secondary:focus { background: white; } -/* line 334, ../scss/partials/_buttons.scss */ +/* line 336, ../scss/partials/_buttons.scss */ .button-flat-secondary:active { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; @@ -698,7 +698,7 @@ button.button:disabled { background: white; color: #d9d9d9; } -/* line 339, ../scss/partials/_buttons.scss */ +/* line 341, ../scss/partials/_buttons.scss */ .button-flat-secondary.disabled { -webkit-box-shadow: none; -moz-box-shadow: none; @@ -706,7 +706,7 @@ button.button:disabled { -webkit-appearance: none; } -/* line 227, ../scss/partials/_buttons.scss */ +/* line 229, ../scss/partials/_buttons.scss */ .button-action { background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8fcf00), color-stop(100%, #6b9c00)); background: -webkit-linear-gradient(top, #8fcf00, #6b9c00); @@ -718,7 +718,7 @@ button.button:disabled { color: white; text-shadow: 0 -1px 1px rgba(19, 28, 0, 0.35); } -/* line 234, ../scss/partials/_buttons.scss */ +/* line 236, ../scss/partials/_buttons.scss */ .button-action:hover, .button-action:focus { background-color: #7db500; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #a0e800), color-stop(100%, #6b9c00)); @@ -727,13 +727,13 @@ button.button:disabled { background: -o-linear-gradient(top, #a0e800, #6b9c00); background: linear-gradient(top, #a0e800, #6b9c00); } -/* line 238, ../scss/partials/_buttons.scss */ +/* line 240, ../scss/partials/_buttons.scss */ .button-action:active { background: #76a312; color: #374f00; } -/* line 251, ../scss/partials/_buttons.scss */ +/* line 253, ../scss/partials/_buttons.scss */ .button-3d-action { -webkit-transition-property: all; -moz-transition-property: all; @@ -758,7 +758,7 @@ button.button:disabled { position: relative; top: 0px; } -/* line 263, ../scss/partials/_buttons.scss */ +/* line 265, ../scss/partials/_buttons.scss */ .button-3d-action:hover, .button-3d-action:focus { -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #537800, 0px 8px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #537800, 0px 8px 3px rgba(0, 0, 0, 0.3); @@ -770,7 +770,7 @@ button.button:disabled { background: linear-gradient(top, #99de00, #79b000); background-color: #a0e800; } -/* line 268, ../scss/partials/_buttons.scss */ +/* line 270, ../scss/partials/_buttons.scss */ .button-3d-action:active { -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #5a8200, 0px 3px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #5a8200, 0px 3px 3px rgba(0, 0, 0, 0.3); @@ -785,7 +785,7 @@ button.button:disabled { border: 1px solid #6b9c00; top: 5px; } -/* line 276, ../scss/partials/_buttons.scss */ +/* line 278, ../scss/partials/_buttons.scss */ .button-3d-action.disabled { -webkit-box-shadow: none; -moz-box-shadow: none; @@ -793,7 +793,7 @@ button.button:disabled { -webkit-appearance: none; } -/* line 290, ../scss/partials/_buttons.scss */ +/* line 292, ../scss/partials/_buttons.scss */ .button-border-action { -webkit-box-shadow: none; -moz-box-shadow: none; @@ -811,13 +811,13 @@ button.button:disabled { background: none; text-shadow: none; } -/* line 299, ../scss/partials/_buttons.scss */ +/* line 301, ../scss/partials/_buttons.scss */ .button-border-action:hover, .button-border-action:focus { background: none; color: #a0e800; border: 2px solid #a0e800; } -/* line 304, ../scss/partials/_buttons.scss */ +/* line 306, ../scss/partials/_buttons.scss */ .button-border-action:active { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; @@ -827,7 +827,7 @@ button.button:disabled { color: #5a8200; border: 2px solid #5a8200; } -/* line 310, ../scss/partials/_buttons.scss */ +/* line 312, ../scss/partials/_buttons.scss */ .button-border-action.disabled { -webkit-box-shadow: none; -moz-box-shadow: none; @@ -835,7 +835,7 @@ button.button:disabled { -webkit-appearance: none; } -/* line 322, ../scss/partials/_buttons.scss */ +/* line 324, ../scss/partials/_buttons.scss */ .button-flat-action { -webkit-box-shadow: none; -moz-box-shadow: none; @@ -853,11 +853,11 @@ button.button:disabled { text-shadow: none; border: none; } -/* line 331, ../scss/partials/_buttons.scss */ +/* line 333, ../scss/partials/_buttons.scss */ .button-flat-action:hover, .button-flat-action:focus { background: #8fcf00; } -/* line 334, ../scss/partials/_buttons.scss */ +/* line 336, ../scss/partials/_buttons.scss */ .button-flat-action:active { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; @@ -866,7 +866,7 @@ button.button:disabled { background: #76a312; color: #486900; } -/* line 339, ../scss/partials/_buttons.scss */ +/* line 341, ../scss/partials/_buttons.scss */ .button-flat-action.disabled { -webkit-box-shadow: none; -moz-box-shadow: none; @@ -874,7 +874,7 @@ button.button:disabled { -webkit-appearance: none; } -/* line 227, ../scss/partials/_buttons.scss */ +/* line 229, ../scss/partials/_buttons.scss */ .button-highlight { background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fa9915), color-stop(100%, #d87e04)); background: -webkit-linear-gradient(top, #fa9915, #d87e04); @@ -886,7 +886,7 @@ button.button:disabled { color: white; text-shadow: 0 -1px 1px rgba(91, 53, 2, 0.35); } -/* line 234, ../scss/partials/_buttons.scss */ +/* line 236, ../scss/partials/_buttons.scss */ .button-highlight:hover, .button-highlight:focus { background-color: #f18d05; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fba42e), color-stop(100%, #d87e04)); @@ -895,13 +895,13 @@ button.button:disabled { background: -o-linear-gradient(top, #fba42e, #d87e04); background: linear-gradient(top, #fba42e, #d87e04); } -/* line 238, ../scss/partials/_buttons.scss */ +/* line 240, ../scss/partials/_buttons.scss */ .button-highlight:active { background: #d8891e; color: #8d5303; } -/* line 251, ../scss/partials/_buttons.scss */ +/* line 253, ../scss/partials/_buttons.scss */ .button-3d-highlight { -webkit-transition-property: all; -moz-transition-property: all; @@ -926,7 +926,7 @@ button.button:disabled { position: relative; top: 0px; } -/* line 263, ../scss/partials/_buttons.scss */ +/* line 265, ../scss/partials/_buttons.scss */ .button-3d-highlight:hover, .button-3d-highlight:focus { -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #b56a04, 0px 8px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #b56a04, 0px 8px 3px rgba(0, 0, 0, 0.3); @@ -938,7 +938,7 @@ button.button:disabled { background: linear-gradient(top, #faa024, #ec8a05); background-color: #fba42e; } -/* line 268, ../scss/partials/_buttons.scss */ +/* line 270, ../scss/partials/_buttons.scss */ .button-3d-highlight:active { -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #bf7004, 0px 3px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #bf7004, 0px 3px 3px rgba(0, 0, 0, 0.3); @@ -953,7 +953,7 @@ button.button:disabled { border: 1px solid #d87e04; top: 5px; } -/* line 276, ../scss/partials/_buttons.scss */ +/* line 278, ../scss/partials/_buttons.scss */ .button-3d-highlight.disabled { -webkit-box-shadow: none; -moz-box-shadow: none; @@ -961,7 +961,7 @@ button.button:disabled { -webkit-appearance: none; } -/* line 290, ../scss/partials/_buttons.scss */ +/* line 292, ../scss/partials/_buttons.scss */ .button-border-highlight { -webkit-box-shadow: none; -moz-box-shadow: none; @@ -979,13 +979,13 @@ button.button:disabled { background: none; text-shadow: none; } -/* line 299, ../scss/partials/_buttons.scss */ +/* line 301, ../scss/partials/_buttons.scss */ .button-border-highlight:hover, .button-border-highlight:focus { background: none; color: #fba42e; border: 2px solid #fba42e; } -/* line 304, ../scss/partials/_buttons.scss */ +/* line 306, ../scss/partials/_buttons.scss */ .button-border-highlight:active { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; @@ -995,7 +995,7 @@ button.button:disabled { color: #bf7004; border: 2px solid #bf7004; } -/* line 310, ../scss/partials/_buttons.scss */ +/* line 312, ../scss/partials/_buttons.scss */ .button-border-highlight.disabled { -webkit-box-shadow: none; -moz-box-shadow: none; @@ -1003,7 +1003,7 @@ button.button:disabled { -webkit-appearance: none; } -/* line 322, ../scss/partials/_buttons.scss */ +/* line 324, ../scss/partials/_buttons.scss */ .button-flat-highlight { -webkit-box-shadow: none; -moz-box-shadow: none; @@ -1021,11 +1021,11 @@ button.button:disabled { text-shadow: none; border: none; } -/* line 331, ../scss/partials/_buttons.scss */ +/* line 333, ../scss/partials/_buttons.scss */ .button-flat-highlight:hover, .button-flat-highlight:focus { background: #fa9915; } -/* line 334, ../scss/partials/_buttons.scss */ +/* line 336, ../scss/partials/_buttons.scss */ .button-flat-highlight:active { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; @@ -1034,7 +1034,7 @@ button.button:disabled { background: #d8891e; color: #a66103; } -/* line 339, ../scss/partials/_buttons.scss */ +/* line 341, ../scss/partials/_buttons.scss */ .button-flat-highlight.disabled { -webkit-box-shadow: none; -moz-box-shadow: none; @@ -1042,7 +1042,7 @@ button.button:disabled { -webkit-appearance: none; } -/* line 227, ../scss/partials/_buttons.scss */ +/* line 229, ../scss/partials/_buttons.scss */ .button-caution { background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e8543f), color-stop(100%, #d9331a)); background: -webkit-linear-gradient(top, #e8543f, #d9331a); @@ -1054,7 +1054,7 @@ button.button:disabled { color: white; text-shadow: 0 -1px 1px rgba(103, 24, 13, 0.35); } -/* line 234, ../scss/partials/_buttons.scss */ +/* line 236, ../scss/partials/_buttons.scss */ .button-caution:hover, .button-caution:focus { background-color: #e54028; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eb6855), color-stop(100%, #d9331a)); @@ -1063,13 +1063,13 @@ button.button:disabled { background: -o-linear-gradient(top, #eb6855, #d9331a); background: linear-gradient(top, #eb6855, #d9331a); } -/* line 238, ../scss/partials/_buttons.scss */ +/* line 240, ../scss/partials/_buttons.scss */ .button-caution:active { background: #cd5240; color: #952312; } -/* line 251, ../scss/partials/_buttons.scss */ +/* line 253, ../scss/partials/_buttons.scss */ .button-3d-caution { -webkit-transition-property: all; -moz-transition-property: all; @@ -1094,7 +1094,7 @@ button.button:disabled { position: relative; top: 0px; } -/* line 263, ../scss/partials/_buttons.scss */ +/* line 265, ../scss/partials/_buttons.scss */ .button-3d-caution:hover, .button-3d-caution:focus { -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #b92b16, 0px 8px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #b92b16, 0px 8px 3px rgba(0, 0, 0, 0.3); @@ -1106,7 +1106,7 @@ button.button:disabled { background: linear-gradient(top, #e9604c, #e43c23); background-color: #eb6855; } -/* line 268, ../scss/partials/_buttons.scss */ +/* line 270, ../scss/partials/_buttons.scss */ .button-3d-caution:active { -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #c22d18, 0px 3px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #c22d18, 0px 3px 3px rgba(0, 0, 0, 0.3); @@ -1121,7 +1121,7 @@ button.button:disabled { border: 1px solid #d9331a; top: 5px; } -/* line 276, ../scss/partials/_buttons.scss */ +/* line 278, ../scss/partials/_buttons.scss */ .button-3d-caution.disabled { -webkit-box-shadow: none; -moz-box-shadow: none; @@ -1129,7 +1129,7 @@ button.button:disabled { -webkit-appearance: none; } -/* line 290, ../scss/partials/_buttons.scss */ +/* line 292, ../scss/partials/_buttons.scss */ .button-border-caution { -webkit-box-shadow: none; -moz-box-shadow: none; @@ -1147,13 +1147,13 @@ button.button:disabled { background: none; text-shadow: none; } -/* line 299, ../scss/partials/_buttons.scss */ +/* line 301, ../scss/partials/_buttons.scss */ .button-border-caution:hover, .button-border-caution:focus { background: none; color: #eb6855; border: 2px solid #eb6855; } -/* line 304, ../scss/partials/_buttons.scss */ +/* line 306, ../scss/partials/_buttons.scss */ .button-border-caution:active { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; @@ -1163,7 +1163,7 @@ button.button:disabled { color: #c22d18; border: 2px solid #c22d18; } -/* line 310, ../scss/partials/_buttons.scss */ +/* line 312, ../scss/partials/_buttons.scss */ .button-border-caution.disabled { -webkit-box-shadow: none; -moz-box-shadow: none; @@ -1171,7 +1171,7 @@ button.button:disabled { -webkit-appearance: none; } -/* line 322, ../scss/partials/_buttons.scss */ +/* line 324, ../scss/partials/_buttons.scss */ .button-flat-caution { -webkit-box-shadow: none; -moz-box-shadow: none; @@ -1189,11 +1189,11 @@ button.button:disabled { text-shadow: none; border: none; } -/* line 331, ../scss/partials/_buttons.scss */ +/* line 333, ../scss/partials/_buttons.scss */ .button-flat-caution:hover, .button-flat-caution:focus { background: #e8543f; } -/* line 334, ../scss/partials/_buttons.scss */ +/* line 336, ../scss/partials/_buttons.scss */ .button-flat-caution:active { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; @@ -1202,7 +1202,7 @@ button.button:disabled { background: #cd5240; color: #ac2815; } -/* line 339, ../scss/partials/_buttons.scss */ +/* line 341, ../scss/partials/_buttons.scss */ .button-flat-caution.disabled { -webkit-box-shadow: none; -moz-box-shadow: none; @@ -1210,7 +1210,7 @@ button.button:disabled { -webkit-appearance: none; } -/* line 227, ../scss/partials/_buttons.scss */ +/* line 229, ../scss/partials/_buttons.scss */ .button-royal { background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #99389f), color-stop(100%, #752a79)); background: -webkit-linear-gradient(top, #99389f, #752a79); @@ -1222,7 +1222,7 @@ button.button:disabled { color: white; text-shadow: 0 -1px 1px rgba(26, 9, 27, 0.35); } -/* line 234, ../scss/partials/_buttons.scss */ +/* line 236, ../scss/partials/_buttons.scss */ .button-royal:hover, .button-royal:focus { background-color: #87318c; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ab3eb2), color-stop(100%, #752a79)); @@ -1231,13 +1231,13 @@ button.button:disabled { background: -o-linear-gradient(top, #ab3eb2, #752a79); background: linear-gradient(top, #ab3eb2, #752a79); } -/* line 238, ../scss/partials/_buttons.scss */ +/* line 240, ../scss/partials/_buttons.scss */ .button-royal:active { background: #764479; color: #3e1740; } -/* line 251, ../scss/partials/_buttons.scss */ +/* line 253, ../scss/partials/_buttons.scss */ .button-3d-royal { -webkit-transition-property: all; -moz-transition-property: all; @@ -1262,7 +1262,7 @@ button.button:disabled { position: relative; top: 0px; } -/* line 263, ../scss/partials/_buttons.scss */ +/* line 265, ../scss/partials/_buttons.scss */ .button-3d-royal:hover, .button-3d-royal:focus { -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #5b215f, 0px 8px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #5b215f, 0px 8px 3px rgba(0, 0, 0, 0.3); @@ -1274,7 +1274,7 @@ button.button:disabled { background: linear-gradient(top, #a43caa, #833088); background-color: #ab3eb2; } -/* line 268, ../scss/partials/_buttons.scss */ +/* line 270, ../scss/partials/_buttons.scss */ .button-3d-royal:active { -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #632466, 0px 3px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #632466, 0px 3px 3px rgba(0, 0, 0, 0.3); @@ -1289,7 +1289,7 @@ button.button:disabled { border: 1px solid #752a79; top: 5px; } -/* line 276, ../scss/partials/_buttons.scss */ +/* line 278, ../scss/partials/_buttons.scss */ .button-3d-royal.disabled { -webkit-box-shadow: none; -moz-box-shadow: none; @@ -1297,7 +1297,7 @@ button.button:disabled { -webkit-appearance: none; } -/* line 290, ../scss/partials/_buttons.scss */ +/* line 292, ../scss/partials/_buttons.scss */ .button-border-royal { -webkit-box-shadow: none; -moz-box-shadow: none; @@ -1315,13 +1315,13 @@ button.button:disabled { background: none; text-shadow: none; } -/* line 299, ../scss/partials/_buttons.scss */ +/* line 301, ../scss/partials/_buttons.scss */ .button-border-royal:hover, .button-border-royal:focus { background: none; color: #ab3eb2; border: 2px solid #ab3eb2; } -/* line 304, ../scss/partials/_buttons.scss */ +/* line 306, ../scss/partials/_buttons.scss */ .button-border-royal:active { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; @@ -1331,7 +1331,7 @@ button.button:disabled { color: #632466; border: 2px solid #632466; } -/* line 310, ../scss/partials/_buttons.scss */ +/* line 312, ../scss/partials/_buttons.scss */ .button-border-royal.disabled { -webkit-box-shadow: none; -moz-box-shadow: none; @@ -1339,7 +1339,7 @@ button.button:disabled { -webkit-appearance: none; } -/* line 322, ../scss/partials/_buttons.scss */ +/* line 324, ../scss/partials/_buttons.scss */ .button-flat-royal { -webkit-box-shadow: none; -moz-box-shadow: none; @@ -1357,11 +1357,11 @@ button.button:disabled { text-shadow: none; border: none; } -/* line 331, ../scss/partials/_buttons.scss */ +/* line 333, ../scss/partials/_buttons.scss */ .button-flat-royal:hover, .button-flat-royal:focus { background: #99389f; } -/* line 334, ../scss/partials/_buttons.scss */ +/* line 336, ../scss/partials/_buttons.scss */ .button-flat-royal:active { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; @@ -1370,7 +1370,7 @@ button.button:disabled { background: #764479; color: #501d53; } -/* line 339, ../scss/partials/_buttons.scss */ +/* line 341, ../scss/partials/_buttons.scss */ .button-flat-royal.disabled { -webkit-box-shadow: none; -moz-box-shadow: none; @@ -1378,43 +1378,43 @@ button.button:disabled { -webkit-appearance: none; } -/* line 352, ../scss/partials/_buttons.scss */ +/* line 354, ../scss/partials/_buttons.scss */ .button-group { position: relative; display: inline-block; } -/* line 355, ../scss/partials/_buttons.scss */ +/* line 357, ../scss/partials/_buttons.scss */ .button-group .button { float: left; } -/* line 357, ../scss/partials/_buttons.scss */ +/* line 359, ../scss/partials/_buttons.scss */ .button-group .button:focus, .button-group .button:hover, .button-group .button.active { z-index: 5; } -/* line 360, ../scss/partials/_buttons.scss */ +/* line 362, ../scss/partials/_buttons.scss */ .button-group .button.active { background: gainsboro; } -/* line 364, ../scss/partials/_buttons.scss */ +/* line 366, ../scss/partials/_buttons.scss */ .button-group .button:not(:first-child):not(:last-child) { border-radius: 0; } -/* line 367, ../scss/partials/_buttons.scss */ +/* line 369, ../scss/partials/_buttons.scss */ .button-group .button:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } -/* line 371, ../scss/partials/_buttons.scss */ +/* line 373, ../scss/partials/_buttons.scss */ .button-group .button:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } -/* line 377, ../scss/partials/_buttons.scss */ +/* line 379, ../scss/partials/_buttons.scss */ .button-group .button + .button { margin-left: -1px; } -/* line 390, ../scss/partials/_buttons.scss */ +/* line 392, ../scss/partials/_buttons.scss */ .button-jumbo { font-size: 24px; height: 51.2px; @@ -1422,46 +1422,46 @@ button.button:disabled { padding: 0px 40.96px; } -/* line 390, ../scss/partials/_buttons.scss */ +/* line 392, ../scss/partials/_buttons.scss */ .button-large { - font-size: 19px; + font-size: 18px; height: 38.4px; line-height: 38.4px; padding: 0px 30.72px; } -/* line 421, ../scss/partials/_buttons.scss */ +/* line 423, ../scss/partials/_buttons.scss */ input.button-large, button.button-large { height: 40.4px; } -/* line 390, ../scss/partials/_buttons.scss */ +/* line 392, ../scss/partials/_buttons.scss */ .button-small { - font-size: 15px; + font-size: 14px; height: 25.6px; - line-height: 25.6px; + line-height: 24px; padding: 0px 20.48px; } -/* line 421, ../scss/partials/_buttons.scss */ +/* line 423, ../scss/partials/_buttons.scss */ input.button-small, button.button-small { height: 27.6px; } -/* line 390, ../scss/partials/_buttons.scss */ +/* line 392, ../scss/partials/_buttons.scss */ .button-tiny { font-size: 12px; height: 22.4px; line-height: 22.4px; - padding: 0px 17.92px; + padding: 0px 19.2px; } -/* line 421, ../scss/partials/_buttons.scss */ +/* line 423, ../scss/partials/_buttons.scss */ input.button-tiny, button.button-tiny { height: 24.4px; } -/* line 442, ../scss/partials/_buttons.scss */ +/* line 444, ../scss/partials/_buttons.scss */ .button.glow { -webkit-animation-duration: 3s; -moz-animation-duration: 3s; @@ -1481,7 +1481,7 @@ input.button-tiny, button.button-tiny { -o-animation-name: glowing; animation-name: glowing; } -/* line 445, ../scss/partials/_buttons.scss */ +/* line 447, ../scss/partials/_buttons.scss */ .button.glow:active { -webkit-animation-name: none; -moz-animation-name: none; @@ -1493,28 +1493,28 @@ input.button-tiny, button.button-tiny { box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white; } -/* line 457, ../scss/partials/_buttons.scss */ +/* line 459, ../scss/partials/_buttons.scss */ .button-dropdown { position: relative; overflow: visible; display: inline-block; } -/* line 464, ../scss/partials/_buttons.scss */ +/* line 466, ../scss/partials/_buttons.scss */ .button-dropdown .button .icon-caret-down { font-size: 90%; margin: 0px 0px 0px 3px; vertical-align: middle; } -/* line 471, ../scss/partials/_buttons.scss */ +/* line 473, ../scss/partials/_buttons.scss */ .button-dropdown ul.button-dropdown-menu-below { top: 115%; } -/* line 474, ../scss/partials/_buttons.scss */ +/* line 476, ../scss/partials/_buttons.scss */ .button-dropdown ul.button-dropdown-menu-above { bottom: 115%; top: auto; } -/* line 480, ../scss/partials/_buttons.scss */ +/* line 482, ../scss/partials/_buttons.scss */ .button-dropdown ul { -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.6); @@ -1535,13 +1535,13 @@ input.button-tiny, button.button-tiny { list-style-type: none; min-width: 102%; } -/* line 494, ../scss/partials/_buttons.scss */ +/* line 496, ../scss/partials/_buttons.scss */ .button-dropdown ul li { padding: 0px; margin: 0px; display: block; } -/* line 499, ../scss/partials/_buttons.scss */ +/* line 501, ../scss/partials/_buttons.scss */ .button-dropdown ul li:first-child a { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; @@ -1550,7 +1550,7 @@ input.button-tiny, button.button-tiny { -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; } -/* line 502, ../scss/partials/_buttons.scss */ +/* line 504, ../scss/partials/_buttons.scss */ .button-dropdown ul li:last-child a { -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; @@ -1559,14 +1559,14 @@ input.button-tiny, button.button-tiny { -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; } -/* line 508, ../scss/partials/_buttons.scss */ +/* line 510, ../scss/partials/_buttons.scss */ .button-dropdown ul .button-dropdown-divider { -webkit-box-shadow: inset 0px 1px 0px white; -moz-box-shadow: inset 0px 1px 0px white; box-shadow: inset 0px 1px 0px white; border-top: 1px solid #e4e4e4; } -/* line 513, ../scss/partials/_buttons.scss */ +/* line 515, ../scss/partials/_buttons.scss */ .button-dropdown ul a { display: block; padding: 0px 20px; @@ -1576,7 +1576,7 @@ input.button-tiny, button.button-tiny { line-height: 30px; white-space: nowrap; } -/* line 522, ../scss/partials/_buttons.scss */ +/* line 524, ../scss/partials/_buttons.scss */ .button-dropdown ul a:hover, .button-dropdown ul a:focus { background-color: #3c6ab9; color: white; diff --git a/scss/partials/_buttons.scss b/scss/partials/_buttons.scss index ddfeb6d..d895a03 100644 --- a/scss/partials/_buttons.scss +++ b/scss/partials/_buttons.scss @@ -9,13 +9,15 @@ ////////////////////////////////////////////////////////// // If user elects to use font-size: inherit in _options // leave out calcs which result in inherit2 etc. -$unicorn-btn-smallfs: inherit; $unicorn-btn-tinyfs: inherit; +$unicorn-btn-smallfs: inherit; $unicorn-btn-largefs: inherit; +$unicorn-btn-jumbofs: inherit; @if $unicorn-btn-font-size != inherit { - $unicorn-btn-largefs: $unicorn-btn-font-size + 5; - $unicorn-btn-tinyfs: $unicorn-btn-font-size - 2; - $unicorn-btn-smallfs: $unicorn-btn-font-size + 1; + $unicorn-btn-tinyfs: $unicorn-btn-font-size - 4; + $unicorn-btn-smallfs: $unicorn-btn-font-size - 2; + $unicorn-btn-largefs: $unicorn-btn-font-size + 2; + $unicorn-btn-jumbofs: $unicorn-btn-font-size + 8; } ////////////////////////////////////////////////////////// @@ -28,7 +30,7 @@ $unicorn-btn-largefs: inherit; @include inline-block(middle); border: 1px solid darken($unicorn-btn-bgcolor, 10%); height: $unicorn-btn-height; - line-height: $unicorn-btn-height; + line-height: $unicorn-btn-height - 2; padding: 0px ($unicorn-btn-height * .8); font-weight: $unicorn-btn-font-weight; font-size: $unicorn-btn-font-size; @@ -389,7 +391,7 @@ button#{$unicorn-btn-namespace}:disabled { // .button-large .button-small .button-tiny #{$unicorn-btn-namespace}-#{$unicorn-btn-size} { @if $unicorn-btn-size == 'jumbo' { - font-size: $unicorn-btn-largefs + 5; + font-size: $unicorn-btn-jumbofs; height: $unicorn-btn-height * 1.6; line-height: $unicorn-btn-height * 1.6; padding: 0px ($unicorn-btn-height * 1.6) * .8; @@ -405,7 +407,7 @@ button#{$unicorn-btn-namespace}:disabled { @if $unicorn-btn-size == 'small' { font-size: $unicorn-btn-smallfs; height: $unicorn-btn-height * .8; - line-height: $unicorn-btn-height * .8; + line-height: $unicorn-btn-height * .75; padding: 0px ($unicorn-btn-height * .8) * .8; } @@ -413,7 +415,7 @@ button#{$unicorn-btn-namespace}:disabled { font-size: $unicorn-btn-tinyfs; height: $unicorn-btn-height * .7; line-height: $unicorn-btn-height * .7; - padding: 0px ($unicorn-btn-height * .7) * .8; + padding: 0px ($unicorn-btn-height * .75) * .8; } } diff --git a/scss/partials/_options.scss b/scss/partials/_options.scss index b226a8b..33e009f 100644 --- a/scss/partials/_options.scss +++ b/scss/partials/_options.scss @@ -13,7 +13,7 @@ $unicorn-btn-height: 32px !default; // TYPOGRAPHY //////////////////////////////////////////// ////////////////////////////////////////////////////////// $unicorn-btn-font-color: #666 !default; -$unicorn-btn-font-size: 14px !default; +$unicorn-btn-font-size: 16px !default; $unicorn-btn-font-weight: 300 !default; $unicorn-btn-font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !default;