ply-css 1.7.0 → 1.7.1
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/PLY.md +1 -1
- package/README.md +1 -1
- package/dist/css/ply.css +0 -71
- package/dist/css/ply.min.css +1 -1
- package/dist/css/styles.css +0 -71
- package/dist/css/styles.min.css +1 -1
- package/llms-full.txt +1 -1
- package/package.json +1 -1
- package/ply-classes.json +1 -13
- package/src/scss/_ply.scss +0 -2
- package/src/scss/components/_rtl.scss +0 -11
- package/src/scss/components/_dropdown.scss +0 -68
package/llms-full.txt
CHANGED
|
@@ -35,7 +35,7 @@ SCSS source: `src/scss/components/_colors.scss` (full color palette), `_variable
|
|
|
35
35
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/ply-css@1/dist/css/ply.min.css">
|
|
36
36
|
```
|
|
37
37
|
|
|
38
|
-
Core bundle (no labels,
|
|
38
|
+
Core bundle (no labels, loaders, print):
|
|
39
39
|
|
|
40
40
|
```html
|
|
41
41
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/ply-css@1/dist/css/ply-core.min.css">
|
package/package.json
CHANGED
package/ply-classes.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"version": "1.7.
|
|
2
|
+
"version": "1.7.1",
|
|
3
3
|
"framework": "ply",
|
|
4
4
|
"totalClasses": 457,
|
|
5
5
|
"uniqueClasses": 457,
|
|
@@ -1949,18 +1949,6 @@
|
|
|
1949
1949
|
"category": "forms",
|
|
1950
1950
|
"description": "Autocomplete dropdown container for form inputs."
|
|
1951
1951
|
},
|
|
1952
|
-
"dropdown": {
|
|
1953
|
-
"category": "helpers",
|
|
1954
|
-
"description": "Positioned absolute dropdown panel. Appears below trigger element."
|
|
1955
|
-
},
|
|
1956
|
-
"caret": {
|
|
1957
|
-
"category": "helpers",
|
|
1958
|
-
"description": "Downward-pointing dropdown arrow indicator."
|
|
1959
|
-
},
|
|
1960
|
-
"caret-up": {
|
|
1961
|
-
"category": "helpers",
|
|
1962
|
-
"description": "Upward-pointing caret. Modifier on caret."
|
|
1963
|
-
},
|
|
1964
1952
|
"label": {
|
|
1965
1953
|
"category": "notifications",
|
|
1966
1954
|
"description": "Inline label/tag. Small, uppercase, bold text with background color."
|
package/src/scss/_ply.scss
CHANGED
|
@@ -73,17 +73,6 @@
|
|
|
73
73
|
padding-right: 0;
|
|
74
74
|
}
|
|
75
75
|
|
|
76
|
-
// Dropdown positioning
|
|
77
|
-
.dropdown-menu {
|
|
78
|
-
left: auto;
|
|
79
|
-
right: 0;
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
.dropdown-menu-right {
|
|
83
|
-
right: auto;
|
|
84
|
-
left: 0;
|
|
85
|
-
}
|
|
86
|
-
|
|
87
76
|
// Forms — search icon positioning, select arrow
|
|
88
77
|
.form select {
|
|
89
78
|
background-position: left 0.75em center;
|
|
@@ -1,68 +0,0 @@
|
|
|
1
|
-
@use "colors";
|
|
2
|
-
|
|
3
|
-
/* =Dropdown
|
|
4
|
-
-----------------------------------------------------------------------------*/
|
|
5
|
-
.dropdown {
|
|
6
|
-
display: none;
|
|
7
|
-
position: absolute;
|
|
8
|
-
z-index: 102;
|
|
9
|
-
top: 0;
|
|
10
|
-
right: 0;
|
|
11
|
-
width: 250px;
|
|
12
|
-
color: var(--ply-color-body, colors.$color-black);
|
|
13
|
-
background: var(--ply-bg-surface, colors.$color-white);
|
|
14
|
-
box-shadow: var(--ply-shadow-2, 0 1px 5px rgba(0, 0, 0, .3));
|
|
15
|
-
overflow: auto;
|
|
16
|
-
|
|
17
|
-
& section {
|
|
18
|
-
max-height: 250px;
|
|
19
|
-
overflow: auto;
|
|
20
|
-
padding: 20px;
|
|
21
|
-
}
|
|
22
|
-
& footer {
|
|
23
|
-
padding: 20px;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
}
|
|
27
|
-
ul.dropdown {
|
|
28
|
-
|
|
29
|
-
max-height: 300px;
|
|
30
|
-
list-style: none;
|
|
31
|
-
margin: 0;
|
|
32
|
-
line-height: 1.5;
|
|
33
|
-
font-size: 95%;
|
|
34
|
-
padding: 0;
|
|
35
|
-
|
|
36
|
-
& a {
|
|
37
|
-
display: block;
|
|
38
|
-
padding: 7px 15px;
|
|
39
|
-
text-decoration: none;
|
|
40
|
-
color: var(--ply-color-body, colors.$color-black);
|
|
41
|
-
&:hover {
|
|
42
|
-
background: var(--ply-bg-surface-alt, #eee);
|
|
43
|
-
}
|
|
44
|
-
&:focus-visible {
|
|
45
|
-
outline: 2px solid var(--ply-color-focus, #0f62fe);
|
|
46
|
-
outline-offset: 2px;
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
& li.divider {
|
|
51
|
-
border-bottom: 1px solid var(--ply-border-color, #e2e2e2);
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
}
|
|
55
|
-
.caret {
|
|
56
|
-
display: inline-block;
|
|
57
|
-
width: 0;
|
|
58
|
-
height: 0;
|
|
59
|
-
margin-left: .3em;
|
|
60
|
-
vertical-align: middle;
|
|
61
|
-
border-top: 5px solid;
|
|
62
|
-
border-right: 5px solid transparent;
|
|
63
|
-
border-left: 5px solid transparent;
|
|
64
|
-
&.caret-up {
|
|
65
|
-
border-top: 0;
|
|
66
|
-
border-bottom: 4px solid;
|
|
67
|
-
}
|
|
68
|
-
}
|