mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2026-03-13 10:22:08 +08:00
changed panels to cards
This commit is contained in:
Adam Bradley
@@ -1472,250 +1472,6 @@ a.list-item:hover, a.list-item:focus {
|
||||
transition: transform 200ms ease;
|
||||
}
|
||||
|
||||
/* line 7, ../../scss/ionic/structure/_panels.scss */
|
||||
.panel {
|
||||
margin-bottom: 20px;
|
||||
background-color: white;
|
||||
border: 1px solid transparent;
|
||||
border-radius: 2px;
|
||||
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
|
||||
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
|
||||
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
|
||||
/* line 16, ../../scss/ionic/structure/_panels.scss */
|
||||
.panel-body {
|
||||
padding: 15px;
|
||||
*zoom: 1;
|
||||
}
|
||||
/* line 41, ../../scss/ionic/_mixins.scss */
|
||||
.panel-body:before, .panel-body:after {
|
||||
display: table;
|
||||
content: "";
|
||||
line-height: 0;
|
||||
}
|
||||
/* line 48, ../../scss/ionic/_mixins.scss */
|
||||
.panel-body:after {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
/* line 28, ../../scss/ionic/structure/_panels.scss */
|
||||
.panel > .list-group {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
/* line 31, ../../scss/ionic/structure/_panels.scss */
|
||||
.panel > .list-group .list-group-item {
|
||||
border-width: 1px 0;
|
||||
}
|
||||
/* line 35, ../../scss/ionic/structure/_panels.scss */
|
||||
.panel > .list-group .list-group-item:first-child {
|
||||
-webkit-border-top-right-radius: 0;
|
||||
-moz-border-radius-topright: 0;
|
||||
border-top-right-radius: 0;
|
||||
-webkit-border-top-left-radius: 0;
|
||||
-moz-border-radius-topleft: 0;
|
||||
border-top-left-radius: 0;
|
||||
}
|
||||
/* line 39, ../../scss/ionic/structure/_panels.scss */
|
||||
.panel > .list-group .list-group-item:last-child {
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
/* line 47, ../../scss/ionic/structure/_panels.scss */
|
||||
.panel-heading + .list-group .list-group-item:first-child {
|
||||
border-top-width: 0;
|
||||
}
|
||||
|
||||
/* line 58, ../../scss/ionic/structure/_panels.scss */
|
||||
.panel {
|
||||
/*
|
||||
> .panel-body + .table {
|
||||
border-top: 1px solid @table-border-color;
|
||||
}
|
||||
*/
|
||||
}
|
||||
/* line 59, ../../scss/ionic/structure/_panels.scss */
|
||||
.panel > .table {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
/* line 71, ../../scss/ionic/structure/_panels.scss */
|
||||
.panel-heading {
|
||||
padding: 10px 15px;
|
||||
border-bottom: 1px solid transparent;
|
||||
-webkit-border-top-right-radius: 1px;
|
||||
-moz-border-radius-topright: 1px;
|
||||
border-top-right-radius: 1px;
|
||||
-webkit-border-top-left-radius: 1px;
|
||||
-moz-border-radius-topleft: 1px;
|
||||
border-top-left-radius: 1px;
|
||||
}
|
||||
|
||||
/* line 78, ../../scss/ionic/structure/_panels.scss */
|
||||
.panel-title {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
font-size: 16px;
|
||||
}
|
||||
/* line 82, ../../scss/ionic/structure/_panels.scss */
|
||||
.panel-title > a {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
/* line 88, ../../scss/ionic/structure/_panels.scss */
|
||||
.panel-footer {
|
||||
padding: 10px 15px;
|
||||
background-color: whitesmoke;
|
||||
border-top: 1px solid #dddddd;
|
||||
-webkit-border-bottom-right-radius: 1px;
|
||||
-moz-border-radius-bottomright: 1px;
|
||||
border-bottom-right-radius: 1px;
|
||||
-webkit-border-bottom-left-radius: 1px;
|
||||
-moz-border-radius-bottomleft: 1px;
|
||||
border-bottom-left-radius: 1px;
|
||||
}
|
||||
|
||||
/* line 103, ../../scss/ionic/structure/_panels.scss */
|
||||
.panel-group .panel {
|
||||
margin-bottom: 0;
|
||||
border-radius: 2px;
|
||||
overflow: hidden;
|
||||
}
|
||||
/* line 107, ../../scss/ionic/structure/_panels.scss */
|
||||
.panel-group .panel + .panel {
|
||||
margin-top: 5px;
|
||||
}
|
||||
/* line 112, ../../scss/ionic/structure/_panels.scss */
|
||||
.panel-group .panel-heading {
|
||||
border-bottom: 0;
|
||||
}
|
||||
/* line 114, ../../scss/ionic/structure/_panels.scss */
|
||||
.panel-group .panel-heading + .panel-collapse .panel-body {
|
||||
border-top: 1px solid #dddddd;
|
||||
}
|
||||
/* line 118, ../../scss/ionic/structure/_panels.scss */
|
||||
.panel-group .panel-footer {
|
||||
border-top: 0;
|
||||
}
|
||||
/* line 120, ../../scss/ionic/structure/_panels.scss */
|
||||
.panel-group .panel-footer + .panel-collapse .panel-body {
|
||||
border-bottom: 1px solid #dddddd;
|
||||
}
|
||||
|
||||
/* line 133, ../../scss/ionic/structure/_panels.scss */
|
||||
.panel-default {
|
||||
border-color: #dddddd;
|
||||
}
|
||||
/* line 745, ../../scss/ionic/_mixins.scss */
|
||||
.panel-default > .panel-heading {
|
||||
color: #333333;
|
||||
background-color: whitesmoke;
|
||||
border-color: #dddddd;
|
||||
}
|
||||
/* line 749, ../../scss/ionic/_mixins.scss */
|
||||
.panel-default > .panel-heading + .panel-collapse .panel-body {
|
||||
border-top-color: #dddddd;
|
||||
}
|
||||
/* line 754, ../../scss/ionic/_mixins.scss */
|
||||
.panel-default > .panel-footer + .panel-collapse .panel-body {
|
||||
border-bottom-color: #dddddd;
|
||||
}
|
||||
|
||||
/* line 136, ../../scss/ionic/structure/_panels.scss */
|
||||
.panel-primary {
|
||||
border-color: #428bca;
|
||||
}
|
||||
/* line 745, ../../scss/ionic/_mixins.scss */
|
||||
.panel-primary > .panel-heading {
|
||||
color: white;
|
||||
background-color: #428bca;
|
||||
border-color: #428bca;
|
||||
}
|
||||
/* line 749, ../../scss/ionic/_mixins.scss */
|
||||
.panel-primary > .panel-heading + .panel-collapse .panel-body {
|
||||
border-top-color: #428bca;
|
||||
}
|
||||
/* line 754, ../../scss/ionic/_mixins.scss */
|
||||
.panel-primary > .panel-footer + .panel-collapse .panel-body {
|
||||
border-bottom-color: #428bca;
|
||||
}
|
||||
|
||||
/* line 139, ../../scss/ionic/structure/_panels.scss */
|
||||
.panel-success {
|
||||
border-color: #5cb85c;
|
||||
}
|
||||
/* line 745, ../../scss/ionic/_mixins.scss */
|
||||
.panel-success > .panel-heading {
|
||||
color: white;
|
||||
background-color: #5cb85c;
|
||||
border-color: #5cb85c;
|
||||
}
|
||||
/* line 749, ../../scss/ionic/_mixins.scss */
|
||||
.panel-success > .panel-heading + .panel-collapse .panel-body {
|
||||
border-top-color: #5cb85c;
|
||||
}
|
||||
/* line 754, ../../scss/ionic/_mixins.scss */
|
||||
.panel-success > .panel-footer + .panel-collapse .panel-body {
|
||||
border-bottom-color: #5cb85c;
|
||||
}
|
||||
|
||||
/* line 142, ../../scss/ionic/structure/_panels.scss */
|
||||
.panel-warning {
|
||||
border-color: #f0ad4e;
|
||||
}
|
||||
/* line 745, ../../scss/ionic/_mixins.scss */
|
||||
.panel-warning > .panel-heading {
|
||||
color: white;
|
||||
background-color: #f0ad4e;
|
||||
border-color: #f0ad4e;
|
||||
}
|
||||
/* line 749, ../../scss/ionic/_mixins.scss */
|
||||
.panel-warning > .panel-heading + .panel-collapse .panel-body {
|
||||
border-top-color: #f0ad4e;
|
||||
}
|
||||
/* line 754, ../../scss/ionic/_mixins.scss */
|
||||
.panel-warning > .panel-footer + .panel-collapse .panel-body {
|
||||
border-bottom-color: #f0ad4e;
|
||||
}
|
||||
|
||||
/* line 145, ../../scss/ionic/structure/_panels.scss */
|
||||
.panel-danger {
|
||||
border-color: #d9534f;
|
||||
}
|
||||
/* line 745, ../../scss/ionic/_mixins.scss */
|
||||
.panel-danger > .panel-heading {
|
||||
color: white;
|
||||
background-color: #d9534f;
|
||||
border-color: #d9534f;
|
||||
}
|
||||
/* line 749, ../../scss/ionic/_mixins.scss */
|
||||
.panel-danger > .panel-heading + .panel-collapse .panel-body {
|
||||
border-top-color: #d9534f;
|
||||
}
|
||||
/* line 754, ../../scss/ionic/_mixins.scss */
|
||||
.panel-danger > .panel-footer + .panel-collapse .panel-body {
|
||||
border-bottom-color: #d9534f;
|
||||
}
|
||||
|
||||
/* line 148, ../../scss/ionic/structure/_panels.scss */
|
||||
.panel-info {
|
||||
border-color: #5bc0de;
|
||||
}
|
||||
/* line 745, ../../scss/ionic/_mixins.scss */
|
||||
.panel-info > .panel-heading {
|
||||
color: white;
|
||||
background-color: #5bc0de;
|
||||
border-color: #5bc0de;
|
||||
}
|
||||
/* line 749, ../../scss/ionic/_mixins.scss */
|
||||
.panel-info > .panel-heading + .panel-collapse .panel-body {
|
||||
border-top-color: #5bc0de;
|
||||
}
|
||||
/* line 754, ../../scss/ionic/_mixins.scss */
|
||||
.panel-info > .panel-footer + .panel-collapse .panel-body {
|
||||
border-bottom-color: #5bc0de;
|
||||
}
|
||||
|
||||
/* line 2, ../../scss/ionic/structure/_pull-to-refresh.scss */
|
||||
.ptr-capable {
|
||||
-webkit-user-drag: element;
|
||||
|
||||
@@ -1472,250 +1472,6 @@ a.list-item:hover, a.list-item:focus {
|
||||
transition: transform 200ms ease;
|
||||
}
|
||||
|
||||
/* line 7, ../../scss/ionic/structure/_panels.scss */
|
||||
.panel {
|
||||
margin-bottom: 20px;
|
||||
background-color: white;
|
||||
border: 1px solid transparent;
|
||||
border-radius: 2px;
|
||||
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
|
||||
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
|
||||
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
|
||||
/* line 16, ../../scss/ionic/structure/_panels.scss */
|
||||
.panel-body {
|
||||
padding: 15px;
|
||||
*zoom: 1;
|
||||
}
|
||||
/* line 41, ../../scss/ionic/_mixins.scss */
|
||||
.panel-body:before, .panel-body:after {
|
||||
display: table;
|
||||
content: "";
|
||||
line-height: 0;
|
||||
}
|
||||
/* line 48, ../../scss/ionic/_mixins.scss */
|
||||
.panel-body:after {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
/* line 28, ../../scss/ionic/structure/_panels.scss */
|
||||
.panel > .list-group {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
/* line 31, ../../scss/ionic/structure/_panels.scss */
|
||||
.panel > .list-group .list-group-item {
|
||||
border-width: 1px 0;
|
||||
}
|
||||
/* line 35, ../../scss/ionic/structure/_panels.scss */
|
||||
.panel > .list-group .list-group-item:first-child {
|
||||
-webkit-border-top-right-radius: 0;
|
||||
-moz-border-radius-topright: 0;
|
||||
border-top-right-radius: 0;
|
||||
-webkit-border-top-left-radius: 0;
|
||||
-moz-border-radius-topleft: 0;
|
||||
border-top-left-radius: 0;
|
||||
}
|
||||
/* line 39, ../../scss/ionic/structure/_panels.scss */
|
||||
.panel > .list-group .list-group-item:last-child {
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
/* line 47, ../../scss/ionic/structure/_panels.scss */
|
||||
.panel-heading + .list-group .list-group-item:first-child {
|
||||
border-top-width: 0;
|
||||
}
|
||||
|
||||
/* line 58, ../../scss/ionic/structure/_panels.scss */
|
||||
.panel {
|
||||
/*
|
||||
> .panel-body + .table {
|
||||
border-top: 1px solid @table-border-color;
|
||||
}
|
||||
*/
|
||||
}
|
||||
/* line 59, ../../scss/ionic/structure/_panels.scss */
|
||||
.panel > .table {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
/* line 71, ../../scss/ionic/structure/_panels.scss */
|
||||
.panel-heading {
|
||||
padding: 10px 15px;
|
||||
border-bottom: 1px solid transparent;
|
||||
-webkit-border-top-right-radius: 1px;
|
||||
-moz-border-radius-topright: 1px;
|
||||
border-top-right-radius: 1px;
|
||||
-webkit-border-top-left-radius: 1px;
|
||||
-moz-border-radius-topleft: 1px;
|
||||
border-top-left-radius: 1px;
|
||||
}
|
||||
|
||||
/* line 78, ../../scss/ionic/structure/_panels.scss */
|
||||
.panel-title {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
font-size: 16px;
|
||||
}
|
||||
/* line 82, ../../scss/ionic/structure/_panels.scss */
|
||||
.panel-title > a {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
/* line 88, ../../scss/ionic/structure/_panels.scss */
|
||||
.panel-footer {
|
||||
padding: 10px 15px;
|
||||
background-color: whitesmoke;
|
||||
border-top: 1px solid #dddddd;
|
||||
-webkit-border-bottom-right-radius: 1px;
|
||||
-moz-border-radius-bottomright: 1px;
|
||||
border-bottom-right-radius: 1px;
|
||||
-webkit-border-bottom-left-radius: 1px;
|
||||
-moz-border-radius-bottomleft: 1px;
|
||||
border-bottom-left-radius: 1px;
|
||||
}
|
||||
|
||||
/* line 103, ../../scss/ionic/structure/_panels.scss */
|
||||
.panel-group .panel {
|
||||
margin-bottom: 0;
|
||||
border-radius: 2px;
|
||||
overflow: hidden;
|
||||
}
|
||||
/* line 107, ../../scss/ionic/structure/_panels.scss */
|
||||
.panel-group .panel + .panel {
|
||||
margin-top: 5px;
|
||||
}
|
||||
/* line 112, ../../scss/ionic/structure/_panels.scss */
|
||||
.panel-group .panel-heading {
|
||||
border-bottom: 0;
|
||||
}
|
||||
/* line 114, ../../scss/ionic/structure/_panels.scss */
|
||||
.panel-group .panel-heading + .panel-collapse .panel-body {
|
||||
border-top: 1px solid #dddddd;
|
||||
}
|
||||
/* line 118, ../../scss/ionic/structure/_panels.scss */
|
||||
.panel-group .panel-footer {
|
||||
border-top: 0;
|
||||
}
|
||||
/* line 120, ../../scss/ionic/structure/_panels.scss */
|
||||
.panel-group .panel-footer + .panel-collapse .panel-body {
|
||||
border-bottom: 1px solid #dddddd;
|
||||
}
|
||||
|
||||
/* line 133, ../../scss/ionic/structure/_panels.scss */
|
||||
.panel-default {
|
||||
border-color: #dddddd;
|
||||
}
|
||||
/* line 745, ../../scss/ionic/_mixins.scss */
|
||||
.panel-default > .panel-heading {
|
||||
color: #333333;
|
||||
background-color: whitesmoke;
|
||||
border-color: #dddddd;
|
||||
}
|
||||
/* line 749, ../../scss/ionic/_mixins.scss */
|
||||
.panel-default > .panel-heading + .panel-collapse .panel-body {
|
||||
border-top-color: #dddddd;
|
||||
}
|
||||
/* line 754, ../../scss/ionic/_mixins.scss */
|
||||
.panel-default > .panel-footer + .panel-collapse .panel-body {
|
||||
border-bottom-color: #dddddd;
|
||||
}
|
||||
|
||||
/* line 136, ../../scss/ionic/structure/_panels.scss */
|
||||
.panel-primary {
|
||||
border-color: #428bca;
|
||||
}
|
||||
/* line 745, ../../scss/ionic/_mixins.scss */
|
||||
.panel-primary > .panel-heading {
|
||||
color: white;
|
||||
background-color: #428bca;
|
||||
border-color: #428bca;
|
||||
}
|
||||
/* line 749, ../../scss/ionic/_mixins.scss */
|
||||
.panel-primary > .panel-heading + .panel-collapse .panel-body {
|
||||
border-top-color: #428bca;
|
||||
}
|
||||
/* line 754, ../../scss/ionic/_mixins.scss */
|
||||
.panel-primary > .panel-footer + .panel-collapse .panel-body {
|
||||
border-bottom-color: #428bca;
|
||||
}
|
||||
|
||||
/* line 139, ../../scss/ionic/structure/_panels.scss */
|
||||
.panel-success {
|
||||
border-color: #5cb85c;
|
||||
}
|
||||
/* line 745, ../../scss/ionic/_mixins.scss */
|
||||
.panel-success > .panel-heading {
|
||||
color: white;
|
||||
background-color: #5cb85c;
|
||||
border-color: #5cb85c;
|
||||
}
|
||||
/* line 749, ../../scss/ionic/_mixins.scss */
|
||||
.panel-success > .panel-heading + .panel-collapse .panel-body {
|
||||
border-top-color: #5cb85c;
|
||||
}
|
||||
/* line 754, ../../scss/ionic/_mixins.scss */
|
||||
.panel-success > .panel-footer + .panel-collapse .panel-body {
|
||||
border-bottom-color: #5cb85c;
|
||||
}
|
||||
|
||||
/* line 142, ../../scss/ionic/structure/_panels.scss */
|
||||
.panel-warning {
|
||||
border-color: #f0ad4e;
|
||||
}
|
||||
/* line 745, ../../scss/ionic/_mixins.scss */
|
||||
.panel-warning > .panel-heading {
|
||||
color: white;
|
||||
background-color: #f0ad4e;
|
||||
border-color: #f0ad4e;
|
||||
}
|
||||
/* line 749, ../../scss/ionic/_mixins.scss */
|
||||
.panel-warning > .panel-heading + .panel-collapse .panel-body {
|
||||
border-top-color: #f0ad4e;
|
||||
}
|
||||
/* line 754, ../../scss/ionic/_mixins.scss */
|
||||
.panel-warning > .panel-footer + .panel-collapse .panel-body {
|
||||
border-bottom-color: #f0ad4e;
|
||||
}
|
||||
|
||||
/* line 145, ../../scss/ionic/structure/_panels.scss */
|
||||
.panel-danger {
|
||||
border-color: #d9534f;
|
||||
}
|
||||
/* line 745, ../../scss/ionic/_mixins.scss */
|
||||
.panel-danger > .panel-heading {
|
||||
color: white;
|
||||
background-color: #d9534f;
|
||||
border-color: #d9534f;
|
||||
}
|
||||
/* line 749, ../../scss/ionic/_mixins.scss */
|
||||
.panel-danger > .panel-heading + .panel-collapse .panel-body {
|
||||
border-top-color: #d9534f;
|
||||
}
|
||||
/* line 754, ../../scss/ionic/_mixins.scss */
|
||||
.panel-danger > .panel-footer + .panel-collapse .panel-body {
|
||||
border-bottom-color: #d9534f;
|
||||
}
|
||||
|
||||
/* line 148, ../../scss/ionic/structure/_panels.scss */
|
||||
.panel-info {
|
||||
border-color: #5bc0de;
|
||||
}
|
||||
/* line 745, ../../scss/ionic/_mixins.scss */
|
||||
.panel-info > .panel-heading {
|
||||
color: white;
|
||||
background-color: #5bc0de;
|
||||
border-color: #5bc0de;
|
||||
}
|
||||
/* line 749, ../../scss/ionic/_mixins.scss */
|
||||
.panel-info > .panel-heading + .panel-collapse .panel-body {
|
||||
border-top-color: #5bc0de;
|
||||
}
|
||||
/* line 754, ../../scss/ionic/_mixins.scss */
|
||||
.panel-info > .panel-footer + .panel-collapse .panel-body {
|
||||
border-bottom-color: #5bc0de;
|
||||
}
|
||||
|
||||
/* line 2, ../../scss/ionic/structure/_pull-to-refresh.scss */
|
||||
.ptr-capable {
|
||||
-webkit-user-drag: element;
|
||||
|
||||
Reference in New Issue
Block a user