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
// |
|
// Cards |
|
// -------------------------------------------------- |
|
|
|
.card { |
|
width: auto; |
|
overflow: hidden; |
|
margin: $bar-side-spacing; |
|
background-color: $card-bg; |
|
border: $border-default; |
|
border-radius: $border-radius; |
|
|
|
p { |
|
margin: inherit; |
|
font-size: inherit; |
|
color: inherit; |
|
} |
|
} |
|
|
|
|
|
// Cards with table-views |
|
// -------------------------------------------------- |
|
.card .table-view { |
|
margin: 0; |
|
border-top: 0; |
|
border-bottom: 0; |
|
|
|
// 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; |
|
} |
|
} |
|
.card .table-view li:last-child { |
|
border: 0; |
|
} |