|
0
|
1 // main: ../style.scss
|
|
|
2 /********************************
|
|
|
3 *********************************
|
|
|
4 E-Commerce Products
|
|
|
5 *********************************
|
|
|
6 *********************************/
|
|
|
7 .ecommerce-products {
|
|
|
8
|
|
|
9 li {
|
|
|
10 margin-bottom: em(30);
|
|
|
11 &:nth-child(3n+1) {
|
|
|
12 clear: both;
|
|
|
13 }
|
|
|
14 @media (max-width: 991px) {
|
|
|
15 &:nth-child(3n+1) {
|
|
|
16 clear: none;
|
|
|
17 }
|
|
|
18 &:nth-child(odd) {
|
|
|
19 clear: both;
|
|
|
20 }
|
|
|
21 }
|
|
|
22 }
|
|
|
23
|
|
|
24 .card {
|
|
|
25 transition: all .2s;
|
|
|
26
|
|
|
27 &:hover {
|
|
|
28 box-shadow: 0px 0px 20px rgba(0,0,0,.2);
|
|
|
29 transform: scale(1.01);
|
|
|
30 }
|
|
|
31
|
|
|
32 .card-header {
|
|
|
33 position: relative;
|
|
|
34 .triangle-top-right {
|
|
|
35 position: absolute;
|
|
|
36 display: inline-block;
|
|
|
37 width: 0;
|
|
|
38 height: 0;
|
|
|
39 top: 0;
|
|
|
40 right: 0;
|
|
|
41 border-style: solid;
|
|
|
42 border-width: 0 80px 80px 0;
|
|
|
43 border-color: transparent $color-scheme transparent transparent;
|
|
|
44
|
|
|
45 &::after {
|
|
|
46 content: "\e925";
|
|
|
47 font-family: "feather";
|
|
|
48 color: #fff;
|
|
|
49 font-size: em(20);
|
|
|
50 position: absolute;
|
|
|
51 left: em(45,20);
|
|
|
52 top: em(10,20);
|
|
|
53 }
|
|
|
54 }
|
|
|
55 }
|
|
|
56 .card-footer {
|
|
|
57 border-color: $theme-border-color;
|
|
|
58 background: none;
|
|
|
59 div {
|
|
|
60 border-right: 1px solid $theme-border-color;
|
|
|
61 &:last-child { border: none; }
|
|
|
62 a { color: $text-muted; }
|
|
|
63 &:hover {
|
|
|
64 a { color: $color-scheme; }
|
|
|
65 }
|
|
|
66
|
|
|
67 }
|
|
|
68 }
|
|
|
69 }
|
|
|
70
|
|
|
71 body.rtl & {
|
|
|
72 .card .card-footer div {
|
|
|
73 border-right: 0;
|
|
|
74 border-left: 1px solid $theme-border-color;
|
|
|
75 &:last-child { border: none; }
|
|
|
76 }
|
|
|
77 }
|
|
|
78 }
|
|
|
79
|
|
|
80 .invoice-sum {
|
|
|
81 li {
|
|
|
82 background: rgba(0,0,0,.05);
|
|
|
83 margin-bottom: em(2);
|
|
|
84 padding: em(5) em(10);
|
|
|
85 }
|
|
|
86 }
|
