From: Thomas Park Date: Sun, 28 Oct 2012 21:03:08 +0000 (-0400) Subject: amelia: different sizes for btns, closes #40 X-Git-Tag: v2.1.1~3 X-Git-Url: http://git.roojs.org/?p=bootswatch;a=commitdiff_plain;h=842f92385aa27b5cca2936bd34c702d700e9a3d0 amelia: different sizes for btns, closes #40 --- diff --git a/amelia/bootstrap.css b/amelia/bootstrap.css index cf26da2..577907e 100644 --- a/amelia/bootstrap.css +++ b/amelia/bootstrap.css @@ -2649,17 +2649,17 @@ input[type="button"].btn-block { .btn-primary { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #ad2724; - background-image: -moz-linear-gradient(top, #ad1d28, #ad361d); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ad1d28), to(#ad361d)); - background-image: -webkit-linear-gradient(top, #ad1d28, #ad361d); - background-image: -o-linear-gradient(top, #ad1d28, #ad361d); - background-image: linear-gradient(to bottom, #ad1d28, #ad361d); + background-color: #ad1d28; + background-image: -moz-linear-gradient(top, #ad1d28, #ad1d28); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ad1d28), to(#ad1d28)); + background-image: -webkit-linear-gradient(top, #ad1d28, #ad1d28); + background-image: -o-linear-gradient(top, #ad1d28, #ad1d28); + background-image: linear-gradient(to bottom, #ad1d28, #ad1d28); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffad1d28', endColorstr='#ffad361d', GradientType=0); - border-color: #ad361d #ad361d #6b2212; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffad1d28', endColorstr='#ffad1d28', GradientType=0); + border-color: #ad1d28 #ad1d28 #6b1219; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - *background-color: #ad361d; + *background-color: #ad1d28; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); @@ -2670,12 +2670,12 @@ input[type="button"].btn-block { .btn-primary.disabled, .btn-primary[disabled] { color: #ffffff; - background-color: #ad361d; - *background-color: #972f19; + background-color: #ad1d28; + *background-color: #971923; } .btn-primary:active, .btn-primary.active { - background-color: #812816 \9; + background-color: #81161e \9; } .btn-warning { color: #ffffff; @@ -3016,7 +3016,7 @@ input[type="submit"].btn.btn-mini { background-color: #dddddd; } .btn-group.open .btn-primary.dropdown-toggle { - background-color: #ad361d; + background-color: #ad1d28; } .btn-group.open .btn-warning.dropdown-toggle { background-color: #df6e1e; @@ -5414,8 +5414,14 @@ div.subnav-fixed { .btn-link.active { background-color: #6b1219 \9; } +.btn-large { + padding: 20px 24px; +} .btn-small { - padding: 13px 16px 12px; + padding: 8px 12px; +} +.btn-mini { + padding: 4px 8px; } [class^="icon-"], [class*=" icon-"] { diff --git a/amelia/bootstrap.min.css b/amelia/bootstrap.min.css index 9b8fc8b..71b9123 100644 --- a/amelia/bootstrap.min.css +++ b/amelia/bootstrap.min.css @@ -500,8 +500,8 @@ button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-ap input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block{width:100%;} .btn-primary.active,.btn-warning.active,.btn-danger.active,.btn-success.active,.btn-info.active,.btn-inverse.active{color:rgba(255, 255, 255, 0.75);} .btn{border-color:#c5c5c5;border-color:rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);} -.btn-primary{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#ad2724;background-image:-moz-linear-gradient(top, #ad1d28, #ad361d);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ad1d28), to(#ad361d));background-image:-webkit-linear-gradient(top, #ad1d28, #ad361d);background-image:-o-linear-gradient(top, #ad1d28, #ad361d);background-image:linear-gradient(to bottom, #ad1d28, #ad361d);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffad1d28', endColorstr='#ffad361d', GradientType=0);border-color:#ad361d #ad361d #6b2212;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#ad361d;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-primary:hover,.btn-primary:active,.btn-primary.active,.btn-primary.disabled,.btn-primary[disabled]{color:#ffffff;background-color:#ad361d;*background-color:#972f19;} -.btn-primary:active,.btn-primary.active{background-color:#812816 \9;} +.btn-primary{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#ad1d28;background-image:-moz-linear-gradient(top, #ad1d28, #ad1d28);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ad1d28), to(#ad1d28));background-image:-webkit-linear-gradient(top, #ad1d28, #ad1d28);background-image:-o-linear-gradient(top, #ad1d28, #ad1d28);background-image:linear-gradient(to bottom, #ad1d28, #ad1d28);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffad1d28', endColorstr='#ffad1d28', GradientType=0);border-color:#ad1d28 #ad1d28 #6b1219;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#ad1d28;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-primary:hover,.btn-primary:active,.btn-primary.active,.btn-primary.disabled,.btn-primary[disabled]{color:#ffffff;background-color:#ad1d28;*background-color:#971923;} +.btn-primary:active,.btn-primary.active{background-color:#81161e \9;} .btn-warning{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#df6e1e;background-image:-moz-linear-gradient(top, #df6e1e, #df6e1e);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#df6e1e), to(#df6e1e));background-image:-webkit-linear-gradient(top, #df6e1e, #df6e1e);background-image:-o-linear-gradient(top, #df6e1e, #df6e1e);background-image:linear-gradient(to bottom, #df6e1e, #df6e1e);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdf6e1e', endColorstr='#ffdf6e1e', GradientType=0);border-color:#df6e1e #df6e1e #9c4d15;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#df6e1e;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-warning:hover,.btn-warning:active,.btn-warning.active,.btn-warning.disabled,.btn-warning[disabled]{color:#ffffff;background-color:#df6e1e;*background-color:#c9631b;} .btn-warning:active,.btn-warning.active{background-color:#b25818 \9;} .btn-danger{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#debb27;background-image:-moz-linear-gradient(top, #debb27, #debb27);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#debb27), to(#debb27));background-image:-webkit-linear-gradient(top, #debb27, #debb27);background-image:-o-linear-gradient(top, #debb27, #debb27);background-image:linear-gradient(to bottom, #debb27, #debb27);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdebb27', endColorstr='#ffdebb27', GradientType=0);border-color:#debb27 #debb27 #a08618;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#debb27;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-danger:hover,.btn-danger:active,.btn-danger.active,.btn-danger.disabled,.btn-danger[disabled]{color:#ffffff;background-color:#debb27;*background-color:#ccab1f;} @@ -542,7 +542,7 @@ button.btn.btn-mini,input[type="submit"].btn.btn-mini{*padding-top:1px;*padding- .btn-group>.btn-large+.dropdown-toggle{padding-left:12px;padding-right:12px;*padding-top:7px;*padding-bottom:7px;} .btn-group.open .dropdown-toggle{background-image:none;-webkit-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);} .btn-group.open .btn.dropdown-toggle{background-color:#dddddd;} -.btn-group.open .btn-primary.dropdown-toggle{background-color:#ad361d;} +.btn-group.open .btn-primary.dropdown-toggle{background-color:#ad1d28;} .btn-group.open .btn-warning.dropdown-toggle{background-color:#df6e1e;} .btn-group.open .btn-danger.dropdown-toggle{background-color:#debb27;} .btn-group.open .btn-success.dropdown-toggle{background-color:#48ca3b;} @@ -901,7 +901,9 @@ div.subnav-fixed{top:50px;} .btn-link{background-color:#ad1d28;border-color:transparent;}.btn-link:hover,.btn-link:active,.btn-link.active,.btn-link.disabled,.btn-link[disabled]{background-color:#971923;text-shadow:none;} .btn-link:active,.btn-link.active{background-color:#6b1219;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} .btn-link:active,.btn-link.active{background-color:#6b1219 \9;} -.btn-small{padding:13px 16px 12px;} +.btn-large{padding:20px 24px;} +.btn-small{padding:8px 12px;} +.btn-mini{padding:4px 8px;} [class^="icon-"],[class*=" icon-"]{margin-top:2px;margin-right:8px;} .btn-small [class^="icon-"]{margin-top:1px;} .add-on [class^="icon-"]{margin-left:5px;} diff --git a/amelia/bootswatch.less b/amelia/bootswatch.less index c5c7b87..8065f75 100755 --- a/amelia/bootswatch.less +++ b/amelia/bootswatch.less @@ -447,8 +447,16 @@ div.subnav { .buttonBackgroundCustom(@btnPrimaryBackground); } +.btn-large { + padding: 20px 24px; +} + .btn-small { - padding: 13px 16px 12px; + padding: 8px 12px; +} + +.btn-mini { + padding: 4px 8px; } [class^="icon-"], [class*=" icon-"] { diff --git a/amelia/variables.less b/amelia/variables.less index 64e57f2..da208eb 100755 --- a/amelia/variables.less +++ b/amelia/variables.less @@ -71,7 +71,7 @@ @btnBorder: rgba(0, 0, 0, 0); @btnPrimaryBackground: @navbarBackground; -@btnPrimaryBackgroundHighlight: spin(@btnPrimaryBackground, 15%); +@btnPrimaryBackgroundHighlight: @navbarBackground; @btnInfoBackground: @purple; @btnInfoBackgroundHighlight: @purple;