@sparkle-learning/core 0.0.31 → 0.0.32
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/cjs/header-mobile-collapse_61.cjs.entry.js +6 -8
- package/dist/cjs/{icons-b8a2231a.js → icons-80d477f6.js} +0 -0
- package/dist/cjs/sparkle-code.cjs.entry.js +1 -1
- package/dist/cjs/sparkle-menu-collapsible.cjs.entry.js +1 -1
- package/dist/collection/components/layout/page/page.js +0 -2
- package/dist/collection/models/course.model.js +6 -0
- package/dist/esm/header-mobile-collapse_61.entry.js +6 -8
- package/dist/esm/{icons-5debfbaf.js → icons-61dec176.js} +0 -0
- package/dist/esm/sparkle-code.entry.js +1 -1
- package/dist/esm/sparkle-menu-collapsible.entry.js +1 -1
- package/dist/sparkle-core/{p-df0070c5.entry.js → p-0f899097.entry.js} +2 -2
- package/dist/sparkle-core/{p-82e98d07.entry.js → p-99b43ee1.entry.js} +1 -1
- package/dist/sparkle-core/{p-7c38a70b.js → p-9c1772c3.js} +0 -0
- package/dist/sparkle-core/{p-0146afa0.entry.js → p-e6b66cef.entry.js} +1 -1
- package/dist/sparkle-core/sparkle-core.esm.js +1 -1
- package/dist/types/models/course.model.d.ts +1 -8
- package/package.json +2 -2
- package/dist/node_modules/@sparkle-learning/components/dist/collection/components/button/button.css +0 -49
- package/dist/node_modules/@sparkle-learning/components/dist/collection/components/cards/card/card.css +0 -208
- package/dist/node_modules/@sparkle-learning/components/dist/collection/components/cards/cards.css +0 -31
- package/dist/node_modules/@sparkle-learning/components/dist/collection/components/code/code.css +0 -245
- package/dist/node_modules/@sparkle-learning/components/dist/collection/components/dropdown/dropdown.css +0 -115
- package/dist/node_modules/@sparkle-learning/components/dist/collection/components/header/header-mobile-collapse/header-mobile-collapse.css +0 -255
- package/dist/node_modules/@sparkle-learning/components/dist/collection/components/header/header.css +0 -232
- package/dist/node_modules/@sparkle-learning/components/dist/collection/components/menu/collapsible/collapsible.css +0 -3
- package/dist/node_modules/@sparkle-learning/components/dist/collection/components/menu/menu-toggle/menu-toggle.css +0 -25
- package/dist/node_modules/@sparkle-learning/components/dist/collection/components/menu/menu.css +0 -71
- package/dist/node_modules/@sparkle-learning/components/dist/collection/components/nav/nav.css +0 -194
- package/dist/node_modules/@sparkle-learning/components/dist/collection/components/notfound-page/notfound-page.css +0 -4
- package/dist/node_modules/@sparkle-learning/components/dist/collection/components/overlay/overlay.css +0 -67
- package/dist/node_modules/@sparkle-learning/components/dist/collection/components/page-footer/page-footer.css +0 -18
- package/dist/node_modules/@sparkle-learning/components/dist/collection/components/pagination/pagination.css +0 -89
- package/dist/node_modules/@sparkle-learning/components/dist/collection/components/select/select.css +0 -52
- package/dist/node_modules/@sparkle-learning/components/dist/collection/components/sidebar/sidebar.css +0 -98
- package/dist/node_modules/@sparkle-learning/components/dist/collection/components/sparkle-lower-content-nav/sparkle-lower-content-nav.css +0 -8
- package/dist/node_modules/@sparkle-learning/components/dist/collection/components/table-of-contents/table-of-contents.css +0 -37
- package/dist/node_modules/@sparkle-learning/components/dist/collection/components/tabs/tabs.css +0 -64
package/dist/node_modules/@sparkle-learning/components/dist/collection/components/select/select.css
DELETED
@@ -1,52 +0,0 @@
|
|
1
|
-
.Select {
|
2
|
-
cursor: pointer;
|
3
|
-
display: inline-block;
|
4
|
-
font-weight: 500;
|
5
|
-
}
|
6
|
-
|
7
|
-
.Select .Dropdown-button {
|
8
|
-
align-items: center;
|
9
|
-
border: solid 1px #dee3ea;
|
10
|
-
border-radius: 6px;
|
11
|
-
display: inline-flex;
|
12
|
-
justify-content: space-between;
|
13
|
-
min-width: 100px;
|
14
|
-
padding: 0.5em 1em;
|
15
|
-
}
|
16
|
-
|
17
|
-
.Select .Dropdown-panel {
|
18
|
-
padding: 0.5em 0;
|
19
|
-
}
|
20
|
-
|
21
|
-
.Select .Dropdown-arrow {
|
22
|
-
margin-left: 0.5em;
|
23
|
-
}
|
24
|
-
|
25
|
-
.Select-option {
|
26
|
-
--bg-alpha: 0;
|
27
|
-
background-color: rgba(0, 0, 0, var(--bg-alpha));
|
28
|
-
padding: 0.5em 1.5em;
|
29
|
-
}
|
30
|
-
|
31
|
-
.Select-option:focus {
|
32
|
-
--bg-alpha: 0.025;
|
33
|
-
outline: none;
|
34
|
-
}
|
35
|
-
|
36
|
-
.Select-option--selected {
|
37
|
-
--bg-alpha: 0.05;
|
38
|
-
}
|
39
|
-
|
40
|
-
.Select-option--selected:focus {
|
41
|
-
--bg-alpha: 0.075;
|
42
|
-
}
|
43
|
-
|
44
|
-
@media (hover: hover) {
|
45
|
-
.Select-option:hover {
|
46
|
-
--bg-alpha: 0.025;
|
47
|
-
}
|
48
|
-
|
49
|
-
.Select-option--selected:hover {
|
50
|
-
--bg-alpha: 0.075;
|
51
|
-
}
|
52
|
-
}
|
@@ -1,98 +0,0 @@
|
|
1
|
-
sparkle-sidebar {
|
2
|
-
--sparkle-spacing-size-lg: 1rem;
|
3
|
-
--sparkle-transition-med: 0.5s;
|
4
|
-
--sparkle-color-dark-lighter: 89, 109, 127;
|
5
|
-
--sparkle-font-size-md: 1.25rem;
|
6
|
-
--sparkle-spacing-size-none: 0;
|
7
|
-
--sparkle-spacing-size-xxxs: 0.0625rem;
|
8
|
-
--sparkle-color-light-base: 1197, 209, 218;
|
9
|
-
--sparkle-font-size-lg: 1.5rem;
|
10
|
-
--sparkle-color-dark-base: 55, 68, 79;
|
11
|
-
}
|
12
|
-
.sparkle-sidebar {
|
13
|
-
height: 100%;
|
14
|
-
max-width: 90%;
|
15
|
-
position: fixed;
|
16
|
-
top: 0;
|
17
|
-
bottom: 0;
|
18
|
-
overflow-x: hidden;
|
19
|
-
overflow-y: auto;
|
20
|
-
background-color: #fff;
|
21
|
-
padding: var(--sparkle-spacing-size-lg);
|
22
|
-
-webkit-transition: all var(--sparkle-transition-med) ease-in-out;
|
23
|
-
transition: all var(--sparkle-transition-med) ease-in-out;
|
24
|
-
}
|
25
|
-
.sparkle-sidebar.left {
|
26
|
-
border-right: var(--sparkle-spacing-size-xxxs) solid rgba(var(--sparkle-color-dark-lighter), 1);
|
27
|
-
}
|
28
|
-
.sparkle-sidebar.left.size-sm {
|
29
|
-
width: 16rem;
|
30
|
-
left: -16rem;
|
31
|
-
}
|
32
|
-
.sparkle-sidebar.left.size-md {
|
33
|
-
width: 22.5rem;
|
34
|
-
left: -22.5rem;
|
35
|
-
}
|
36
|
-
.sparkle-sidebar.left.size-lg {
|
37
|
-
width: 30rem;
|
38
|
-
left: -30rem;
|
39
|
-
}
|
40
|
-
.sparkle-sidebar.left.size-xl {
|
41
|
-
width: 45rem;
|
42
|
-
left: -45rem;
|
43
|
-
}
|
44
|
-
.sparkle-sidebar.left.show {
|
45
|
-
visibility: visible;
|
46
|
-
left: 0;
|
47
|
-
}
|
48
|
-
.sparkle-sidebar.right {
|
49
|
-
border-right: var(--sparkle-spacing-size-xxxs) solid rgba(var(--sparkle-color-dark-lighter), 1);
|
50
|
-
}
|
51
|
-
.sparkle-sidebar.right.size-sm {
|
52
|
-
width: 16rem;
|
53
|
-
right: -16rem;
|
54
|
-
}
|
55
|
-
.sparkle-sidebar.right.size-md {
|
56
|
-
width: 22.5rem;
|
57
|
-
right: -22.5rem;
|
58
|
-
}
|
59
|
-
.sparkle-sidebar.right.size-lg {
|
60
|
-
width: 30rem;
|
61
|
-
right: -30rem;
|
62
|
-
}
|
63
|
-
.sparkle-sidebar.right.size-xl {
|
64
|
-
width: 45rem;
|
65
|
-
right: -45rem;
|
66
|
-
}
|
67
|
-
.sparkle-sidebar.right.show {
|
68
|
-
visibility: visible;
|
69
|
-
right: 0;
|
70
|
-
}
|
71
|
-
.sparkle-sidebar .drawer-header {
|
72
|
-
display: -ms-flexbox;
|
73
|
-
display: flex;
|
74
|
-
-ms-flex-pack: justify;
|
75
|
-
justify-content: space-between;
|
76
|
-
-ms-flex-line-pack: center;
|
77
|
-
align-content: center;
|
78
|
-
border-bottom: var(--sparkle-spacing-size-xxxs) solid rgba(var(--sparkle-color-light-base), 1);
|
79
|
-
font-size: var(--sparkle-font-size-lg);
|
80
|
-
color: rgba(var(--sparkle-color-dark-base), 1);
|
81
|
-
}
|
82
|
-
.sparkle-sidebar .drawer-header .drawer-title {
|
83
|
-
line-height: 1;
|
84
|
-
}
|
85
|
-
.sparkle-sidebar .drawer-header .drawer-close .ks-button .button {
|
86
|
-
padding: var(--sparkle-spacing-size-none);
|
87
|
-
}
|
88
|
-
.sparkle-sidebar .drawer-header .drawer-close .ks-button .button .button-text {
|
89
|
-
display: -ms-inline-flexbox;
|
90
|
-
display: inline-flex;
|
91
|
-
}
|
92
|
-
.sparkle-sidebar .drawer-header .drawer-close .ks-button .button .icon {
|
93
|
-
font-size: var(--sparkle-font-size-md);
|
94
|
-
}
|
95
|
-
.sparkle-sidebar .drawer-body {
|
96
|
-
padding-top: var(--sparkle-spacing-size-lg);
|
97
|
-
padding-bottom: var(--sparkle-spacing-size-lg);
|
98
|
-
}
|
@@ -1,37 +0,0 @@
|
|
1
|
-
sparkle-table-of-contents {
|
2
|
-
display: block;
|
3
|
-
font-size: 13px;
|
4
|
-
margin-bottom: 2rem;
|
5
|
-
}
|
6
|
-
|
7
|
-
sparkle-table-of-contents .Nav-header {
|
8
|
-
color: var(--text-color--lighter);
|
9
|
-
font-size: 0.75em;
|
10
|
-
font-weight: 800;
|
11
|
-
letter-spacing: 1px;
|
12
|
-
text-transform: uppercase;
|
13
|
-
padding-left: 0;
|
14
|
-
}
|
15
|
-
|
16
|
-
sparkle-table-of-contents ul {
|
17
|
-
padding: 0;
|
18
|
-
list-style: none;
|
19
|
-
line-height: 1.23em;
|
20
|
-
}
|
21
|
-
|
22
|
-
sparkle-table-of-contents .Nav-link {
|
23
|
-
padding-left: 0;
|
24
|
-
margin-left: 0;
|
25
|
-
}
|
26
|
-
|
27
|
-
sparkle-table-of-contents a {
|
28
|
-
color: inherit;
|
29
|
-
display: inline-block;
|
30
|
-
transition: .2s color, .3s transform ease-out;
|
31
|
-
}
|
32
|
-
|
33
|
-
sparkle-table-of-contents .Nav-link.selected a {
|
34
|
-
color: var(--accent-color);
|
35
|
-
transform: translateX(2px);
|
36
|
-
}
|
37
|
-
|
package/dist/node_modules/@sparkle-learning/components/dist/collection/components/tabs/tabs.css
DELETED
@@ -1,64 +0,0 @@
|
|
1
|
-
.Tabs,
|
2
|
-
.Tabs-tab {
|
3
|
-
display: block;
|
4
|
-
}
|
5
|
-
|
6
|
-
.Tabs-tab:not([selected]) {
|
7
|
-
display: none;
|
8
|
-
}
|
9
|
-
|
10
|
-
.Tabs-header {
|
11
|
-
border-bottom: solid 1px rgba(0, 32, 88, 0.1);
|
12
|
-
white-space: nowrap;
|
13
|
-
}
|
14
|
-
|
15
|
-
.Tabs-button {
|
16
|
-
--bg-alpha: 0;
|
17
|
-
appearance: none;
|
18
|
-
background-color: rgba(0, 0, 0, var(--bg-alpha));
|
19
|
-
border: none;
|
20
|
-
color: var(--text-color--light);
|
21
|
-
cursor: pointer;
|
22
|
-
font-family: inherit;
|
23
|
-
font-size: 10px;
|
24
|
-
font-weight: 600;
|
25
|
-
letter-spacing: 0.04em;
|
26
|
-
padding: 1rem;
|
27
|
-
text-transform: uppercase;
|
28
|
-
transform: translateY(1px);
|
29
|
-
}
|
30
|
-
|
31
|
-
.Tabs-button:first-child {
|
32
|
-
border-top-left-radius: 6px;
|
33
|
-
}
|
34
|
-
|
35
|
-
.Tabs-button:last-child {
|
36
|
-
border-top-right-radius: 6px;
|
37
|
-
}
|
38
|
-
|
39
|
-
.Tabs-button:focus {
|
40
|
-
outline: none;
|
41
|
-
}
|
42
|
-
|
43
|
-
.Tabs-button:focus {
|
44
|
-
--bg-alpha: 0.015;
|
45
|
-
}
|
46
|
-
|
47
|
-
@media (hover: hover) {
|
48
|
-
.Tabs-button:hover {
|
49
|
-
--bg-alpha: 0.015;
|
50
|
-
}
|
51
|
-
}
|
52
|
-
|
53
|
-
.Tabs-button:active {
|
54
|
-
--bg-alpha: 0.03;
|
55
|
-
}
|
56
|
-
|
57
|
-
.Tabs-button.is-selected {
|
58
|
-
border-bottom: solid 1px currentColor;
|
59
|
-
color: var(--accent-color);
|
60
|
-
}
|
61
|
-
|
62
|
-
.Tabs-tab sparkle-code pre {
|
63
|
-
margin-top: 0;
|
64
|
-
}
|