1 | @import "../node_modules/tinper-bee-core/scss/minxin-variables";
|
2 | @import "../node_modules/tinper-bee-core/scss/minxin-mixins";
|
3 |
|
4 | @import "../node_modules/bee-transition/src/Transition.scss";
|
5 |
|
6 |
|
7 | .u-panel{
|
8 | line-height: 1.57142857;
|
9 | color: $panel-default-color;
|
10 | position: relative;
|
11 | margin-bottom: 20px;
|
12 | -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);
|
13 | box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);
|
14 | background-color: $panel-bg-color;
|
15 | border: 1px solid transparent;
|
16 | border-radius: 4px;
|
17 | .u-panel-heading{
|
18 | border-top-left-radius: 3px;
|
19 | border-top-right-radius: 3px;
|
20 | position: relative;
|
21 | padding: $panel-header-padding;
|
22 | border-bottom: 1px solid transparent;
|
23 | }
|
24 | h4,h3{
|
25 | font-family: Roboto,sans-serif;
|
26 | font-weight: 400;
|
27 | line-height: 1.2;
|
28 | color: #424242;
|
29 | font-size: 18px;
|
30 | text-shadow: rgba(0,0,0,.15) 0 0 1px;
|
31 | }
|
32 | .u-panel-footer{
|
33 | padding: $panel-footer-padding;
|
34 | background-color: $panel-footer-bg-color;
|
35 | border-top: 1px solid $panel-inner-border-color;
|
36 | border-bottom-right-radius: 3px;
|
37 | border-bottom-left-radius: 3px;
|
38 | }
|
39 | .u-panel-title {
|
40 | margin-top: 0;
|
41 | margin-bottom: 0;
|
42 | display: block;
|
43 | font-size: 18px;
|
44 | color: #424242;
|
45 | .small{
|
46 | color:#757575;
|
47 | }
|
48 | }
|
49 | .u-panel-body {
|
50 | padding: $panel-body-padding;
|
51 | position: relative;
|
52 | }
|
53 |
|
54 | }
|
55 |
|
56 | .u-panel-default{
|
57 | border-color:$panel-inner-border-color;
|
58 | .u-panel-heading{
|
59 | background-color: $panel-header-bg-color;
|
60 | color: #333;
|
61 | }
|
62 | .u-panel-footer{
|
63 | border-top: 1px solid transparent;
|
64 | }
|
65 | }
|
66 |
|
67 | .u-panel-heading+.u-panel-body{
|
68 |
|
69 | }
|
70 | .u-panel-bordered{
|
71 | border-color: $panel-inner-border-color;
|
72 | .u-panel-heading{
|
73 | border-bottom: 1px solid $panel-inner-border-color;
|
74 | }
|
75 | .u-panel-footer{
|
76 | border-top: 1px solid $panel-inner-border-color;
|
77 | background-color: #fff;
|
78 | }
|
79 | }
|
80 | .u-panel>:not(.panel-loading):not(.collapsing){
|
81 | -webkit-transition: opacity .3s;
|
82 | -o-transition: opacity .3s;
|
83 | transition: opacity .3s;
|
84 | }
|
85 | .u-button-group-vertical>.u-button-group:after, .u-button-group-vertical>.u-button-group:before, .u-button-toolbar:after, .u-button-toolbar:before, .clearfix:after, .clearfix:before, .u-container-fluid:after, .container-fluid:before, .u-container:after, .u-container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .u-modal-footer:after, .u-modal-footer:before, .u-modal-header:after, .u-modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .u-panel-body:after, .u-panel-body:before, .row:after, .row:before{
|
86 | display: table;
|
87 | content: " ";
|
88 | }
|
89 | .u-panel-body .h1:first-child, .u-panel-body .h2:first-child, .u-panel-body .h3:first-child, .u-panel-body .h4:first-child, .u-panel-body .h5:first-child, .u-panel-body .h6:first-child, .u-panel-body h1:first-child, .u-panel-body h2:first-child, .u-panel-body h3:first-child, .u-panel-body h4:first-child, .u-panel-body h5:first-child, .u-panel-body h6:first-child{
|
90 | margin-top:0;
|
91 | }
|
92 | .u-panel-group {
|
93 | margin-bottom: 20px;
|
94 | .u-panel {
|
95 | margin-bottom: 0;
|
96 | border-radius: 4px;
|
97 | }
|
98 | .u-panel+.u-panel {
|
99 | margin-top: 5px;
|
100 | }
|
101 | .u-panel-heading {
|
102 | border-bottom: 0;
|
103 | cursor: pointer;
|
104 | }
|
105 | .u-panel-heading+.u-panel-collapse>.list-group, .u-panel-group .u-panel-heading+.u-panel-collapse>.u-panel-body {
|
106 | border-top: 1px solid $panel-inner-border-color;
|
107 | }
|
108 | }
|