PluginProbe
Ultimate Store Kit – Store Builder Addons for Elementor, WooCommerce Store Builder, EDD Store Builder / 1.6.2
Ultimate Store Kit – Store Builder Addons for Elementor, WooCommerce Store Builder, EDD Store Builder v1.6.2
3.1.4 3.0.8 3.0.9 3.1.0 3.1.2 3.1.3 3.0.7 3.0.5 3.0.4 3.0.3 3.0.2 trunk 1.5.0 1.5.1 1.5.2 1.6.1 1.6.2 1.6.3 1.6.4 2.0.0 2.0.1 2.0.2 2.0.3 2.0.4 2.0.5 All 93 releases
ultimate-store-kit / assets / css / usk-product-list.css

usk-product-list.css in Ultimate Store Kit – Store Builder Addons for Elementor, WooCommerce Store Builder, EDD Store Builder 1.6.2, at assets/css/usk-product-list.css

108 lines 4.8 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 .ultimate-store-kit .usk-list-wrap {
2 display: grid;
3 grid-gap: 30px;
4 grid-template-columns: repeat(1, 1fr); }
5 .ultimate-store-kit .usk-list-wrap .usk-item {
6 border: 1px solid #dcd4d4;
7 padding: 5px;
8 border-radius: 8px;
9 position: relative; }
10 .ultimate-store-kit .usk-list-wrap .usk-item .usk-item-box {
11 display: flex;
12 align-items: center;
13 height: 100%; }
14 .ultimate-store-kit .usk-list-wrap .usk-item .usk-item-box .usk-image-wrap {
15 width: 100px;
16 height: 100%;
17 border-radius: 8px;
18 display: flex;
19 overflow: hidden; }
20 .ultimate-store-kit .usk-list-wrap .usk-item .usk-item-box .usk-image-wrap a img {
21 width: 100%;
22 height: 100%;
23 object-fit: cover; }
24 .ultimate-store-kit .usk-list-wrap .usk-item .usk-item-box .usk-content {
25 width: 100%;
26 padding: 10px; }
27 .ultimate-store-kit .usk-list-wrap .usk-item .usk-item-box .usk-content .usk-title .title {
28 font-weight: 700;
29 line-height: 1.4;
30 margin-bottom: 5px;
31 font-size: 12px;
32 color: #161616c7;
33 text-decoration: none;
34 transition: all 0.3s cubic-bezier(0.18, 0.43, 0.58, 1); }
35 .ultimate-store-kit .usk-list-wrap .usk-item .usk-item-box .usk-content .usk-rating {
36 margin-bottom: 8px; }
37 .ultimate-store-kit .usk-list-wrap .usk-item .usk-item-box .usk-content .usk-rating .woocommerce-review-link {
38 display: none; }
39 .ultimate-store-kit .usk-list-wrap .usk-item .usk-item-box .usk-content .usk-price {
40 color: #f06004;
41 font-weight: 500;
42 display: flex;
43 align-items: center;
44 font-size: 10px; }
45 .ultimate-store-kit .usk-list-wrap .usk-item .usk-item-box .usk-content .usk-price del {
46 color: #7e7777; }
47 .ultimate-store-kit .usk-list-wrap .usk-item .usk-item-box .usk-content .usk-price ins {
48 text-decoration: none;
49 padding-left: 10px; }
50 .ultimate-store-kit .usk-list-wrap .usk-item .usk-item-box .usk-badge-label-wrapper {
51 position: absolute;
52 top: 0;
53 right: 0;
54 display: flex;
55 align-items: center;
56 overflow: hidden;
57 visibility: hidden; }
58 @media screen and (min-width: 768px) {
59 .ultimate-store-kit .usk-list-wrap .usk-item .usk-item-box .usk-badge-label-wrapper {
60 visibility: visible; } }
61 .ultimate-store-kit .usk-list-wrap .usk-item .usk-item-box .usk-badge-label-wrapper .usk-badge-wrap {
62 margin-left: 10px; }
63 .ultimate-store-kit .usk-list-wrap .usk-item .usk-item-box .usk-badge-label-wrapper .usk-badge-wrap:nth-child(1) {
64 margin-left: 0; }
65 .ultimate-store-kit .usk-list-wrap .usk-item .usk-item-box .usk-badge-label-wrapper .usk-badge-wrap .usk-badge {
66 text-transform: capitalize;
67 font-weight: 500;
68 padding: 5px 8px;
69 border-radius: 2px;
70 font-size: 10px;
71 display: block; }
72 .ultimate-store-kit .usk-list-wrap .usk-item .usk-item-box .usk-badge-label-wrapper .usk-sale-badge .usk-badge {
73 background: #264653;
74 color: #fff; }
75 .ultimate-store-kit .usk-list-wrap .usk-item .usk-item-box .usk-badge-label-wrapper .usk-percantage-badge .usk-badge {
76 background: #f7996e;
77 color: #fff; }
78 .ultimate-store-kit .usk-list-wrap .usk-item .usk-item-box .usk-badge-label-wrapper .usk-stock-status-badge .usk-badge {
79 background: #712f79;
80 color: #fff; }
81 .ultimate-store-kit .usk-list-wrap .usk-item .usk-item-box .usk-badge-label-wrapper .usk-trending-badge .usk-badge {
82 background: #ff2e00;
83 color: #fff; }
84 .ultimate-store-kit .usk-list-wrap .usk-item .usk-item-box .usk-badge-label-wrapper .usk-new-badge .usk-badge {
85 background: #06d6a0;
86 color: #fff; }
87
88 @media (min-width: 1024px) {
89 .ultimate-store-kit-container {
90 padding-left: 40px;
91 padding-right: 40px; }
92 .ultimate-store-kit .usk-list-wrap .usk-item {
93 padding: 10px; }
94 .ultimate-store-kit .usk-list-wrap .usk-item .usk-item-box .usk-content {
95 padding: 20px; }
96 .ultimate-store-kit .usk-list-wrap .usk-item .usk-item-box .usk-content .usk-title {
97 outline: none; }
98 .ultimate-store-kit .usk-list-wrap .usk-item .usk-item-box .usk-content .usk-title .title {
99 font-weight: 700;
100 margin-bottom: 10px;
101 font-size: 16px; }
102 .ultimate-store-kit .usk-list-wrap .usk-item .usk-item-box .usk-content .usk-rating {
103 margin-bottom: 10px; }
104 .ultimate-store-kit .usk-list-wrap .usk-item .usk-item-box .usk-content .usk-price {
105 font-size: 12px; }
106 .ultimate-store-kit .usk-list-wrap .usk-item .usk-item-box .usk-image-wrap {
107 width: 170px; } }
108