mirror of
https://github.com/twbs/bootstrap.git
synced 2025-08-13 17:14:04 +02:00
use border-radius vars where possible
This commit is contained in:
30
docs/assets/css/bootstrap.css
vendored
30
docs/assets/css/bootstrap.css
vendored
@@ -3144,9 +3144,9 @@ button.close {
|
|||||||
.btn-large {
|
.btn-large {
|
||||||
padding: 11px 19px;
|
padding: 11px 19px;
|
||||||
font-size: 17.5px;
|
font-size: 17.5px;
|
||||||
-webkit-border-radius: 5px;
|
-webkit-border-radius: 6px;
|
||||||
-moz-border-radius: 5px;
|
-moz-border-radius: 6px;
|
||||||
border-radius: 5px;
|
border-radius: 6px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-large [class^="icon-"],
|
.btn-large [class^="icon-"],
|
||||||
@@ -4838,22 +4838,22 @@ input[type="submit"].btn.btn-mini {
|
|||||||
|
|
||||||
.pagination-large ul > li:first-child > a,
|
.pagination-large ul > li:first-child > a,
|
||||||
.pagination-large ul > li:first-child > span {
|
.pagination-large ul > li:first-child > span {
|
||||||
-webkit-border-bottom-left-radius: 5px;
|
-webkit-border-bottom-left-radius: 6px;
|
||||||
border-bottom-left-radius: 5px;
|
border-bottom-left-radius: 6px;
|
||||||
-webkit-border-top-left-radius: 5px;
|
-webkit-border-top-left-radius: 6px;
|
||||||
border-top-left-radius: 5px;
|
border-top-left-radius: 6px;
|
||||||
-moz-border-radius-bottomleft: 5px;
|
-moz-border-radius-bottomleft: 6px;
|
||||||
-moz-border-radius-topleft: 5px;
|
-moz-border-radius-topleft: 6px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pagination-large ul > li:last-child > a,
|
.pagination-large ul > li:last-child > a,
|
||||||
.pagination-large ul > li:last-child > span {
|
.pagination-large ul > li:last-child > span {
|
||||||
-webkit-border-top-right-radius: 5px;
|
-webkit-border-top-right-radius: 6px;
|
||||||
border-top-right-radius: 5px;
|
border-top-right-radius: 6px;
|
||||||
-webkit-border-bottom-right-radius: 5px;
|
-webkit-border-bottom-right-radius: 6px;
|
||||||
border-bottom-right-radius: 5px;
|
border-bottom-right-radius: 6px;
|
||||||
-moz-border-radius-topright: 5px;
|
-moz-border-radius-topright: 6px;
|
||||||
-moz-border-radius-bottomright: 5px;
|
-moz-border-radius-bottomright: 6px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pagination-mini ul > li:first-child > a,
|
.pagination-mini ul > li:first-child > a,
|
||||||
|
@@ -12,7 +12,7 @@
|
|||||||
.accordion-group {
|
.accordion-group {
|
||||||
margin-bottom: 2px;
|
margin-bottom: 2px;
|
||||||
border: 1px solid #e5e5e5;
|
border: 1px solid #e5e5e5;
|
||||||
.border-radius(4px);
|
.border-radius(@baseBorderRadius);
|
||||||
}
|
}
|
||||||
.accordion-heading {
|
.accordion-heading {
|
||||||
border-bottom: 0;
|
border-bottom: 0;
|
||||||
|
@@ -12,7 +12,7 @@
|
|||||||
text-shadow: 0 1px 0 rgba(255,255,255,.5);
|
text-shadow: 0 1px 0 rgba(255,255,255,.5);
|
||||||
background-color: @warningBackground;
|
background-color: @warningBackground;
|
||||||
border: 1px solid @warningBorder;
|
border: 1px solid @warningBorder;
|
||||||
.border-radius(4px);
|
.border-radius(@baseBorderRadius);
|
||||||
color: @warningText;
|
color: @warningText;
|
||||||
}
|
}
|
||||||
.alert h4 {
|
.alert h4 {
|
||||||
|
@@ -8,7 +8,7 @@
|
|||||||
margin: 0 0 @baseLineHeight;
|
margin: 0 0 @baseLineHeight;
|
||||||
list-style: none;
|
list-style: none;
|
||||||
background-color: #f5f5f5;
|
background-color: #f5f5f5;
|
||||||
.border-radius(4px);
|
.border-radius(@baseBorderRadius);
|
||||||
li {
|
li {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
.ie7-inline-block();
|
.ie7-inline-block();
|
||||||
|
@@ -22,7 +22,7 @@
|
|||||||
border: 1px solid @btnBorder;
|
border: 1px solid @btnBorder;
|
||||||
*border: 0; // Remove the border to prevent IE7's black border on input:focus
|
*border: 0; // Remove the border to prevent IE7's black border on input:focus
|
||||||
border-bottom-color: darken(@btnBorder, 10%);
|
border-bottom-color: darken(@btnBorder, 10%);
|
||||||
.border-radius(4px);
|
.border-radius(@baseBorderRadius);
|
||||||
.ie7-restore-left-whitespace(); // Give IE7 some love
|
.ie7-restore-left-whitespace(); // Give IE7 some love
|
||||||
.box-shadow(~"inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05)");
|
.box-shadow(~"inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05)");
|
||||||
|
|
||||||
|
@@ -35,7 +35,7 @@ pre {
|
|||||||
background-color: #f5f5f5;
|
background-color: #f5f5f5;
|
||||||
border: 1px solid #ccc; // fallback for IE7-8
|
border: 1px solid #ccc; // fallback for IE7-8
|
||||||
border: 1px solid rgba(0,0,0,.15);
|
border: 1px solid rgba(0,0,0,.15);
|
||||||
.border-radius(4px);
|
.border-radius(@baseBorderRadius);
|
||||||
|
|
||||||
// Make prettyprint styles more spaced out for readability
|
// Make prettyprint styles more spaced out for readability
|
||||||
&.prettyprint {
|
&.prettyprint {
|
||||||
|
@@ -234,5 +234,5 @@
|
|||||||
// ---------
|
// ---------
|
||||||
.typeahead {
|
.typeahead {
|
||||||
margin-top: 2px; // give it some space to breathe
|
margin-top: 2px; // give it some space to breathe
|
||||||
.border-radius(4px);
|
.border-radius(@baseBorderRadius);
|
||||||
}
|
}
|
||||||
|
@@ -25,7 +25,7 @@
|
|||||||
padding-right: 20px;
|
padding-right: 20px;
|
||||||
#gradient > .vertical(@navbarBackgroundHighlight, @navbarBackground);
|
#gradient > .vertical(@navbarBackgroundHighlight, @navbarBackground);
|
||||||
border: 1px solid @navbarBorder;
|
border: 1px solid @navbarBorder;
|
||||||
.border-radius(4px);
|
.border-radius(@baseBorderRadius);
|
||||||
.box-shadow(0 1px 4px rgba(0,0,0,.065));
|
.box-shadow(0 1px 4px rgba(0,0,0,.065));
|
||||||
|
|
||||||
// Prevent floats from breaking the navbar
|
// Prevent floats from breaking the navbar
|
||||||
|
@@ -48,7 +48,7 @@
|
|||||||
margin-bottom: @baseLineHeight;
|
margin-bottom: @baseLineHeight;
|
||||||
#gradient > .vertical(#f5f5f5, #f9f9f9);
|
#gradient > .vertical(#f5f5f5, #f9f9f9);
|
||||||
.box-shadow(inset 0 1px 2px rgba(0,0,0,.1));
|
.box-shadow(inset 0 1px 2px rgba(0,0,0,.1));
|
||||||
.border-radius(4px);
|
.border-radius(@baseBorderRadius);
|
||||||
}
|
}
|
||||||
|
|
||||||
// Bar of progress
|
// Bar of progress
|
||||||
|
@@ -75,7 +75,7 @@
|
|||||||
.nav-collapse .btn {
|
.nav-collapse .btn {
|
||||||
padding: 4px 10px 4px;
|
padding: 4px 10px 4px;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
.border-radius(4px);
|
.border-radius(@baseBorderRadius);
|
||||||
}
|
}
|
||||||
.nav-collapse .dropdown-menu li + li a {
|
.nav-collapse .dropdown-menu li + li a {
|
||||||
margin-bottom: 2px;
|
margin-bottom: 2px;
|
||||||
|
@@ -71,7 +71,7 @@ table {
|
|||||||
border-collapse: separate; // Done so we can round those corners!
|
border-collapse: separate; // Done so we can round those corners!
|
||||||
*border-collapse: collapse; // IE7 can't round corners anyway
|
*border-collapse: collapse; // IE7 can't round corners anyway
|
||||||
border-left: 0;
|
border-left: 0;
|
||||||
.border-radius(4px);
|
.border-radius(@baseBorderRadius);
|
||||||
th,
|
th,
|
||||||
td {
|
td {
|
||||||
border-left: 1px solid @tableBorder;
|
border-left: 1px solid @tableBorder;
|
||||||
|
@@ -29,7 +29,7 @@
|
|||||||
padding: 4px;
|
padding: 4px;
|
||||||
line-height: @baseLineHeight;
|
line-height: @baseLineHeight;
|
||||||
border: 1px solid #ddd;
|
border: 1px solid #ddd;
|
||||||
.border-radius(4px);
|
.border-radius(@baseBorderRadius);
|
||||||
.box-shadow(0 1px 3px rgba(0,0,0,.055));
|
.box-shadow(0 1px 3px rgba(0,0,0,.055));
|
||||||
.transition(all .2s ease-in-out);
|
.transition(all .2s ease-in-out);
|
||||||
}
|
}
|
||||||
|
@@ -27,7 +27,7 @@
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
background-color: @tooltipBackground;
|
background-color: @tooltipBackground;
|
||||||
.border-radius(4px);
|
.border-radius(@baseBorderRadius);
|
||||||
}
|
}
|
||||||
|
|
||||||
// Arrows
|
// Arrows
|
||||||
|
@@ -71,7 +71,7 @@
|
|||||||
@paddingMini: 1px 6px; // 24px
|
@paddingMini: 1px 6px; // 24px
|
||||||
|
|
||||||
@baseBorderRadius: 4px;
|
@baseBorderRadius: 4px;
|
||||||
@borderRadiusLarge: 5px;
|
@borderRadiusLarge: 6px;
|
||||||
@borderRadiusSmall: 3px;
|
@borderRadiusSmall: 3px;
|
||||||
|
|
||||||
|
|
||||||
|
@@ -10,7 +10,7 @@
|
|||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
background-color: @wellBackground;
|
background-color: @wellBackground;
|
||||||
border: 1px solid darken(@wellBackground, 7%);
|
border: 1px solid darken(@wellBackground, 7%);
|
||||||
.border-radius(4px);
|
.border-radius(@baseBorderRadius);
|
||||||
.box-shadow(inset 0 1px 1px rgba(0,0,0,.05));
|
.box-shadow(inset 0 1px 1px rgba(0,0,0,.05));
|
||||||
blockquote {
|
blockquote {
|
||||||
border-color: #ddd;
|
border-color: #ddd;
|
||||||
@@ -21,9 +21,9 @@
|
|||||||
// Sizes
|
// Sizes
|
||||||
.well-large {
|
.well-large {
|
||||||
padding: 24px;
|
padding: 24px;
|
||||||
.border-radius(6px);
|
.border-radius(@borderRadiusLarge);
|
||||||
}
|
}
|
||||||
.well-small {
|
.well-small {
|
||||||
padding: 9px;
|
padding: 9px;
|
||||||
.border-radius(3px);
|
.border-radius(@borderRadiusSmall);
|
||||||
}
|
}
|
||||||
|
Reference in New Issue
Block a user