mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-11-06 22:29:44 +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;
|
||||
|
||||
@ -13,13 +13,13 @@
|
||||
"ionic/structure/bar",
|
||||
"ionic/structure/button",
|
||||
"ionic/structure/button-group",
|
||||
"ionic/structure/card",
|
||||
"ionic/structure/form",
|
||||
"ionic/structure/grid",
|
||||
"ionic/structure/icon",
|
||||
"ionic/structure/img",
|
||||
"ionic/structure/listview",
|
||||
"ionic/structure/menu",
|
||||
"ionic/structure/panels",
|
||||
"ionic/structure/pull-to-refresh",
|
||||
"ionic/structure/table",
|
||||
"ionic/structure/tabs";
|
||||
|
||||
@ -12,6 +12,7 @@
|
||||
"ionic/theme/alerts",
|
||||
"ionic/theme/bar",
|
||||
"ionic/theme/button",
|
||||
"ionic/theme/card",
|
||||
"ionic/theme/icon",
|
||||
"ionic/theme/form",
|
||||
"ionic/theme/listview",
|
||||
|
||||
0
scss/ionic/structure/_card.scss
Normal file
0
scss/ionic/structure/_card.scss
Normal file
@ -1,150 +0,0 @@
|
||||
//
|
||||
// Panels
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
// Base class
|
||||
.panel {
|
||||
margin-bottom: $lineHeightComputed;
|
||||
background-color: $panelBg;
|
||||
border: 1px solid transparent;
|
||||
border-radius: $panelBorderRadius;
|
||||
@include box-shadow(#{0 1px 1px rgba(0,0,0,.05)});
|
||||
}
|
||||
|
||||
// Panel contents
|
||||
.panel-body {
|
||||
padding: 15px;
|
||||
@include clearfix();
|
||||
}
|
||||
|
||||
|
||||
// List groups in panels
|
||||
//
|
||||
// By default, space out list group content from panel headings to account for
|
||||
// any kind of custom content between the two.
|
||||
|
||||
.panel {
|
||||
> .list-group {
|
||||
margin-bottom: 0;
|
||||
|
||||
.list-group-item {
|
||||
border-width: 1px 0;
|
||||
|
||||
// Remove border radius for top one
|
||||
&:first-child {
|
||||
@include border-top-radius(0);
|
||||
}
|
||||
// But keep it for the last one
|
||||
&:last-child {
|
||||
border-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
// Collapse space between when there's no additional content.
|
||||
.panel-heading + .list-group {
|
||||
.list-group-item:first-child {
|
||||
border-top-width: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Tables in panels
|
||||
//
|
||||
// Place a non-bordered `.table` within a panel (not within a `.panel-body`) and
|
||||
// watch it go full width.
|
||||
|
||||
.panel {
|
||||
> .table {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
/*
|
||||
> .panel-body + .table {
|
||||
border-top: 1px solid @table-border-color;
|
||||
}
|
||||
*/
|
||||
}
|
||||
|
||||
|
||||
// Optional heading
|
||||
.panel-heading {
|
||||
padding: 10px 15px;
|
||||
border-bottom: 1px solid transparent;
|
||||
@include border-top-radius($panelBorderRadius - 1);
|
||||
}
|
||||
|
||||
// Within heading, strip any `h*` tag of it's default margins for spacing.
|
||||
.panel-title {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
font-size: ceil(($baseFontSize * 1.125));
|
||||
> a {
|
||||
color: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
// Optional footer (stays gray in every modifier class)
|
||||
.panel-footer {
|
||||
padding: 10px 15px;
|
||||
background-color: $panelFooterBg;
|
||||
border-top: 1px solid $panelInnerBorder;
|
||||
@include border-bottom-radius($panelBorderRadius - 1);
|
||||
}
|
||||
|
||||
|
||||
// Collapsable panels (aka, accordion)
|
||||
//
|
||||
// Wrap a series of panels in `.panel-group` to turn them into an accordion with
|
||||
// the help of our collapse JavaScript plugin.
|
||||
|
||||
.panel-group {
|
||||
// Tighten up margin so it's only between panels
|
||||
.panel {
|
||||
margin-bottom: 0;
|
||||
border-radius: $panelBorderRadius;
|
||||
overflow: hidden; // crop contents when collapsed
|
||||
+ .panel {
|
||||
margin-top: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.panel-heading {
|
||||
border-bottom: 0;
|
||||
+ .panel-collapse .panel-body {
|
||||
border-top: 1px solid $panelInnerBorder;
|
||||
}
|
||||
}
|
||||
.panel-footer {
|
||||
border-top: 0;
|
||||
+ .panel-collapse .panel-body {
|
||||
border-bottom: 1px solid $panelInnerBorder;
|
||||
}
|
||||
}
|
||||
|
||||
// New subcomponent for wrapping collapsable content for proper animations
|
||||
.panel-collapse {
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Contextual variations
|
||||
.panel-default {
|
||||
@include panel-variant($panelDefaultBorder, $panelDefaultText, $panelDefaultHeadingBg, $panelDefaultBorder);
|
||||
}
|
||||
.panel-primary {
|
||||
@include panel-variant($panelPrimaryBorder, $panelPrimaryText, $panelPrimaryHeadingBg, $panelPrimaryBorder);
|
||||
}
|
||||
.panel-success {
|
||||
@include panel-variant($panelSuccessBorder, $panelSuccessText, $panelSuccessHeadingBg, $panelSuccessBorder);
|
||||
}
|
||||
.panel-warning {
|
||||
@include panel-variant($panelWarningBorder, $panelWarningText, $panelWarningHeadingBg, $panelWarningBorder);
|
||||
}
|
||||
.panel-danger {
|
||||
@include panel-variant($panelDangerBorder, $panelDangerText, $panelDangerHeadingBg, $panelDangerBorder);
|
||||
}
|
||||
.panel-info {
|
||||
@include panel-variant($panelInfoBorder, $panelInfoText, $panelInfoHeadingBg, $panelInfoBorder);
|
||||
}
|
||||
0
scss/ionic/theme/_card.scss
Normal file
0
scss/ionic/theme/_card.scss
Normal file
Reference in New Issue
Block a user