From 9872902e4784220f3add1a1af256dfc89cd6e31a Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 30 Sep 2012 23:11:54 -0700 Subject: [PATCH] remove .border-radius mixin and replace with standard border-radius property, since -webkit-* and -moz-* are only needed for older versions --- docs/assets/css/bootstrap-responsive.css | 12 +- docs/assets/css/bootstrap.css | 295 ++++++----------------- less/accordion.less | 2 +- less/alerts.less | 2 +- less/breadcrumbs.less | 2 +- less/button-groups.less | 12 +- less/buttons.less | 10 +- less/code.less | 4 +- less/dropdowns.less | 10 +- less/forms.less | 42 ++-- less/hero-unit.less | 2 +- less/labels-badges.less | 4 +- less/mixins.less | 8 - less/modals.less | 5 +- less/navbar.less | 12 +- less/navs.less | 18 +- less/pager.less | 2 +- less/pagination.less | 2 +- less/popovers.less | 4 +- less/progress-bars.less | 2 +- less/responsive-navbar.less | 6 +- less/scaffolding.less | 4 +- less/tables.less | 4 +- less/thumbnails.less | 2 +- less/tooltip.less | 2 +- less/wells.less | 6 +- 26 files changed, 152 insertions(+), 322 deletions(-) diff --git a/docs/assets/css/bootstrap-responsive.css b/docs/assets/css/bootstrap-responsive.css index d749708d2d..879a8dd33d 100644 --- a/docs/assets/css/bootstrap-responsive.css +++ b/docs/assets/css/bootstrap-responsive.css @@ -600,16 +600,12 @@ padding: 9px 15px; font-weight: bold; color: #777777; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; + border-radius: 3px; } .nav-collapse .btn { padding: 4px 10px 4px; font-weight: normal; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; + border-radius: 4px; } .nav-collapse .dropdown-menu li + li a { margin-bottom: 2px; @@ -637,9 +633,7 @@ margin: 0 15px; background-color: transparent; border: none; - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; + border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index dcec2920e2..c179c98606 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -145,9 +145,7 @@ a:hover { } .img-rounded { - -webkit-border-radius: 6px; - -moz-border-radius: 6px; - border-radius: 6px; + border-radius: 6px; } .img-polaroid { @@ -161,9 +159,7 @@ a:hover { } .img-circle { - -webkit-border-radius: 500px; - -moz-border-radius: 500px; - border-radius: 500px; + border-radius: 500px; } .container, @@ -620,9 +616,7 @@ pre { font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-size: 12px; color: #333333; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; + border-radius: 3px; } code { @@ -645,9 +639,7 @@ pre { background-color: #f5f5f5; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; + border-radius: 4px; } pre.prettyprint { @@ -740,9 +732,7 @@ input[type="color"], line-height: 20px; color: #555555; vertical-align: middle; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; + border-radius: 4px; } input, @@ -943,9 +933,7 @@ input[type="color"].input-large, padding-right: 14px; padding-left: 14px; font-size: 17.5px; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; + border-radius: 5px; } select.input-small, @@ -967,9 +955,7 @@ input[type="color"].input-small, .uneditable-input.input-small { padding: 2px 10px; font-size: 11.9px; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; + border-radius: 3px; } select.input-mini, @@ -991,9 +977,7 @@ input[type="color"].input-mini, .uneditable-input.input-mini { padding: 1px 6px; font-size: 10.5px; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; + border-radius: 3px; } input[class*="span"], @@ -1479,9 +1463,7 @@ select:focus:required:invalid:focus { margin: 0; font-size: 14px; vertical-align: top; - -webkit-border-radius: 0 4px 4px 0; - -moz-border-radius: 0 4px 4px 0; - border-radius: 0 4px 4px 0; + border-radius: 0 4px 4px 0; } .input-append input:focus, @@ -1523,9 +1505,7 @@ select:focus:required:invalid:focus { .input-append .btn, .input-prepend .btn { vertical-align: top; - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; + border-radius: 0; } .input-append .active, @@ -1541,25 +1521,19 @@ select:focus:required:invalid:focus { .input-prepend .add-on:first-child, .input-prepend .btn:first-child { - -webkit-border-radius: 4px 0 0 4px; - -moz-border-radius: 4px 0 0 4px; - border-radius: 4px 0 0 4px; + border-radius: 4px 0 0 4px; } .input-append input, .input-append select, .input-append .uneditable-input { - -webkit-border-radius: 4px 0 0 4px; - -moz-border-radius: 4px 0 0 4px; - border-radius: 4px 0 0 4px; + border-radius: 4px 0 0 4px; } .input-append input + .btn-group .btn, .input-append select + .btn-group .btn, .input-append .uneditable-input + .btn-group .btn { - -webkit-border-radius: 0 4px 4px 0; - -moz-border-radius: 0 4px 4px 0; - border-radius: 0 4px 4px 0; + border-radius: 0 4px 4px 0; } .input-append .add-on, @@ -1570,41 +1544,31 @@ select:focus:required:invalid:focus { .input-append .add-on:last-child, .input-append .btn:last-child { - -webkit-border-radius: 0 4px 4px 0; - -moz-border-radius: 0 4px 4px 0; - border-radius: 0 4px 4px 0; + border-radius: 0 4px 4px 0; } .input-prepend.input-append input, .input-prepend.input-append select, .input-prepend.input-append .uneditable-input { - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; + border-radius: 0; } .input-prepend.input-append input + .btn-group .btn, .input-prepend.input-append select + .btn-group .btn, .input-prepend.input-append .uneditable-input + .btn-group .btn { - -webkit-border-radius: 0 4px 4px 0; - -moz-border-radius: 0 4px 4px 0; - border-radius: 0 4px 4px 0; + border-radius: 0 4px 4px 0; } .input-prepend.input-append .add-on:first-child, .input-prepend.input-append .btn:first-child { margin-right: -1px; - -webkit-border-radius: 4px 0 0 4px; - -moz-border-radius: 4px 0 0 4px; - border-radius: 4px 0 0 4px; + border-radius: 4px 0 0 4px; } .input-prepend.input-append .add-on:last-child, .input-prepend.input-append .btn:last-child { margin-left: -1px; - -webkit-border-radius: 0 4px 4px 0; - -moz-border-radius: 0 4px 4px 0; - border-radius: 0 4px 4px 0; + border-radius: 0 4px 4px 0; } .input-prepend.input-append .btn-group:first-child { @@ -1616,45 +1580,33 @@ input.search-query { padding-right: 4px \9; padding-left: 14px; padding-left: 4px \9; - /* IE8 doesn't have border-radius, so don't indent the padding */ + /* IE8 doesn't have border radius, so don't indent the padding */ margin-bottom: 0; - -webkit-border-radius: 15px; - -moz-border-radius: 15px; - border-radius: 15px; + border-radius: 15px; } /* Allow for input prepend/append in search forms */ .form-search .input-append .search-query, .form-search .input-prepend .search-query { - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; + border-radius: 0; } .form-search .input-append .search-query { - -webkit-border-radius: 14px 0 0 14px; - -moz-border-radius: 14px 0 0 14px; - border-radius: 14px 0 0 14px; + border-radius: 14px 0 0 14px; } .form-search .input-append .btn { - -webkit-border-radius: 0 14px 14px 0; - -moz-border-radius: 0 14px 14px 0; - border-radius: 0 14px 14px 0; + border-radius: 0 14px 14px 0; } .form-search .input-prepend .search-query { - -webkit-border-radius: 0 14px 14px 0; - -moz-border-radius: 0 14px 14px 0; - border-radius: 0 14px 14px 0; + border-radius: 0 14px 14px 0; } .form-search .input-prepend .btn { - -webkit-border-radius: 14px 0 0 14px; - -moz-border-radius: 14px 0 0 14px; - border-radius: 14px 0 0 14px; + border-radius: 14px 0 0 14px; } .form-search input, @@ -1821,9 +1773,7 @@ table { border: 1px solid #dddddd; border-collapse: separate; border-left: 0; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; + border-radius: 4px; } .table-bordered th, @@ -1860,9 +1810,7 @@ table { .table-bordered thead:last-child tr:last-child th:first-child, .table-bordered tbody:last-child tr:last-child td:first-child, .table-bordered tfoot:last-child tr:last-child td:first-child { - -webkit-border-radius: 0 0 0 4px; - -moz-border-radius: 0 0 0 4px; - border-radius: 0 0 0 4px; + border-radius: 0 0 0 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; @@ -2717,16 +2665,12 @@ table [class*=span] { background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); - *border-right-width: 2px; - *border-bottom-width: 2px; - -webkit-border-radius: 6px; - -moz-border-radius: 6px; - border-radius: 6px; + border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; - -moz-background-clip: padding; + -moz-background-clip: padding-box; background-clip: padding-box; } @@ -2872,9 +2816,7 @@ table [class*=span] { .typeahead { margin-top: 2px; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; + border-radius: 4px; } .well { @@ -2883,9 +2825,7 @@ table [class*=span] { margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; + border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); @@ -2898,16 +2838,12 @@ table [class*=span] { .well-large { padding: 24px; - -webkit-border-radius: 6px; - -moz-border-radius: 6px; - border-radius: 6px; + border-radius: 6px; } .well-small { padding: 9px; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; + border-radius: 3px; } .fade { @@ -2985,9 +2921,7 @@ button.close { border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-bottom-color: #a2a2a2; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; + border-radius: 4px; filter: progid:dximagetransform.microsoft.gradient(enabled=false); filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); @@ -3053,9 +2987,7 @@ button.close { .btn-large { padding: 11px 19px; font-size: 17.5px; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; + border-radius: 5px; } .btn-large [class^="icon-"], @@ -3066,9 +2998,7 @@ button.close { .btn-small { padding: 2px 10px; font-size: 11.9px; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; + border-radius: 3px; } .btn-small [class^="icon-"], @@ -3079,9 +3009,7 @@ button.close { .btn-mini { padding: 1px 6px; font-size: 10.5px; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; + border-radius: 3px; } .btn-block { @@ -3318,9 +3246,7 @@ input[type="button"].btn-block { color: #0088cc; cursor: pointer; border-color: transparent; - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; + border-radius: 0; } .btn-link:hover { @@ -3360,9 +3286,7 @@ input[type="button"].btn-block { .btn-group > .btn { position: relative; - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; + border-radius: 0; } .btn-group > .btn + .btn { @@ -3541,9 +3465,7 @@ input[type="button"].btn-block { display: block; float: none; width: 100%; - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; + border-radius: 0; } .btn-group-vertical .btn + .btn { @@ -3552,27 +3474,19 @@ input[type="button"].btn-block { } .btn-group-vertical .btn:first-child { - -webkit-border-radius: 4px 4px 0 0; - -moz-border-radius: 4px 4px 0 0; - border-radius: 4px 4px 0 0; + border-radius: 4px 4px 0 0; } .btn-group-vertical .btn:last-child { - -webkit-border-radius: 0 0 4px 4px; - -moz-border-radius: 0 0 4px 4px; - border-radius: 0 0 4px 4px; + border-radius: 0 0 4px 4px; } .btn-group-vertical .btn-large:first-child { - -webkit-border-radius: 6px 6px 0 0; - -moz-border-radius: 6px 6px 0 0; - border-radius: 6px 6px 0 0; + border-radius: 6px 6px 0 0; } .btn-group-vertical .btn-large:last-child { - -webkit-border-radius: 0 0 6px 6px; - -moz-border-radius: 0 0 6px 6px; - border-radius: 0 0 6px 6px; + border-radius: 0 0 6px 6px; } .alert { @@ -3582,9 +3496,7 @@ input[type="button"].btn-block { text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #fcf8e3; border: 1px solid #fbeed5; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; + border-radius: 4px; } .alert h4 { @@ -3741,9 +3653,7 @@ input[type="button"].btn-block { padding-bottom: 8px; line-height: 20px; border: 1px solid transparent; - -webkit-border-radius: 4px 4px 0 0; - -moz-border-radius: 4px 4px 0 0; - border-radius: 4px 4px 0 0; + border-radius: 4px 4px 0 0; } .nav-tabs > li > a:hover { @@ -3764,9 +3674,7 @@ input[type="button"].btn-block { padding-bottom: 8px; margin-top: 2px; margin-bottom: 2px; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; + border-radius: 5px; } .nav-pills > .active > a, @@ -3789,9 +3697,7 @@ input[type="button"].btn-block { .nav-tabs.nav-stacked > li > a { border: 1px solid #ddd; - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; + border-radius: 0; } .nav-tabs.nav-stacked > li:first-child > a { @@ -3826,15 +3732,11 @@ input[type="button"].btn-block { } .nav-tabs .dropdown-menu { - -webkit-border-radius: 0 0 6px 6px; - -moz-border-radius: 0 0 6px 6px; - border-radius: 0 0 6px 6px; + border-radius: 0 0 6px 6px; } .nav-pills .dropdown-menu { - -webkit-border-radius: 6px; - -moz-border-radius: 6px; - border-radius: 6px; + border-radius: 6px; } .nav .dropdown-toggle .caret { @@ -3930,9 +3832,7 @@ input[type="button"].btn-block { } .tabs-below > .nav-tabs > li > a { - -webkit-border-radius: 0 0 4px 4px; - -moz-border-radius: 0 0 4px 4px; - border-radius: 0 0 4px 4px; + border-radius: 0 0 4px 4px; } .tabs-below > .nav-tabs > li > a:hover { @@ -3965,9 +3865,7 @@ input[type="button"].btn-block { .tabs-left > .nav-tabs > li > a { margin-right: -1px; - -webkit-border-radius: 4px 0 0 4px; - -moz-border-radius: 4px 0 0 4px; - border-radius: 4px 0 0 4px; + border-radius: 4px 0 0 4px; } .tabs-left > .nav-tabs > li > a:hover { @@ -3977,7 +3875,6 @@ input[type="button"].btn-block { .tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover { border-color: #ddd transparent #ddd #ddd; - *border-right-color: #ffffff; } .tabs-right > .nav-tabs { @@ -3988,9 +3885,7 @@ input[type="button"].btn-block { .tabs-right > .nav-tabs > li > a { margin-left: -1px; - -webkit-border-radius: 0 4px 4px 0; - -moz-border-radius: 0 4px 4px 0; - border-radius: 0 4px 4px 0; + border-radius: 0 4px 4px 0; } .tabs-right > .nav-tabs > li > a:hover { @@ -4000,7 +3895,6 @@ input[type="button"].btn-block { .tabs-right > .nav-tabs .active > a, .tabs-right > .nav-tabs .active > a:hover { border-color: #ddd #ddd #ddd transparent; - *border-left-color: #ffffff; } .nav > .disabled > a { @@ -4026,9 +3920,7 @@ input[type="button"].btn-block { background-image: linear-gradient(to bottom, #ffffff, #f2f2f2); background-repeat: repeat-x; border: 1px solid #d4d4d4; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; + border-radius: 4px; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0); -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); @@ -4161,17 +4053,13 @@ input[type="button"].btn-block { font-size: 13px; font-weight: normal; line-height: 1; - -webkit-border-radius: 15px; - -moz-border-radius: 15px; - border-radius: 15px; + border-radius: 15px; } .navbar-static-top { position: static; margin-bottom: 0; - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; + border-radius: 0; } .navbar-fixed-top, @@ -4184,9 +4072,7 @@ input[type="button"].btn-block { padding-left: 0; margin-bottom: 0; border-width: 0 0 1px; - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; + border-radius: 0; } .navbar-fixed-bottom { @@ -4308,9 +4194,7 @@ input[type="button"].btn-block { width: 18px; height: 2px; background-color: #f5f5f5; - -webkit-border-radius: 1px; - -moz-border-radius: 1px; - border-radius: 1px; + border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); @@ -4401,9 +4285,7 @@ input[type="button"].btn-block { left: auto; margin-right: -1px; margin-left: 0; - -webkit-border-radius: 6px 0 6px 6px; - -moz-border-radius: 6px 0 6px 6px; - border-radius: 6px 0 6px 6px; + border-radius: 6px 0 6px 6px; } .navbar-inverse { @@ -4549,9 +4431,7 @@ input[type="button"].btn-block { margin: 0 0 20px; list-style: none; background-color: #f5f5f5; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; + border-radius: 4px; } .breadcrumb li { @@ -4578,9 +4458,7 @@ input[type="button"].btn-block { display: inline-block; margin-bottom: 0; margin-left: 0; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; + border-radius: 4px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); @@ -4739,9 +4617,7 @@ input[type="button"].btn-block { padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; - -webkit-border-radius: 15px; - -moz-border-radius: 15px; - border-radius: 15px; + border-radius: 15px; } .pager li > a:hover { @@ -4797,12 +4673,7 @@ input[type="button"].btn-block { background-color: #ffffff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.3); - *border: 1px solid #999; - /* IE6-7 */ - - -webkit-border-radius: 6px; - -moz-border-radius: 6px; - border-radius: 6px; + border-radius: 6px; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); @@ -4853,9 +4724,7 @@ input[type="button"].btn-block { text-align: right; background-color: #f5f5f5; border-top: 1px solid #ddd; - -webkit-border-radius: 0 0 6px 6px; - -moz-border-radius: 0 0 6px 6px; - border-radius: 0 0 6px 6px; + border-radius: 0 0 6px 6px; -webkit-box-shadow: inset 0 1px 0 #ffffff; -moz-box-shadow: inset 0 1px 0 #ffffff; box-shadow: inset 0 1px 0 #ffffff; @@ -4924,9 +4793,7 @@ input[type="button"].btn-block { text-align: center; text-decoration: none; background-color: #000000; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; + border-radius: 4px; } .tooltip-arrow { @@ -4980,9 +4847,7 @@ input[type="button"].btn-block { background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); - -webkit-border-radius: 6px; - -moz-border-radius: 6px; - border-radius: 6px; + border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); @@ -5015,9 +4880,7 @@ input[type="button"].btn-block { line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - border-radius: 5px 5px 0 0; + border-radius: 5px 5px 0 0; } .popover-content { @@ -5110,9 +4973,7 @@ input[type="button"].btn-block { padding: 4px; line-height: 20px; border: 1px solid #ddd; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; + border-radius: 4px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); @@ -5192,16 +5053,12 @@ a.thumbnail:hover { .label { padding: 1px 4px 2px; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; + border-radius: 3px; } .badge { padding: 1px 9px 2px; - -webkit-border-radius: 9px; - -moz-border-radius: 9px; - border-radius: 9px; + border-radius: 9px; } a.label:hover, @@ -5328,9 +5185,7 @@ a.badge:hover { background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9); background-repeat: repeat-x; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; + border-radius: 4px; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); @@ -5487,9 +5342,7 @@ a.badge:hover { .accordion-group { margin-bottom: 2px; border: 1px solid #e5e5e5; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; + border-radius: 4px; } .accordion-heading { @@ -5659,9 +5512,7 @@ a.badge:hover { padding: 60px; margin-bottom: 30px; background-color: #eeeeee; - -webkit-border-radius: 6px; - -moz-border-radius: 6px; - border-radius: 6px; + border-radius: 6px; } .hero-unit h1 { diff --git a/less/accordion.less b/less/accordion.less index c13c7be260..00e5844a68 100644 --- a/less/accordion.less +++ b/less/accordion.less @@ -12,7 +12,7 @@ .accordion-group { margin-bottom: 2px; border: 1px solid #e5e5e5; - .border-radius(4px); + border-radius: 4px; } .accordion-heading { border-bottom: 0; diff --git a/less/alerts.less b/less/alerts.less index 6df5fd72d0..32a4b23122 100644 --- a/less/alerts.less +++ b/less/alerts.less @@ -12,7 +12,7 @@ text-shadow: 0 1px 0 rgba(255,255,255,.5); background-color: @warningBackground; border: 1px solid @warningBorder; - .border-radius(4px); + border-radius: 4px; color: @warningText; } .alert h4 { diff --git a/less/breadcrumbs.less b/less/breadcrumbs.less index 78eb054be0..ed6e58adcb 100644 --- a/less/breadcrumbs.less +++ b/less/breadcrumbs.less @@ -8,7 +8,7 @@ margin: 0 0 @baseLineHeight; list-style: none; background-color: #f5f5f5; - .border-radius(4px); + border-radius: 4px; li { display: inline-block; text-shadow: 0 1px 0 @white; diff --git a/less/button-groups.less b/less/button-groups.less index cf48b0ebc8..f093c116fa 100644 --- a/less/button-groups.less +++ b/less/button-groups.less @@ -32,7 +32,7 @@ // Float them, remove border radius, then re-add to first and last elements .btn-group > .btn { position: relative; - .border-radius(0); + border-radius: 0; } .btn-group > .btn + .btn { margin-left: -1px; @@ -219,21 +219,21 @@ display: block; float: none; width: 100%; - .border-radius(0); + border-radius: 0; } .btn-group-vertical .btn + .btn { margin-left: 0; margin-top: -1px; } .btn-group-vertical .btn:first-child { - .border-radius(4px 4px 0 0); + border-radius: 4px 4px 0 0; } .btn-group-vertical .btn:last-child { - .border-radius(0 0 4px 4px); + border-radius: 0 0 4px 4px; } .btn-group-vertical .btn-large:first-child { - .border-radius(6px 6px 0 0); + border-radius: 6px 6px 0 0; } .btn-group-vertical .btn-large:last-child { - .border-radius(0 0 6px 6px); + border-radius: 0 0 6px 6px; } diff --git a/less/buttons.less b/less/buttons.less index 10116bf4be..15e69337f4 100644 --- a/less/buttons.less +++ b/less/buttons.less @@ -19,7 +19,7 @@ .buttonBackground(@btnBackground, @btnBackgroundHighlight, @grayDark, 0 1px 1px rgba(255,255,255,.75)); border: 1px solid @btnBorder; border-bottom-color: darken(@btnBorder, 10%); - .border-radius(4px); + border-radius: 4px; .box-shadow(~"inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05)"); // Hover state @@ -70,7 +70,7 @@ .btn-large { padding: @paddingLarge; font-size: @fontSizeLarge; - .border-radius(@borderRadiusLarge); + border-radius: @borderRadiusLarge; } .btn-large [class^="icon-"], .btn-large [class*=" icon-"] { @@ -81,7 +81,7 @@ .btn-small { padding: @paddingSmall; font-size: @fontSizeSmall; - .border-radius(@borderRadiusSmall); + border-radius: @borderRadiusSmall; } .btn-small [class^="icon-"], .btn-small [class*=" icon-"] { @@ -92,7 +92,7 @@ .btn-mini { padding: @paddingMini; font-size: @fontSizeMini; - .border-radius(@borderRadiusSmall); + border-radius: @borderRadiusSmall; } @@ -184,7 +184,7 @@ input[type="button"] { border-color: transparent; cursor: pointer; color: @linkColor; - .border-radius(0); + border-radius: 0; } .btn-link:hover { color: @linkColorHover; diff --git a/less/code.less b/less/code.less index a60fdf0807..b38601f567 100644 --- a/less/code.less +++ b/less/code.less @@ -10,7 +10,7 @@ pre { #font > #family > .monospace; font-size: @baseFontSize - 2; color: @grayDark; - .border-radius(3px); + border-radius: 3px; } // Inline code @@ -35,7 +35,7 @@ pre { background-color: #f5f5f5; border: 1px solid #ccc; // IE8 fallback border: 1px solid rgba(0,0,0,.15); - .border-radius(4px); + border-radius: 4px; // Make prettyprint styles more spaced out for readability &.prettyprint { diff --git a/less/dropdowns.less b/less/dropdowns.less index ef3da396f7..e0baf42cb7 100644 --- a/less/dropdowns.less +++ b/less/dropdowns.less @@ -48,13 +48,9 @@ background-color: @dropdownBackground; border: 1px solid #ccc; // IE8 fallback border: 1px solid @dropdownBorder; - *border-right-width: 2px; - *border-bottom-width: 2px; - .border-radius(6px); + border-radius: 6px; .box-shadow(0 5px 10px rgba(0,0,0,.2)); - -webkit-background-clip: padding-box; - -moz-background-clip: padding; - background-clip: padding-box; + .background-clip(padding-box); // Aligns the dropdown menu to right &.pull-right { @@ -212,5 +208,5 @@ // --------- .typeahead { margin-top: 2px; // give it some space to breathe - .border-radius(4px); + border-radius: 4px; } diff --git a/less/forms.less b/less/forms.less index f02e36f30e..84d93842cc 100644 --- a/less/forms.less +++ b/less/forms.less @@ -85,7 +85,7 @@ input[type="color"], font-size: @baseFontSize; line-height: @baseLineHeight; color: @gray; - .border-radius(@inputBorderRadius); + border-radius: @inputBorderRadius; vertical-align: middle; } @@ -278,17 +278,17 @@ input[type="color"], padding-left: 14px; padding-right: 14px; // TODO: Resolve this override font-size: @fontSizeLarge; - .border-radius(@borderRadiusLarge); + border-radius: @borderRadiusLarge; } &.input-small { padding: @paddingSmall; font-size: @fontSizeSmall; - .border-radius(@borderRadiusSmall); + border-radius: @borderRadiusSmall; } &.input-mini { padding: @paddingMini; font-size: @fontSizeMini; - .border-radius(@borderRadiusSmall); + border-radius: @borderRadiusSmall; } } @@ -459,7 +459,7 @@ select:focus:required:invalid { margin: 0; // Prevent bottom margin from screwing up alignment in stacked forms font-size: @baseFontSize; vertical-align: top; - .border-radius(0 @inputBorderRadius @inputBorderRadius 0); + border-radius: 0 @inputBorderRadius @inputBorderRadius 0; // Make input on top when focused so blue border and shadow always show &:focus { z-index: 2; @@ -487,7 +487,7 @@ select:focus:required:invalid { .add-on, .btn { vertical-align: top; - .border-radius(0); + border-radius: 0; } .active { background-color: lighten(@green, 30); @@ -503,7 +503,7 @@ select:focus:required:invalid { .add-on:first-child, .btn:first-child { // FYI, `.btn:first-child` accounts for a button group that's prepended - .border-radius(@inputBorderRadius 0 0 @inputBorderRadius); + border-radius: @inputBorderRadius 0 0 @inputBorderRadius; } } @@ -511,9 +511,9 @@ select:focus:required:invalid { input, select, .uneditable-input { - .border-radius(@inputBorderRadius 0 0 @inputBorderRadius); + border-radius: @inputBorderRadius 0 0 @inputBorderRadius; + .btn-group .btn { - .border-radius(0 @inputBorderRadius @inputBorderRadius 0); + border-radius: 0 @inputBorderRadius @inputBorderRadius 0; } } .add-on, @@ -523,7 +523,7 @@ select:focus:required:invalid { } .add-on:last-child, .btn:last-child { - .border-radius(0 @inputBorderRadius @inputBorderRadius 0); + border-radius: 0 @inputBorderRadius @inputBorderRadius 0; } } @@ -532,20 +532,20 @@ select:focus:required:invalid { input, select, .uneditable-input { - .border-radius(0); + border-radius: 0; + .btn-group .btn { - .border-radius(0 @inputBorderRadius @inputBorderRadius 0); + border-radius: 0 @inputBorderRadius @inputBorderRadius 0; } } .add-on:first-child, .btn:first-child { margin-right: -1px; - .border-radius(@inputBorderRadius 0 0 @inputBorderRadius); + border-radius: @inputBorderRadius 0 0 @inputBorderRadius; } .add-on:last-child, .btn:last-child { margin-left: -1px; - .border-radius(0 @inputBorderRadius @inputBorderRadius 0); + border-radius: 0 @inputBorderRadius @inputBorderRadius 0; } .btn-group:first-child { margin-left: 0; @@ -562,27 +562,27 @@ input.search-query { padding-right: 14px; padding-right: 4px \9; padding-left: 14px; - padding-left: 4px \9; /* IE8 doesn't have border-radius, so don't indent the padding */ + padding-left: 4px \9; /* IE8 doesn't have border radius, so don't indent the padding */ margin-bottom: 0; // Remove the default margin on all inputs - .border-radius(15px); + border-radius: 15px; } /* Allow for input prepend/append in search forms */ .form-search .input-append .search-query, .form-search .input-prepend .search-query { - .border-radius(0); // Override due to specificity + border-radius: 0; // Override due to specificity } .form-search .input-append .search-query { - .border-radius(14px 0 0 14px); + border-radius: 14px 0 0 14px; } .form-search .input-append .btn { - .border-radius(0 14px 14px 0); + border-radius: 0 14px 14px 0; } .form-search .input-prepend .search-query { - .border-radius(0 14px 14px 0); + border-radius: 0 14px 14px 0; } .form-search .input-prepend .btn { - .border-radius(14px 0 0 14px); + border-radius: 14px 0 0 14px; } diff --git a/less/hero-unit.less b/less/hero-unit.less index 672b7d7c74..b55b0420a6 100644 --- a/less/hero-unit.less +++ b/less/hero-unit.less @@ -7,7 +7,7 @@ padding: 60px; margin-bottom: 30px; background-color: @heroUnitBackground; - .border-radius(6px); + border-radius: 6px; h1 { margin-bottom: 0; font-size: 60px; diff --git a/less/labels-badges.less b/less/labels-badges.less index 2f15fec05f..cd20bf93ec 100644 --- a/less/labels-badges.less +++ b/less/labels-badges.less @@ -18,11 +18,11 @@ // Set unique padding and border-radii .label { padding: 1px 4px 2px; - .border-radius(3px); + border-radius: 3px; } .badge { padding: 1px 9px 2px; - .border-radius(9px); + border-radius: 9px; } // Hover state, but only for links diff --git a/less/mixins.less b/less/mixins.less index ae03188e09..508a3c0f97 100644 --- a/less/mixins.less +++ b/less/mixins.less @@ -175,13 +175,6 @@ // CSS3 PROPERTIES // -------------------------------------------------- -// Border Radius -.border-radius(@radius) { - -webkit-border-radius: @radius; - -moz-border-radius: @radius; - border-radius: @radius; -} - // Single Corner Border Radius .border-top-left-radius(@radius) { -webkit-border-top-left-radius: @radius; @@ -290,7 +283,6 @@ } // Background clipping -// Heads up: FF 3.6 and under need "padding" instead of "padding-box" .background-clip(@clip) { -webkit-background-clip: @clip; -moz-background-clip: @clip; diff --git a/less/modals.less b/less/modals.less index 53f2bbba1c..6745d831d7 100644 --- a/less/modals.less +++ b/less/modals.less @@ -31,8 +31,7 @@ background-color: @white; border: 1px solid #999; border: 1px solid rgba(0,0,0,.3); - *border: 1px solid #999; /* IE6-7 */ - .border-radius(6px); + border-radius: 6px; .box-shadow(0 3px 7px rgba(0,0,0,0.3)); .background-clip(padding-box); &.fade { @@ -71,7 +70,7 @@ text-align: right; // right align buttons background-color: #f5f5f5; border-top: 1px solid #ddd; - .border-radius(0 0 6px 6px); + border-radius: 0 0 6px 6px; .box-shadow(inset 0 1px 0 @white); .clearfix(); // clear it in case folks use .pull-* classes on buttons diff --git a/less/navbar.less b/less/navbar.less index 7b6a87dd72..c048914464 100644 --- a/less/navbar.less +++ b/less/navbar.less @@ -14,7 +14,7 @@ color: @navbarText; #gradient > .vertical(@navbarBackgroundHighlight, @navbarBackground); border: 1px solid @navbarBorder; - .border-radius(4px); + border-radius: 4px; .box-shadow(0 1px 4px rgba(0,0,0,.065)); // Prevent floats from breaking the navbar @@ -131,7 +131,7 @@ margin-bottom: 0; padding: 4px 14px; #font > .sans-serif(13px, normal, 1); - .border-radius(15px); // redeclare because of specificity of the type attribute + border-radius: 15px; // redeclare because of specificity of the type attribute } } @@ -143,7 +143,7 @@ .navbar-static-top { position: static; margin-bottom: 0; // remove 18px margin for default navbar - .border-radius(0); + border-radius: 0; } @@ -162,7 +162,7 @@ border-width: 0 0 1px; padding-left: 0; padding-right: 0; - .border-radius(0); + border-radius: 0; } .navbar-fixed-bottom { border-width: 1px 0 0; @@ -258,7 +258,7 @@ width: 18px; height: 2px; background-color: #f5f5f5; - .border-radius(1px); + border-radius: 1px; .box-shadow(0 1px 0 rgba(0,0,0,.25)); } .btn-navbar .icon-bar + .icon-bar { @@ -347,7 +347,7 @@ right: 100%; margin-left: 0; margin-right: -1px; - .border-radius(6px 0 6px 6px); + border-radius: 6px 0 6px 6px; } } diff --git a/less/navs.less b/less/navs.less index 0836cd5120..841b773cec 100644 --- a/less/navs.less +++ b/less/navs.less @@ -114,7 +114,7 @@ padding-bottom: 8px; line-height: @baseLineHeight; border: 1px solid transparent; - .border-radius(4px 4px 0 0); + border-radius: 4px 4px 0 0; &:hover { border-color: @grayLighter @grayLighter #ddd; } @@ -139,7 +139,7 @@ padding-bottom: 8px; margin-top: 2px; margin-bottom: 2px; - .border-radius(5px); + border-radius: 5px; } // Active state @@ -168,7 +168,7 @@ } .nav-tabs.nav-stacked > li > a { border: 1px solid #ddd; - .border-radius(0); + border-radius: 0; } .nav-tabs.nav-stacked > li:first-child > a { .border-top-radius(4px); @@ -195,10 +195,10 @@ // --------- .nav-tabs .dropdown-menu { - .border-radius(0 0 6px 6px); // remove the top rounded corners here since there is a hard edge above the menu + border-radius: 0 0 6px 6px; // remove the top rounded corners here since there is a hard edge above the menu } .nav-pills .dropdown-menu { - .border-radius(6px); // make rounded corners match the pills + border-radius: 6px; // make rounded corners match the pills } // Default dropdown links @@ -303,7 +303,7 @@ margin-bottom: 0; } .tabs-below > .nav-tabs > li > a { - .border-radius(0 0 4px 4px); + border-radius: 0 0 4px 4px; &:hover { border-bottom-color: transparent; border-top-color: #ddd; @@ -337,7 +337,7 @@ } .tabs-left > .nav-tabs > li > a { margin-right: -1px; - .border-radius(4px 0 0 4px); + border-radius: 4px 0 0 4px; } .tabs-left > .nav-tabs > li > a:hover { border-color: @grayLighter #ddd @grayLighter @grayLighter; @@ -345,7 +345,6 @@ .tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover { border-color: #ddd transparent #ddd #ddd; - *border-right-color: @white; } // Tabs on the right @@ -356,7 +355,7 @@ } .tabs-right > .nav-tabs > li > a { margin-left: -1px; - .border-radius(0 4px 4px 0); + border-radius: 0 4px 4px 0; } .tabs-right > .nav-tabs > li > a:hover { border-color: @grayLighter @grayLighter @grayLighter #ddd; @@ -364,7 +363,6 @@ .tabs-right > .nav-tabs .active > a, .tabs-right > .nav-tabs .active > a:hover { border-color: #ddd #ddd #ddd transparent; - *border-left-color: @white; } diff --git a/less/pager.less b/less/pager.less index da24253672..809ed3a9ac 100644 --- a/less/pager.less +++ b/less/pager.less @@ -18,7 +18,7 @@ padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; - .border-radius(15px); + border-radius: 15px; } .pager li > a:hover { text-decoration: none; diff --git a/less/pagination.less b/less/pagination.less index b16c851861..ac70c85a97 100644 --- a/less/pagination.less +++ b/less/pagination.less @@ -14,7 +14,7 @@ margin-left: 0; margin-bottom: 0; // Visuals - .border-radius(@baseBorderRadius); + border-radius: @baseBorderRadius; .box-shadow(0 1px 2px rgba(0,0,0,.05)); } .pagination ul > li { diff --git a/less/popovers.less b/less/popovers.less index a4c4bb0e07..c4e84c0fd6 100644 --- a/less/popovers.less +++ b/less/popovers.less @@ -17,7 +17,7 @@ background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.2); - .border-radius(6px); + border-radius: 6px; .box-shadow(0 5px 10px rgba(0,0,0,.2)); // Offset the popover to account for the popover arrow @@ -36,7 +36,7 @@ line-height: 18px; background-color: @popoverTitleBackground; border-bottom: 1px solid darken(@popoverTitleBackground, 5%); - .border-radius(5px 5px 0 0); + border-radius: 5px 5px 0 0; } .popover-content { diff --git a/less/progress-bars.less b/less/progress-bars.less index 36744d89c7..f7305113e4 100644 --- a/less/progress-bars.less +++ b/less/progress-bars.less @@ -48,7 +48,7 @@ margin-bottom: @baseLineHeight; #gradient > .vertical(#f5f5f5, #f9f9f9); .box-shadow(inset 0 1px 2px rgba(0,0,0,.1)); - .border-radius(4px); + border-radius: 4px; } // Bar of progress diff --git a/less/responsive-navbar.less b/less/responsive-navbar.less index 5e423e9199..bbfe52c977 100644 --- a/less/responsive-navbar.less +++ b/less/responsive-navbar.less @@ -69,13 +69,13 @@ padding: 9px 15px; font-weight: bold; color: @navbarLinkColor; - .border-radius(3px); + border-radius: 3px; } // Buttons .nav-collapse .btn { padding: 4px 10px 4px; font-weight: normal; - .border-radius(4px); + border-radius: 4px; } .nav-collapse .dropdown-menu li + li a { margin-bottom: 2px; @@ -105,7 +105,7 @@ padding: 0; background-color: transparent; border: none; - .border-radius(0); + border-radius: 0; .box-shadow(none); } .nav-collapse .dropdown-menu:before, diff --git a/less/scaffolding.less b/less/scaffolding.less index 7a7496a64e..7c555ebfb2 100644 --- a/less/scaffolding.less +++ b/less/scaffolding.less @@ -34,7 +34,7 @@ a:hover { // Rounded corners .img-rounded { - .border-radius(6px); + border-radius: 6px; } // Add polaroid-esque trim @@ -48,5 +48,5 @@ a:hover { // Perfect circle .img-circle { - .border-radius(500px); // crank the border-radius so it works with most reasonably sized images + border-radius: 500px; // crank the border-radius so it works with most reasonably sized images } diff --git a/less/tables.less b/less/tables.less index bc3c52451d..ecf9536f6f 100644 --- a/less/tables.less +++ b/less/tables.less @@ -70,7 +70,7 @@ table { border: 1px solid @tableBorder; border-collapse: separate; // Done so we can round those corners! border-left: 0; - .border-radius(4px); + border-radius: 4px; th, td { border-left: 1px solid @tableBorder; @@ -104,7 +104,7 @@ table { thead:last-child tr:last-child th:first-child, tbody:last-child tr:last-child td:first-child, tfoot:last-child tr:last-child td:first-child { - .border-radius(0 0 0 4px); + border-radius: 0 0 0 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; diff --git a/less/thumbnails.less b/less/thumbnails.less index c520a05abc..c9b2b09da5 100644 --- a/less/thumbnails.less +++ b/less/thumbnails.less @@ -9,7 +9,7 @@ padding: 4px; line-height: @baseLineHeight; border: 1px solid #ddd; - .border-radius(4px); + border-radius: 4px; .box-shadow(0 1px 3px rgba(0,0,0,.055)); .transition(all .2s ease-in-out); } diff --git a/less/tooltip.less b/less/tooltip.less index fba1856f58..821325fac9 100644 --- a/less/tooltip.less +++ b/less/tooltip.less @@ -27,7 +27,7 @@ text-align: center; text-decoration: none; background-color: @tooltipBackground; - .border-radius(4px); + border-radius: 4px; } // Arrows diff --git a/less/wells.less b/less/wells.less index e4e0a9bebe..dc80db21a3 100644 --- a/less/wells.less +++ b/less/wells.less @@ -10,7 +10,7 @@ margin-bottom: 20px; background-color: @wellBackground; border: 1px solid darken(@wellBackground, 7%); - .border-radius(4px); + border-radius: 4px; .box-shadow(inset 0 1px 1px rgba(0,0,0,.05)); blockquote { border-color: #ddd; @@ -21,9 +21,9 @@ // Sizes .well-large { padding: 24px; - .border-radius(6px); + border-radius: 6px; } .well-small { padding: 9px; - .border-radius(3px); + border-radius: 3px; }