claritas-web-framework 8.3.1 → 8.3.2
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/index.css +1 -1
- package/dist/index.html +1 -1
- package/index.html +1 -16
- package/package.json +7 -7
- package/sass/_modules.scss +0 -1
- package/sass/modules/_button.scss +2 -6
- package/sass/modules/form/_switch.scss +0 -47
package/dist/index.html
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
<!doctype html><html lang="en"><head><meta charset="UTF-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge"/><meta name="viewport" content="width=device-width,initial-scale=1"/><title>Claritas Web Framework</title><script defer="defer" src="index.js"></script><link href="./index.css" rel="stylesheet"></head><body><div class="container"
|
|
1
|
+
<!doctype html><html lang="en"><head><meta charset="UTF-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge"/><meta name="viewport" content="width=device-width,initial-scale=1"/><title>Claritas Web Framework</title><script defer="defer" src="index.js"></script><link href="./index.css" rel="stylesheet"></head><body><div class="container"></div></body></html>
|
package/index.html
CHANGED
|
@@ -8,21 +8,6 @@
|
|
|
8
8
|
</head>
|
|
9
9
|
|
|
10
10
|
<body>
|
|
11
|
-
<div class="container">
|
|
12
|
-
<div class="grid">
|
|
13
|
-
<div class="col--tablet-4">
|
|
14
|
-
<div class="card">
|
|
15
|
-
<div class="card--body">Card</div>
|
|
16
|
-
</div>
|
|
17
|
-
</div>
|
|
18
|
-
<div class="col--8">
|
|
19
|
-
<div class="card">
|
|
20
|
-
<div class="card--body">
|
|
21
|
-
<button type="button" class="button button--danger">Click me</button>
|
|
22
|
-
</div>
|
|
23
|
-
</div>
|
|
24
|
-
</div>
|
|
25
|
-
</div>
|
|
26
|
-
</div>
|
|
11
|
+
<div class="container"></div>
|
|
27
12
|
</body>
|
|
28
13
|
</html>
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "claritas-web-framework",
|
|
3
|
-
"version": "8.3.
|
|
3
|
+
"version": "8.3.2",
|
|
4
4
|
"description": "The CSS framework built for Claritas front end.",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"scripts": {
|
|
@@ -19,15 +19,15 @@
|
|
|
19
19
|
"find-unused-sass-variables": "^6.0.0",
|
|
20
20
|
"html-webpack-plugin": "^5.6.3",
|
|
21
21
|
"mini-css-extract-plugin": "^2.9.2",
|
|
22
|
-
"prettier": "^3.
|
|
23
|
-
"sass-loader": "^16.0.
|
|
24
|
-
"webpack": "^5.
|
|
25
|
-
"webpack-cli": "^
|
|
26
|
-
"webpack-dev-server": "^5.
|
|
22
|
+
"prettier": "^3.5.0",
|
|
23
|
+
"sass-loader": "^16.0.4",
|
|
24
|
+
"webpack": "^5.97.1",
|
|
25
|
+
"webpack-cli": "^6.0.1",
|
|
26
|
+
"webpack-dev-server": "^5.2.0"
|
|
27
27
|
},
|
|
28
28
|
"dependencies": {
|
|
29
29
|
"modern-normalize": "^3.0.1",
|
|
30
30
|
"rfs": "^10.0.0",
|
|
31
|
-
"sass": "^1.
|
|
31
|
+
"sass": "^1.84.0"
|
|
32
32
|
}
|
|
33
33
|
}
|
package/sass/_modules.scss
CHANGED
|
@@ -107,8 +107,7 @@
|
|
|
107
107
|
}
|
|
108
108
|
}
|
|
109
109
|
|
|
110
|
-
&:hover
|
|
111
|
-
.button--switch + &:hover {
|
|
110
|
+
&:hover {
|
|
112
111
|
color: var(--button-hover-color);
|
|
113
112
|
background: var(--button-hover-background);
|
|
114
113
|
border-color: var(--button-hover-border-color);
|
|
@@ -116,8 +115,7 @@
|
|
|
116
115
|
text-decoration: var(--button-hover-text-decoration);
|
|
117
116
|
}
|
|
118
117
|
|
|
119
|
-
&:focus-visible
|
|
120
|
-
.button--switch:focus-visible + & {
|
|
118
|
+
&:focus-visible {
|
|
121
119
|
color: var(--button-focus-color);
|
|
122
120
|
background: var(--button-focus-background);
|
|
123
121
|
border-color: var(--button-focus-border-color);
|
|
@@ -125,8 +123,6 @@
|
|
|
125
123
|
z-index: 1;
|
|
126
124
|
}
|
|
127
125
|
|
|
128
|
-
.button--switch:checked + &,
|
|
129
|
-
:not(.button--switch) + &:active,
|
|
130
126
|
&:first-child:active,
|
|
131
127
|
&.active,
|
|
132
128
|
&.show {
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
@use "sass:color";
|
|
2
|
-
@use "./../../variables" as *;
|
|
3
|
-
@use "./../../mixins" as *;
|
|
4
|
-
|
|
5
|
-
.button--switch {
|
|
6
|
-
position: absolute;
|
|
7
|
-
clip: rect(0, 0, 0, 0);
|
|
8
|
-
pointer-events: none;
|
|
9
|
-
padding: 0;
|
|
10
|
-
height: 100%;
|
|
11
|
-
margin: 0 !important;
|
|
12
|
-
|
|
13
|
-
&[disabled],
|
|
14
|
-
&:disabled {
|
|
15
|
-
+ .button {
|
|
16
|
-
pointer-events: none;
|
|
17
|
-
filter: none;
|
|
18
|
-
opacity: 0.65;
|
|
19
|
-
}
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
.switches {
|
|
24
|
-
@include make-group-row;
|
|
25
|
-
|
|
26
|
-
&.switches--grouped {
|
|
27
|
-
gap: 0;
|
|
28
|
-
flex-wrap: nowrap;
|
|
29
|
-
|
|
30
|
-
& > .button {
|
|
31
|
-
&:not(:last-child) {
|
|
32
|
-
border-bottom-right-radius: 0;
|
|
33
|
-
border-top-right-radius: 0;
|
|
34
|
-
margin-right: -1px;
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
&:not(:nth-child(2)) {
|
|
38
|
-
border-bottom-left-radius: 0;
|
|
39
|
-
border-top-left-radius: 0;
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
&:last-child {
|
|
43
|
-
margin-right: 0;
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
}
|