Skip to content

Instantly share code, notes, and snippets.

@MehulATL
Created May 12, 2015 19:57
Show Gist options
  • Save MehulATL/5d148091e6ff6c31e2b4 to your computer and use it in GitHub Desktop.
Save MehulATL/5d148091e6ff6c31e2b4 to your computer and use it in GitHub Desktop.
ionic cards css
.card, .list-inset {
overflow: hidden;
margin: 20px 10px;
border-radius: 2px;
background-color: #fff; }
.card {
padding-top: 1px;
padding-bottom: 1px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); }
.card .item {
border-left: 0;
border-right: 0; }
.card .item:first-child {
border-top: 0; }
.card .item:last-child {
border-bottom: 0; }
.padding .card, .padding .list-inset {
margin-left: 0;
margin-right: 0; }
.card .item:first-child, .list-inset .item:first-child, .padding > .list .item:first-child {
border-top-left-radius: 2px;
border-top-right-radius: 2px; }
.card .item:first-child .item-content, .list-inset .item:first-child .item-content, .padding > .list .item:first-child .item-content {
border-top-left-radius: 2px;
border-top-right-radius: 2px; }
.card .item:last-child, .list-inset .item:last-child, .padding > .list .item:last-child {
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px; }
.card .item:last-child .item-content, .list-inset .item:last-child .item-content, .padding > .list .item:last-child .item-content {
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px; }
.card .item:last-child, .list-inset .item:last-child {
margin-bottom: -1px; }
.card .item, .list-inset .item, .padding > .list .item, .padding-horizontal > .list .item {
margin-right: 0;
margin-left: 0; }
.card .item.item-input input, .list-inset .item.item-input input, .padding > .list .item.item-input input, .padding-horizontal > .list .item.item-input input {
padding-right: 44px; }
.padding-left > .list .item {
margin-left: 0; }
.padding-right > .list .item {
margin-right: 0; }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment