mirror of https://github.com/twbs/ratchet.git
Build mobile apps with simple HTML, CSS, and JS components.
http://goratchet.com/
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
41 lines
829 B
41 lines
829 B
11 years ago
|
//
|
||
|
// Cards
|
||
|
// --------------------------------------------------
|
||
|
|
||
|
.card {
|
||
|
width: auto;
|
||
|
overflow: hidden;
|
||
|
margin: $bar-side-spacing;
|
||
11 years ago
|
background-color: $card-bg;
|
||
11 years ago
|
border: $border-default;
|
||
|
border-radius: $border-radius;
|
||
11 years ago
|
|
||
|
p {
|
||
|
margin: inherit;
|
||
|
font-size: inherit;
|
||
|
color: inherit;
|
||
|
}
|
||
11 years ago
|
}
|
||
11 years ago
|
|
||
|
|
||
|
// Cards with table-views
|
||
|
// --------------------------------------------------
|
||
11 years ago
|
.card .table-view {
|
||
|
margin: 0;
|
||
|
border-top: 0;
|
||
|
border-bottom: 0;
|
||
11 years ago
|
|
||
|
// Rounding first divider on carded lists and remove border on the top
|
||
|
.table-view-divider:first-child {
|
||
|
top: 0;
|
||
|
border-radius: $border-radius $border-radius 0 0;
|
||
|
}
|
||
|
|
||
|
// Rounding last divider on carded table views
|
||
|
.table-view-divider:last-child {
|
||
|
border-radius: 0 0 $border-radius $border-radius;
|
||
|
}
|
||
11 years ago
|
}
|
||
11 years ago
|
.card .table-view li:last-child {
|
||
|
border: 0;
|
||
|
}
|