Added properties for ".bordered". And added prefix
If you want to make your component bordered, you can add `.bordered` class name. === Added prefixes before `border-radius` for old browsers
This commit is contained in:
parent
88f03612b0
commit
48f1535ec1
12
css/skeleton.css
vendored
12
css/skeleton.css
vendored
@ -183,6 +183,8 @@ input[type="button"] {
|
|||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
|
-webkit-border-radius: 4px;
|
||||||
|
-moz-border-radius: 4px;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
border: 1px solid #bbb;
|
border: 1px solid #bbb;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
@ -238,6 +240,8 @@ select {
|
|||||||
padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
|
padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
border: 1px solid #D1D1D1;
|
border: 1px solid #D1D1D1;
|
||||||
|
-webkit-border-radius: 4px;
|
||||||
|
-moz-border-radius: 4px;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
box-sizing: border-box; }
|
box-sizing: border-box; }
|
||||||
@ -313,6 +317,8 @@ code {
|
|||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
background: #F1F1F1;
|
background: #F1F1F1;
|
||||||
border: 1px solid #E1E1E1;
|
border: 1px solid #E1E1E1;
|
||||||
|
-webkit-border-radius: 4px;
|
||||||
|
-moz-border-radius: 4px;
|
||||||
border-radius: 4px;}
|
border-radius: 4px;}
|
||||||
pre > code {
|
pre > code {
|
||||||
display: block;
|
display: block;
|
||||||
@ -391,6 +397,12 @@ hr {
|
|||||||
display: table;
|
display: table;
|
||||||
clear: both; }
|
clear: both; }
|
||||||
|
|
||||||
|
.bordered {
|
||||||
|
border: 1px solid #bbb;
|
||||||
|
-webkit-border-radius: 4px;
|
||||||
|
-moz-border-radius: 4px;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
/* Media Queries
|
/* Media Queries
|
||||||
–––––––––––––––––––––––––––––––––––––––––––––––––– */
|
–––––––––––––––––––––––––––––––––––––––––––––––––– */
|
||||||
|
Loading…
Reference in New Issue
Block a user