Mercurial > nebulaweb3

comparison default/assets/scss/components/_ecommerce.scss @ 0:1d038bc9b3d2 default tip

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Up:default
author Liny <dev@neowd.com>
date Sat, 31 May 2025 09:21:51 +0800
parents
children
comparison
equal deleted inserted replaced
-1:000000000000 0:1d038bc9b3d2
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 }