nuudel-core 0.1.14 → 0.1.15
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.
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
//@import './palette';
|
|
2
|
+
|
|
3
|
+
$transparent: 'transparent';
|
|
4
|
+
$neutral: var(--neutral);
|
|
5
|
+
$facebook: var(--facebook);
|
|
6
|
+
$login: var(--login);
|
|
7
|
+
$primary: var(--primary);
|
|
8
|
+
$primary-light: var(--primary-light);
|
|
9
|
+
$secondary: var(--secondary);
|
|
10
|
+
$info: var(--info);
|
|
11
|
+
$danger: var(--danger);
|
|
12
|
+
$warning: var(--warning);
|
|
13
|
+
$success: var(--success);
|
|
14
|
+
$button: var(--button);
|
|
15
|
+
$link: var(--link);
|
|
16
|
+
$text: var(--text);
|
|
17
|
+
$text-dark: var(--text-dark);
|
|
18
|
+
$text-light: var(--text-light);
|
|
19
|
+
$background: var(--background);
|
|
20
|
+
$background-light: var(--background-light);
|
|
21
|
+
$background-dark: var(--background-dark);
|
|
22
|
+
$background-grey: var(--background-grey);
|
|
23
|
+
$border: var(--border);
|
|
24
|
+
$border-light: var(--border-light);
|
|
25
|
+
$input: var(--input);
|
|
26
|
+
$placeholder: var(--placeholder);
|
|
27
|
+
$navbar: var(--navbar);
|
|
28
|
+
$block: var(--block);
|
|
29
|
+
$icon: var(--icon);
|
|
30
|
+
$icon-light: var(--icon-light);
|
|
31
|
+
$shadow: var(--shadow);
|
|
32
|
+
$disabled: var(--disabled);
|
|
33
|
+
$inverse-bg: var(--inverse-bg);
|
|
34
|
+
$inverse-text: var(--inverse-text);
|
|
35
|
+
$loader: var(--loader);
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
// Энийг хэрэглээгүй
|
|
2
|
+
$brand: #f58c22 !default;
|
|
3
|
+
$brand-light: #42a5f5 !default;
|
|
4
|
+
$brand-dark: #2777f7 !default;
|
|
5
|
+
$accent: #d9534f !default;
|
|
6
|
+
$white: #ffffff !default;
|
|
7
|
+
$white-bright: #fafafa !default;
|
|
8
|
+
$white-light: #f8f9fc !default;
|
|
9
|
+
$black: #161616 !default;
|
|
10
|
+
$black-dark: #000000 !default;
|
|
11
|
+
$black-light: #1e1e1e !default;
|
|
12
|
+
$dark-black: #2d2d2d !default;
|
|
13
|
+
$dark: #333333 !default;
|
|
14
|
+
$gray: #777777 !default;
|
|
15
|
+
$gray-light: #cdcdcd !default;
|
|
16
|
+
$grey: #656565 !default;
|
|
17
|
+
$grey-light: #999999 !default;
|
|
18
|
+
$grey-bright: #e1e1e1 !default;
|
|
19
|
+
$grey-dark: #5c5c5c !default;
|
|
20
|
+
$red: #d9534f !default;
|
|
21
|
+
$orange: #ff8f00 !default;
|
|
22
|
+
$green: #60d517 !default;
|
|
23
|
+
$blue: #0091ea !default;
|
|
24
|
+
$pink: #d81b60 !default;
|
|
25
|
+
$yellow: #fdd835 !default;
|
|
26
|
+
$red-dark: #c62828 !default;
|
|
27
|
+
$orange-dark: #ff6f00 !default;
|
|
28
|
+
$green-dark: #00875a !default;
|
|
29
|
+
$blue-dark: #5e98d8 !default;
|
|
30
|
+
$pink-dark: #b4004e !default;
|
|
31
|
+
$yellow-dark: #ffa000 !default;
|
|
32
|
+
$neutral: rgba(255, 255, 255, 0.65) !default;
|
|
33
|
+
//*
|
|
34
|
+
:root {
|
|
35
|
+
$brand: #{$brand};
|
|
36
|
+
$brand-light: #{$brand-light};
|
|
37
|
+
$brand-dark: #{$brand-dark};
|
|
38
|
+
$accent: #{$accent};
|
|
39
|
+
$white: #{$white};
|
|
40
|
+
$white-bright: #{$white-bright};
|
|
41
|
+
$white-light: #{$white-light};
|
|
42
|
+
$black: #{$black};
|
|
43
|
+
$black-dark: #{$black-dark};
|
|
44
|
+
$black-light: #{$black-light};
|
|
45
|
+
$dark-black: #{$dark-black};
|
|
46
|
+
$dark: #{$dark};
|
|
47
|
+
$gray: #{$gray};
|
|
48
|
+
$gray-light: #{$gray-light};
|
|
49
|
+
$grey: #{$grey};
|
|
50
|
+
$grey-light: #{$grey-light};
|
|
51
|
+
$grey-bright: #{$grey-bright};
|
|
52
|
+
$grey-dark: #{$grey-dark};
|
|
53
|
+
$red: #{$red};
|
|
54
|
+
$orange: #{$orange};
|
|
55
|
+
$green: #{$green};
|
|
56
|
+
$blue: #{$blue};
|
|
57
|
+
$pink: #{$pink};
|
|
58
|
+
$yellow: #{$yellow};
|
|
59
|
+
$red-dark: #{$red-dark};
|
|
60
|
+
$orange-dark: #{$orange-dark};
|
|
61
|
+
$green-dark: #{$green-dark};
|
|
62
|
+
$blue-dark: #{$blue-dark};
|
|
63
|
+
$pink-dark: #{$pink-dark};
|
|
64
|
+
$yellow-dark: #{$yellow-dark};
|
|
65
|
+
$neutral: #{$neutral};
|
|
66
|
+
}
|
|
67
|
+
//*/
|
|
68
|
+
|
|
69
|
+
//:export { primary: $primary; }
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
$base: 14px;
|
|
2
|
+
|
|
3
|
+
$fontfamily: 'Montserrat'; //'open sans';
|
|
4
|
+
$font: $base;
|
|
5
|
+
$opacity: 0.6;
|
|
6
|
+
$border-radius: 4px;
|
|
7
|
+
$button-border-radius: 999;
|
|
8
|
+
$border-width: 1px;
|
|
9
|
+
$padding: 16px;
|
|
10
|
+
$padding-half: 8px;
|
|
11
|
+
$padding-small: 5px;
|
|
12
|
+
$margingbottom-small: 5px;
|
|
13
|
+
$margingbottom: 16px;
|
|
14
|
+
$margingbottom-big: 25px;
|
|
15
|
+
// typography
|
|
16
|
+
$h1: $base * 2.5;
|
|
17
|
+
// ~30
|
|
18
|
+
$h2: $base * 2.25;
|
|
19
|
+
// ~27
|
|
20
|
+
$h3: $base * 2;
|
|
21
|
+
// ~24
|
|
22
|
+
$h4: $base * 1.75;
|
|
23
|
+
// ~21
|
|
24
|
+
$h5: $base * 1.5;
|
|
25
|
+
// ~18
|
|
26
|
+
$h6: $base * 1.25;
|
|
27
|
+
// ~15
|
|
28
|
+
$big: $base + 2;
|
|
29
|
+
// ~14
|
|
30
|
+
$body: $base + 1;
|
|
31
|
+
// ~13
|
|
32
|
+
$small: $base * 0.85;
|
|
33
|
+
// ~10
|
|
34
|
+
// icons
|
|
35
|
+
$icon: $base;
|
|
36
|
+
$icon-normal: $base * 1.25;
|
|
37
|
+
$icon-medium: $base * 1.5;
|
|
38
|
+
$icon-large: $base * 1.75;
|
|
39
|
+
$icon-huge: $base * 3.5;
|
|
40
|
+
// button styles
|
|
41
|
+
$button-width: $base * 9;
|
|
42
|
+
$button-height: $base * 2.75;
|
|
43
|
+
$button-shadow-radius: 3;
|
|
44
|
+
// block styles
|
|
45
|
+
$block-shadow-opacity: 0.15;
|
|
46
|
+
$block-shadow-radius: 8;
|
|
47
|
+
$android-elevation: 1;
|
|
48
|
+
// card styles
|
|
49
|
+
$card-border-radius: $base * 0.4;
|
|
50
|
+
$card-border-width: $base * 0.05;
|
|
51
|
+
$card-width: width - $base * 2;
|
|
52
|
+
$card-margin-vertical: $base * 0.875;
|
|
53
|
+
$card-footer-horizontal: $base * 0.75;
|
|
54
|
+
$card-footer-vertical: $base * 0.75;
|
|
55
|
+
$card-avatar-width: $base * 2.5;
|
|
56
|
+
$card-avatar-height: $base * 2.5;
|
|
57
|
+
$card-avatar-radius: $base * 1.25;
|
|
58
|
+
$card-image-height: $base * 12.5;
|
|
59
|
+
$card-round: $base * 0.1875;
|
|
60
|
+
$card-rounded: $base * 0.5;
|
|
61
|
+
// input styles
|
|
62
|
+
$input-border-radius: $base * 0.5;
|
|
63
|
+
$input-border-width: $base * 0.05;
|
|
64
|
+
$input-height: $base * 2.75;
|
|
65
|
+
$input-horizontal: $base;
|
|
66
|
+
$input-vertical-text: 14;
|
|
67
|
+
$input-vertical-label: $base / 2;
|
|
68
|
+
$input-text: $base * 0.875;
|
|
69
|
+
$input-rounded: $base * 1.5;
|
|
70
|
+
// checkbox
|
|
71
|
+
$checkbox-width: 20;
|
|
72
|
+
$checkbox-height: 20;
|
|
73
|
+
// slider
|
|
74
|
+
$track-size: 4;
|
|
75
|
+
$thumb-size: 25;
|
|
76
|
+
// radio button
|
|
77
|
+
$radio-width: 24;
|
|
78
|
+
$radio-height: 24;
|
|
79
|
+
$radio-thickness: 2;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "nuudel-core",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.15",
|
|
4
4
|
"description": "Web components for react with material UI",
|
|
5
5
|
"main": "build/main/index.js",
|
|
6
6
|
"typings": "build/main/index.d.ts",
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
"build": "run-p build:*",
|
|
24
24
|
"build:main": "tsc -p tsconfig.json",
|
|
25
25
|
"build:module": "tsc -p tsconfig.module.json",
|
|
26
|
-
"postbuild": "cpy --cwd=src --parents '**/*.
|
|
26
|
+
"postbuild": "cpy --cwd=src --parents '**/*.scss' ../build/module/",
|
|
27
27
|
"fix": "run-s fix:*",
|
|
28
28
|
"fix:prettier": "prettier \"src/**/*.ts\" --write",
|
|
29
29
|
"fix:lint": "eslint src --ext .ts --fix",
|
|
@@ -97,7 +97,6 @@
|
|
|
97
97
|
"eslint-plugin-import": "^2.22.0",
|
|
98
98
|
"gh-pages": "^3.1.0",
|
|
99
99
|
"graphql-tag": "^2.12.6",
|
|
100
|
-
"mapbox-gl": "^2.6.1",
|
|
101
100
|
"next": "^11.1.3",
|
|
102
101
|
"node-sass": "^7.0.1",
|
|
103
102
|
"npm-run-all": "^4.1.5",
|
|
@@ -120,7 +119,6 @@
|
|
|
120
119
|
"@material-ui/icons": "^4.11.2",
|
|
121
120
|
"@material-ui/lab": "^4.0.0-alpha.60",
|
|
122
121
|
"graphql-tag": "^2.12.6",
|
|
123
|
-
"mapbox-gl": "^2.6.1",
|
|
124
122
|
"next": "^11.1.3",
|
|
125
123
|
"react": "*"
|
|
126
124
|
},
|