browly-styles 1.0.1 → 1.0.3
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/LICENSE +21 -21
- package/README.md +2 -2
- package/dist/browly.css +1 -1
- package/package.json +42 -42
- package/scss/_base.scss +45 -45
- package/scss/_variables.scss +209 -209
- package/scss/components/_button.scss +35 -35
- package/scss/components/_chip.scss +34 -34
- package/scss/components/_dropdown.scss +52 -52
- package/scss/components/_footer.scss +122 -122
- package/scss/components/_group.scss +98 -98
- package/scss/components/_header.scss +35 -35
- package/scss/components/_icon.scss +278 -278
- package/scss/components/_input.scss +16 -16
- package/scss/components/_kebabmenu.scss +37 -37
- package/scss/components/_list.scss +49 -49
- package/scss/components/_oco-comment.scss +50 -50
- package/scss/components/_oco-group.scss +52 -52
- package/scss/components/_oco-tooltip.scss +90 -90
- package/scss/components/_select.scss +14 -14
- package/scss/components/_sidepanel.scss +78 -78
- package/scss/components/_starredmenu.scss +45 -45
- package/scss/components/_tabs.scss +52 -52
- package/scss/components/_tooltip.scss +43 -43
- package/scss/components/_utils.scss +623 -623
- package/scss/components/_viewlist.scss +105 -105
- package/scss/components/forms/_oco-checkbox.scss +80 -80
- package/scss/components/forms/_oco-radio.scss +75 -75
- package/scss/components/forms/_oco-select.scss +76 -76
- package/scss/components/forms/_oco-switch.scss +77 -77
- package/scss/components/forms/_oco-text-field.scss +250 -250
- package/scss/style.scss +40 -40
package/package.json
CHANGED
|
@@ -1,42 +1,42 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "browly-styles",
|
|
3
|
-
"repository": {
|
|
4
|
-
"type": "git",
|
|
5
|
-
"url": "https://github.com/Dagoranna/browly.git"
|
|
6
|
-
},
|
|
7
|
-
"version": "1.0.
|
|
8
|
-
"style": "dist/browly.css",
|
|
9
|
-
"sass": "scss/style.scss",
|
|
10
|
-
"exports": {
|
|
11
|
-
".": {
|
|
12
|
-
"style": "./dist/browly.css",
|
|
13
|
-
"default": "./dist/browly.css"
|
|
14
|
-
},
|
|
15
|
-
"./dist/*": "./dist/*",
|
|
16
|
-
"./scss/*": "./scss/*",
|
|
17
|
-
"./package.json": "./package.json"
|
|
18
|
-
},
|
|
19
|
-
"files": [
|
|
20
|
-
"scss",
|
|
21
|
-
"dist/browly.css"
|
|
22
|
-
],
|
|
23
|
-
"description": "Lightweight UI framework for browser extensions (Vite + SCSS).",
|
|
24
|
-
"scripts": {
|
|
25
|
-
"dev": "vite",
|
|
26
|
-
"build": "vite build",
|
|
27
|
-
"preview": "vite preview"
|
|
28
|
-
},
|
|
29
|
-
"license": "MIT",
|
|
30
|
-
"devDependencies": {
|
|
31
|
-
"autoprefixer": "^10.4.20",
|
|
32
|
-
"postcss": "^8.5.25",
|
|
33
|
-
"sass": "^1.80.4",
|
|
34
|
-
"vite": "^8.0.16"
|
|
35
|
-
},
|
|
36
|
-
"browserslist": [
|
|
37
|
-
"last 5 Chrome versions",
|
|
38
|
-
"last 5 Firefox versions",
|
|
39
|
-
"last 5 Opera versions",
|
|
40
|
-
"last 5 Edge versions"
|
|
41
|
-
]
|
|
42
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"name": "browly-styles",
|
|
3
|
+
"repository": {
|
|
4
|
+
"type": "git",
|
|
5
|
+
"url": "https://github.com/Dagoranna/browly.git"
|
|
6
|
+
},
|
|
7
|
+
"version": "1.0.3",
|
|
8
|
+
"style": "dist/browly.css",
|
|
9
|
+
"sass": "scss/style.scss",
|
|
10
|
+
"exports": {
|
|
11
|
+
".": {
|
|
12
|
+
"style": "./dist/browly.css",
|
|
13
|
+
"default": "./dist/browly.css"
|
|
14
|
+
},
|
|
15
|
+
"./dist/*": "./dist/*",
|
|
16
|
+
"./scss/*": "./scss/*",
|
|
17
|
+
"./package.json": "./package.json"
|
|
18
|
+
},
|
|
19
|
+
"files": [
|
|
20
|
+
"scss",
|
|
21
|
+
"dist/browly.css"
|
|
22
|
+
],
|
|
23
|
+
"description": "Lightweight UI framework for browser extensions (Vite + SCSS).",
|
|
24
|
+
"scripts": {
|
|
25
|
+
"dev": "vite",
|
|
26
|
+
"build": "vite build",
|
|
27
|
+
"preview": "vite preview"
|
|
28
|
+
},
|
|
29
|
+
"license": "MIT",
|
|
30
|
+
"devDependencies": {
|
|
31
|
+
"autoprefixer": "^10.4.20",
|
|
32
|
+
"postcss": "^8.5.25",
|
|
33
|
+
"sass": "^1.80.4",
|
|
34
|
+
"vite": "^8.0.16"
|
|
35
|
+
},
|
|
36
|
+
"browserslist": [
|
|
37
|
+
"last 5 Chrome versions",
|
|
38
|
+
"last 5 Firefox versions",
|
|
39
|
+
"last 5 Opera versions",
|
|
40
|
+
"last 5 Edge versions"
|
|
41
|
+
]
|
|
42
|
+
}
|
package/scss/_base.scss
CHANGED
|
@@ -1,46 +1,46 @@
|
|
|
1
|
-
@use "variables" as *;
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
* { box-sizing: border-box; }
|
|
5
|
-
|
|
6
|
-
html:focus-within { scroll-behavior: smooth; }
|
|
7
|
-
|
|
8
|
-
html,
|
|
9
|
-
/*body {
|
|
10
|
-
scrollbar-width: none;
|
|
11
|
-
}*/
|
|
12
|
-
|
|
13
|
-
button, input {
|
|
14
|
-
font: inherit;
|
|
15
|
-
border: none;
|
|
16
|
-
outline: none;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
body {
|
|
20
|
-
font-family: $font-family;
|
|
21
|
-
font-size: $font-size;
|
|
22
|
-
color: $color-text;
|
|
23
|
-
background-color: $color-bg;
|
|
24
|
-
margin: 0;
|
|
25
|
-
padding: 0;
|
|
26
|
-
line-height: 1.5;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
a {
|
|
30
|
-
color: $color-primary;
|
|
31
|
-
text-decoration: none;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
.body {
|
|
35
|
-
padding: 1rem;
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
.wrapper {
|
|
39
|
-
width: 530px;
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
.#{$prefix}-container {
|
|
43
|
-
max-width: 960px;
|
|
44
|
-
margin: 0 auto;
|
|
45
|
-
padding-bottom: 50px;
|
|
1
|
+
@use "variables" as *;
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
* { box-sizing: border-box; }
|
|
5
|
+
|
|
6
|
+
html:focus-within { scroll-behavior: smooth; }
|
|
7
|
+
|
|
8
|
+
html,
|
|
9
|
+
/*body {
|
|
10
|
+
scrollbar-width: none;
|
|
11
|
+
}*/
|
|
12
|
+
|
|
13
|
+
button, input {
|
|
14
|
+
font: inherit;
|
|
15
|
+
border: none;
|
|
16
|
+
outline: none;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
body {
|
|
20
|
+
font-family: $font-family;
|
|
21
|
+
font-size: $font-size;
|
|
22
|
+
color: $color-text;
|
|
23
|
+
background-color: $color-bg;
|
|
24
|
+
margin: 0;
|
|
25
|
+
padding: 0;
|
|
26
|
+
line-height: 1.5;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
a {
|
|
30
|
+
color: $color-primary;
|
|
31
|
+
text-decoration: none;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
.body {
|
|
35
|
+
padding: 1rem;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
.wrapper {
|
|
39
|
+
width: 530px;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
.#{$prefix}-container {
|
|
43
|
+
max-width: 960px;
|
|
44
|
+
margin: 0 auto;
|
|
45
|
+
padding-bottom: 50px;
|
|
46
46
|
}
|