cleek 1.6.4 → 1.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cleek-styles/cleek-mixins.styl +83 -0
- package/dist/cleek.es.js +4 -3
- package/dist/cleek.umd.js +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
margin-x(margin)
|
|
2
|
+
margin-right margin
|
|
3
|
+
margin-left margin
|
|
4
|
+
margin-y(margin)
|
|
5
|
+
margin-top margin
|
|
6
|
+
margin-bottom margin
|
|
7
|
+
padding-x(padding)
|
|
8
|
+
padding-right padding
|
|
9
|
+
padding-left padding
|
|
10
|
+
padding-y(padding)
|
|
11
|
+
padding-top padding
|
|
12
|
+
padding-bottom padding
|
|
13
|
+
border-x(width, type, color)
|
|
14
|
+
border-left width type color
|
|
15
|
+
border-right width type color
|
|
16
|
+
border-y(width, type, color)
|
|
17
|
+
border-top width type color
|
|
18
|
+
border-bottom width type color
|
|
19
|
+
border-radius-left(radius)
|
|
20
|
+
border-top-left-radius radius
|
|
21
|
+
border-bottom-left-radius radius
|
|
22
|
+
border-radius-right(radius)
|
|
23
|
+
border-top-right-radius radius
|
|
24
|
+
border-bottom-right-radius radius
|
|
25
|
+
border-radius-top(radius)
|
|
26
|
+
border-top-left-radius radius
|
|
27
|
+
border-top-right-radius radius
|
|
28
|
+
border-radius-bottom(radius)
|
|
29
|
+
border-bottom-left-radius radius
|
|
30
|
+
border-bottom-right-radius radius
|
|
31
|
+
width-height(val)
|
|
32
|
+
width val
|
|
33
|
+
height val
|
|
34
|
+
min-max-width(val)
|
|
35
|
+
min-width val
|
|
36
|
+
max-width val
|
|
37
|
+
min-max-height(val)
|
|
38
|
+
min-height val
|
|
39
|
+
max-height val
|
|
40
|
+
margin-padding(val)
|
|
41
|
+
margin val
|
|
42
|
+
padding val
|
|
43
|
+
margin-padding-left(val)
|
|
44
|
+
margin-left val
|
|
45
|
+
padding-left val
|
|
46
|
+
margin-padding-right(val)
|
|
47
|
+
margin-right val
|
|
48
|
+
padding-right val
|
|
49
|
+
margin-padding-top(val)
|
|
50
|
+
margin-top val
|
|
51
|
+
padding-top val
|
|
52
|
+
margin-padding-bottom(val)
|
|
53
|
+
margin-bottom val
|
|
54
|
+
padding-bottom val
|
|
55
|
+
|
|
56
|
+
my-box-shadow(val = 0.05, color = black)
|
|
57
|
+
box-shadow 0 4px 20px 0 rgba(color, val)
|
|
58
|
+
// flex shortcuts
|
|
59
|
+
justify-align-center()
|
|
60
|
+
align-items center
|
|
61
|
+
justify-content center
|
|
62
|
+
flex-all-center()
|
|
63
|
+
display flex
|
|
64
|
+
justify-align-center()
|
|
65
|
+
inline-flex-all-center()
|
|
66
|
+
display inline-flex
|
|
67
|
+
justify-align-center()
|
|
68
|
+
|
|
69
|
+
//
|
|
70
|
+
//
|
|
71
|
+
//
|
|
72
|
+
//
|
|
73
|
+
//
|
|
74
|
+
// rs components
|
|
75
|
+
// rs-components-basic-input(heightDiference = 2px)
|
|
76
|
+
// width 100%
|
|
77
|
+
// border rsComponentsBorder
|
|
78
|
+
// border-radius rsComponentsBorderRadius
|
|
79
|
+
// min-height rsComponentsHeight + heightDiference
|
|
80
|
+
// background-color white
|
|
81
|
+
// &:focus-within
|
|
82
|
+
// border-color $primary
|
|
83
|
+
// my-box-shadow()
|
package/dist/cleek.es.js
CHANGED
|
@@ -11423,6 +11423,7 @@ const _sfc_main$e = {
|
|
|
11423
11423
|
height: { type: String, default: "" },
|
|
11424
11424
|
zoom: { type: Boolean, default: false },
|
|
11425
11425
|
zoomTitle: { type: String, default: "" },
|
|
11426
|
+
hasBorder: { type: Boolean, default: false },
|
|
11426
11427
|
radius: { type: String, default: "" },
|
|
11427
11428
|
borderColor: { type: String, default: "" }
|
|
11428
11429
|
},
|
|
@@ -11440,7 +11441,7 @@ const _sfc_main$e = {
|
|
|
11440
11441
|
}
|
|
11441
11442
|
if (size)
|
|
11442
11443
|
classList2.push(`ck-img__size--${size}`);
|
|
11443
|
-
if (this.
|
|
11444
|
+
if (this.hasBorder) {
|
|
11444
11445
|
classList2.push("ck-img__has-border");
|
|
11445
11446
|
if (functions$1.isColorTemplateVariable(this.realBorderColor)) {
|
|
11446
11447
|
classList2.push(`ck-component__border-color--${this.realBorderColor}`);
|
|
@@ -11458,7 +11459,7 @@ const _sfc_main$e = {
|
|
|
11458
11459
|
}
|
|
11459
11460
|
if (this.radius)
|
|
11460
11461
|
styleList.push({ "border-radius": this.radius });
|
|
11461
|
-
if (this.
|
|
11462
|
+
if (this.hasBorder) {
|
|
11462
11463
|
if (!functions$1.isColorTemplateVariable(this.realBorderColor)) {
|
|
11463
11464
|
styleList.push({ "border-color": this.realBorderColor });
|
|
11464
11465
|
}
|
|
@@ -11496,7 +11497,7 @@ const _sfc_main$e = {
|
|
|
11496
11497
|
}
|
|
11497
11498
|
}
|
|
11498
11499
|
};
|
|
11499
|
-
var ckImg = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", render$f], ["__scopeId", "data-v-
|
|
11500
|
+
var ckImg = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", render$f], ["__scopeId", "data-v-38b603bf"]]);
|
|
11500
11501
|
const _hoisted_1$b = ["for"];
|
|
11501
11502
|
function render$e(_ctx, _cache, $props, $setup, $data, $options) {
|
|
11502
11503
|
return openBlock(), createElementBlock("label", {
|