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 | border-width: 0;
|
13 | -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);
|
14 | box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);
|
15 | background-color: $panel-bg-color;
|
16 | border: 1px solid transparent;
|
17 | border-radius: 4px;
|
18 | .u-panel-heading{
|
19 | border-top-left-radius: 3px;
|
20 | border-top-right-radius: 3px;
|
21 | position: relative;
|
22 | padding: $panel-header-padding;
|
23 | border-bottom: 1px solid transparent;
|
24 | }
|
25 | h4,h3{
|
26 | font-family: Roboto,sans-serif;
|
27 | font-weight: 400;
|
28 | line-height: 1.2;
|
29 | color: #424242;
|
30 | font-size: 18px;
|
31 | text-shadow: rgba(0,0,0,.15) 0 0 1px;
|
32 | }
|
33 | .u-panel-footer{
|
34 | padding: $panel-footer-padding;
|
35 | background-color: $panel-footer-bg-color;
|
36 | border-top: 1px solid $panel-inner-border-color;
|
37 | border-bottom-right-radius: 3px;
|
38 | border-bottom-left-radius: 3px;
|
39 | }
|
40 | .u-panel-title {
|
41 | margin-top: 0;
|
42 | margin-bottom: 0;
|
43 | display: block;
|
44 | font-size: 18px;
|
45 | color: #424242;
|
46 | .small{
|
47 | color:#757575;
|
48 | }
|
49 | }
|
50 | .u-panel-body {
|
51 | padding: $panel-body-padding;
|
52 | position: relative;
|
53 | }
|
54 |
|
55 | }
|
56 |
|
57 | .u-panel-default{
|
58 | border-color:$panel-inner-border-color;
|
59 | .u-panel-heading{
|
60 | background-color: $panel-header-bg-color;
|
61 | color: #333;
|
62 | }
|
63 | .u-panel-footer{
|
64 | border-top: 1px solid transparent;
|
65 | }
|
66 | }
|
67 |
|
68 | .u-panel-heading+.u-panel-body{
|
69 |
|
70 | }
|
71 | .u-panel-bordered{
|
72 | border-color: $panel-inner-border-color;
|
73 | .u-panel-heading{
|
74 | border-bottom: 1px solid $panel-inner-border-color;
|
75 | }
|
76 | .u-panel-footer{
|
77 | border-top: 1px solid $panel-inner-border-color;
|
78 | background-color: #fff;
|
79 | }
|
80 | }
|
81 | .u-panel>:not(.panel-loading):not(.collapsing){
|
82 | -webkit-transition: opacity .3s;
|
83 | -o-transition: opacity .3s;
|
84 | transition: opacity .3s;
|
85 | }
|
86 | .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{
|
87 | display: table;
|
88 | content: " ";
|
89 | }
|
90 | .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{
|
91 | margin-top:0;
|
92 | }
|
93 | .u-panel-group {
|
94 | margin-bottom: 20px;
|
95 | .u-panel {
|
96 | margin-bottom: 0;
|
97 | border-radius: 4px;
|
98 | }
|
99 | .u-panel+.u-panel {
|
100 | margin-top: 5px;
|
101 | }
|
102 | .u-panel-heading {
|
103 | border-bottom: 0;
|
104 | cursor: pointer;
|
105 | }
|
106 | .u-panel-heading+.u-panel-collapse>.list-group, .u-panel-group .u-panel-heading+.u-panel-collapse>.u-panel-body {
|
107 | border-top: 1px solid $panel-inner-border-color;
|
108 | }
|
109 | }
|