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:
Dzhakhar Ukhaev 2016-12-15 11:12:11 +06:00 committed by GitHub
parent 88f03612b0
commit 48f1535ec1

12
css/skeleton.css vendored
View File

@ -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
*/ */