@spark-hire/bootstrap-themes 0.4.7 → 0.4.8
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/config/webpack.config.js +20 -20
- package/css/dark.css +1 -1
- package/css/dark.map +1 -1
- package/css/light.css +1 -1
- package/css/light.map +1 -1
- package/html/dark.html +1437 -1437
- package/html/light.html +1437 -1437
- package/package.json +29 -29
- package/project.sublime-project +9 -9
- package/scripts/build.js +43 -43
- package/scss/_global_variables.scss +34 -34
- package/scss/buttons.scss +7 -2
- package/scss/dark/_variables.scss +79 -79
- package/scss/dark/scrollbar.scss +28 -28
- package/scss/dark/theme.scss +25 -25
- package/scss/fonts.scss +10 -10
- package/scss/light/_variables.scss +19 -19
- package/scss/light/scrollbar.scss +28 -28
- package/scss/light/theme.scss +7 -7
- package/scss/shared.scss +2 -2
package/package.json
CHANGED
|
@@ -1,29 +1,29 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "@spark-hire/bootstrap-themes",
|
|
3
|
-
"version": "0.4.
|
|
4
|
-
"description": "Custom Bootstrap 4 Themes",
|
|
5
|
-
"repository": {
|
|
6
|
-
"type": "git",
|
|
7
|
-
"url": "git@codebasehq.com:sparkhire/sparkhire/bootstrap-themes.git"
|
|
8
|
-
},
|
|
9
|
-
"scripts": {
|
|
10
|
-
"test": "echo \"Error: no test specified\" && exit 1",
|
|
11
|
-
"build": "npm run clean && npm run compile && git push",
|
|
12
|
-
"clean": "rm -rf css/*",
|
|
13
|
-
"compile": "node scripts/build.js",
|
|
14
|
-
"prepublishOnly": "npm run build"
|
|
15
|
-
},
|
|
16
|
-
"author": "Jacob Smits <j.smits@sparkhire.com> (http://github.com/throttlehead)",
|
|
17
|
-
"license": "UNLICENSED",
|
|
18
|
-
"dependencies": {
|
|
19
|
-
"bootstrap": "^4.3.1",
|
|
20
|
-
"jquery": "^3.4.1",
|
|
21
|
-
"node-sass": "^4.11.0",
|
|
22
|
-
"popper.js": "^1.14.7"
|
|
23
|
-
},
|
|
24
|
-
"devDependencies": {
|
|
25
|
-
"colors": "^1.3.3",
|
|
26
|
-
"fs": "0.0.1-security",
|
|
27
|
-
"node-sass-package-importer": "^5.3.0"
|
|
28
|
-
}
|
|
29
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"name": "@spark-hire/bootstrap-themes",
|
|
3
|
+
"version": "0.4.8",
|
|
4
|
+
"description": "Custom Bootstrap 4 Themes",
|
|
5
|
+
"repository": {
|
|
6
|
+
"type": "git",
|
|
7
|
+
"url": "git@codebasehq.com:sparkhire/sparkhire/bootstrap-themes.git"
|
|
8
|
+
},
|
|
9
|
+
"scripts": {
|
|
10
|
+
"test": "echo \"Error: no test specified\" && exit 1",
|
|
11
|
+
"build": "npm run clean && npm run compile && git push",
|
|
12
|
+
"clean": "rm -rf css/*",
|
|
13
|
+
"compile": "node scripts/build.js",
|
|
14
|
+
"prepublishOnly": "npm run build"
|
|
15
|
+
},
|
|
16
|
+
"author": "Jacob Smits <j.smits@sparkhire.com> (http://github.com/throttlehead)",
|
|
17
|
+
"license": "UNLICENSED",
|
|
18
|
+
"dependencies": {
|
|
19
|
+
"bootstrap": "^4.3.1",
|
|
20
|
+
"jquery": "^3.4.1",
|
|
21
|
+
"node-sass": "^4.11.0",
|
|
22
|
+
"popper.js": "^1.14.7"
|
|
23
|
+
},
|
|
24
|
+
"devDependencies": {
|
|
25
|
+
"colors": "^1.3.3",
|
|
26
|
+
"fs": "0.0.1-security",
|
|
27
|
+
"node-sass-package-importer": "^5.3.0"
|
|
28
|
+
}
|
|
29
|
+
}
|
package/project.sublime-project
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
{
|
|
2
|
-
"folders":
|
|
3
|
-
[
|
|
4
|
-
{
|
|
5
|
-
"path": ".",
|
|
6
|
-
"folder_exclude_patterns": ["node_modules", "vendor", "bower_components", "dist", ".sass-cache"]
|
|
7
|
-
}
|
|
8
|
-
]
|
|
9
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"folders":
|
|
3
|
+
[
|
|
4
|
+
{
|
|
5
|
+
"path": ".",
|
|
6
|
+
"folder_exclude_patterns": ["node_modules", "vendor", "bower_components", "dist", ".sass-cache"]
|
|
7
|
+
}
|
|
8
|
+
]
|
|
9
|
+
}
|
package/scripts/build.js
CHANGED
|
@@ -1,43 +1,43 @@
|
|
|
1
|
-
const sass = require('node-sass');
|
|
2
|
-
const path = require('path');
|
|
3
|
-
const packageImporter = require('node-sass-package-importer');
|
|
4
|
-
const fs = require('fs');
|
|
5
|
-
const colors = require('colors');
|
|
6
|
-
|
|
7
|
-
let defaultOpts = {
|
|
8
|
-
importer: packageImporter(),
|
|
9
|
-
sourceMap: true,
|
|
10
|
-
outputStyle: 'compressed'
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
let files = {
|
|
14
|
-
'scss/dark/theme.scss': 'css/dark.css',
|
|
15
|
-
'scss/light/theme.scss': 'css/light.css'
|
|
16
|
-
};
|
|
17
|
-
|
|
18
|
-
let writeFile = function(out, data) {
|
|
19
|
-
fs.writeFile(out, data, function(err){
|
|
20
|
-
if (err) {
|
|
21
|
-
console.error(err);
|
|
22
|
-
} else {
|
|
23
|
-
console.log('Compiled '+out.green);
|
|
24
|
-
}
|
|
25
|
-
});
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
Object.entries(files).forEach(entry => {
|
|
29
|
-
const input = entry[0];
|
|
30
|
-
const output = path.join(__dirname, '../'+entry[1]);
|
|
31
|
-
|
|
32
|
-
sass.render(Object.assign(defaultOpts, {
|
|
33
|
-
file: input,
|
|
34
|
-
outFile: output,
|
|
35
|
-
}), function(err, result) {
|
|
36
|
-
if (err) {
|
|
37
|
-
console.error(err);
|
|
38
|
-
} else {
|
|
39
|
-
writeFile(output, result.css);
|
|
40
|
-
writeFile(output.replace('.css', '.map'), result.map);
|
|
41
|
-
}
|
|
42
|
-
});
|
|
43
|
-
});
|
|
1
|
+
const sass = require('node-sass');
|
|
2
|
+
const path = require('path');
|
|
3
|
+
const packageImporter = require('node-sass-package-importer');
|
|
4
|
+
const fs = require('fs');
|
|
5
|
+
const colors = require('colors');
|
|
6
|
+
|
|
7
|
+
let defaultOpts = {
|
|
8
|
+
importer: packageImporter(),
|
|
9
|
+
sourceMap: true,
|
|
10
|
+
outputStyle: 'compressed'
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
let files = {
|
|
14
|
+
'scss/dark/theme.scss': 'css/dark.css',
|
|
15
|
+
'scss/light/theme.scss': 'css/light.css'
|
|
16
|
+
};
|
|
17
|
+
|
|
18
|
+
let writeFile = function(out, data) {
|
|
19
|
+
fs.writeFile(out, data, function(err){
|
|
20
|
+
if (err) {
|
|
21
|
+
console.error(err);
|
|
22
|
+
} else {
|
|
23
|
+
console.log('Compiled '+out.green);
|
|
24
|
+
}
|
|
25
|
+
});
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
Object.entries(files).forEach(entry => {
|
|
29
|
+
const input = entry[0];
|
|
30
|
+
const output = path.join(__dirname, '../'+entry[1]);
|
|
31
|
+
|
|
32
|
+
sass.render(Object.assign(defaultOpts, {
|
|
33
|
+
file: input,
|
|
34
|
+
outFile: output,
|
|
35
|
+
}), function(err, result) {
|
|
36
|
+
if (err) {
|
|
37
|
+
console.error(err);
|
|
38
|
+
} else {
|
|
39
|
+
writeFile(output, result.css);
|
|
40
|
+
writeFile(output.replace('.css', '.map'), result.map);
|
|
41
|
+
}
|
|
42
|
+
});
|
|
43
|
+
});
|
|
@@ -1,35 +1,35 @@
|
|
|
1
|
-
$enable-rounded: false;
|
|
2
|
-
|
|
3
|
-
$white: #fff;
|
|
4
|
-
|
|
5
|
-
$gray-100: #f8f9fa;
|
|
6
|
-
$gray-200: #e9ecef;
|
|
7
|
-
$gray-300: #dee2e6;
|
|
8
|
-
$gray-400: #ced4da;
|
|
9
|
-
$gray-500: #adb5bd;
|
|
10
|
-
$gray-600: #868e96;
|
|
11
|
-
$gray-700: #495057;
|
|
12
|
-
$gray-800: #343a40;
|
|
13
|
-
$gray-900: #212529;
|
|
14
|
-
$gray-1000: #1a1c20;
|
|
15
|
-
|
|
16
|
-
$black: #000;
|
|
17
|
-
|
|
18
|
-
$blue: #428bca;
|
|
19
|
-
$indigo: #6610f2;
|
|
20
|
-
$purple: #a66bbe;
|
|
21
|
-
$pink: #ee779b;
|
|
22
|
-
$red: #ea6153;
|
|
23
|
-
$orange: #f08b1f;
|
|
24
|
-
$yellow: #f1d748;
|
|
25
|
-
$green: #28a745;
|
|
26
|
-
$teal: #3fbd9b;
|
|
27
|
-
$cyan: #54c5e6;
|
|
28
|
-
$dark-blue: #213d55;
|
|
29
|
-
|
|
30
|
-
$font-size-base: 1rem;
|
|
31
|
-
$font-size-lg: 1.10rem;
|
|
32
|
-
$font-size-sm: .95rem;
|
|
33
|
-
|
|
34
|
-
$btn-padding-y-lg: .70rem;
|
|
1
|
+
$enable-rounded: false;
|
|
2
|
+
|
|
3
|
+
$white: #fff;
|
|
4
|
+
|
|
5
|
+
$gray-100: #f8f9fa;
|
|
6
|
+
$gray-200: #e9ecef;
|
|
7
|
+
$gray-300: #dee2e6;
|
|
8
|
+
$gray-400: #ced4da;
|
|
9
|
+
$gray-500: #adb5bd;
|
|
10
|
+
$gray-600: #868e96;
|
|
11
|
+
$gray-700: #495057;
|
|
12
|
+
$gray-800: #343a40;
|
|
13
|
+
$gray-900: #212529;
|
|
14
|
+
$gray-1000: #1a1c20;
|
|
15
|
+
|
|
16
|
+
$black: #000;
|
|
17
|
+
|
|
18
|
+
$blue: #428bca;
|
|
19
|
+
$indigo: #6610f2;
|
|
20
|
+
$purple: #a66bbe;
|
|
21
|
+
$pink: #ee779b;
|
|
22
|
+
$red: #ea6153;
|
|
23
|
+
$orange: #f08b1f;
|
|
24
|
+
$yellow: #f1d748;
|
|
25
|
+
$green: #28a745;
|
|
26
|
+
$teal: #3fbd9b;
|
|
27
|
+
$cyan: #54c5e6;
|
|
28
|
+
$dark-blue: #213d55;
|
|
29
|
+
|
|
30
|
+
$font-size-base: 1rem;
|
|
31
|
+
$font-size-lg: 1.10rem;
|
|
32
|
+
$font-size-sm: .95rem;
|
|
33
|
+
|
|
34
|
+
$btn-padding-y-lg: .70rem;
|
|
35
35
|
$input-padding-y-lg: .70rem;
|
package/scss/buttons.scss
CHANGED
|
@@ -1,3 +1,8 @@
|
|
|
1
|
-
.btn-
|
|
2
|
-
|
|
1
|
+
.btn-link {
|
|
2
|
+
cursor: pointer;
|
|
3
|
+
text-decoration: none !important;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
.btn-lg {
|
|
7
|
+
@include button-size($btn-padding-y-lg, $btn-padding-x-lg, $font-size-lg, $btn-line-height-lg, $btn-border-radius-lg);
|
|
3
8
|
}
|
|
@@ -1,80 +1,80 @@
|
|
|
1
|
-
// Required
|
|
2
|
-
@import "~bootstrap/scss/functions";
|
|
3
|
-
@import "~bootstrap/scss/variables";
|
|
4
|
-
@import "~bootstrap/scss/mixins";
|
|
5
|
-
|
|
6
|
-
@import "../global_variables";
|
|
7
|
-
|
|
8
|
-
$gray-1000: #141619;
|
|
9
|
-
|
|
10
|
-
$light: $gray-800;
|
|
11
|
-
$dark: $gray-1000;
|
|
12
|
-
|
|
13
|
-
$theme-colors: ();
|
|
14
|
-
$theme-colors: map-merge((
|
|
15
|
-
"primary": $primary,
|
|
16
|
-
"secondary": $secondary,
|
|
17
|
-
"success": $success,
|
|
18
|
-
"info": $info,
|
|
19
|
-
"warning": $warning,
|
|
20
|
-
"danger": $danger,
|
|
21
|
-
"light": $light,
|
|
22
|
-
"dark": $dark
|
|
23
|
-
), $theme-colors);
|
|
24
|
-
|
|
25
|
-
$body-bg: $gray-900;
|
|
26
|
-
$body-color: $gray-100;
|
|
27
|
-
|
|
28
|
-
$input-bg: $gray-400;
|
|
29
|
-
$input-disabled-bg: $gray-600;
|
|
30
|
-
|
|
31
|
-
$input-color: $black;
|
|
32
|
-
$input-border-color: $gray-300;
|
|
33
|
-
$input-btn-border-width: $border-width;
|
|
34
|
-
$input-box-shadow: inset 0 1px 1px rgba($black,.075);
|
|
35
|
-
|
|
36
|
-
$input-focus-bg: $gray-400;
|
|
37
|
-
$input-focus-border-color: lighten(theme-color("primary"), 25%);
|
|
38
|
-
$input-focus-color: $input-color;
|
|
39
|
-
|
|
40
|
-
$input-placeholder-color: $gray-700 !default;
|
|
41
|
-
|
|
42
|
-
$border-color: $gray-600;
|
|
43
|
-
|
|
44
|
-
$modal-content-bg: $gray-700;
|
|
45
|
-
$modal-header-border-color: $gray-600;
|
|
46
|
-
$modal-footer-border-color: $gray-600;
|
|
47
|
-
$modal-backdrop-bg: rgba(2, 2, 2, 0.75);
|
|
48
|
-
$modal-backdrop-opacity: 1;
|
|
49
|
-
|
|
50
|
-
$close-color: $gray-200;
|
|
51
|
-
$close-text-shadow: none;
|
|
52
|
-
|
|
53
|
-
$breadcrumb-bg: $gray-1000;
|
|
54
|
-
|
|
55
|
-
$pagination-bg: $gray-1000;
|
|
56
|
-
$pagination-border-color: $gray-900;
|
|
57
|
-
$pagination-disabled-bg: $gray-800;
|
|
58
|
-
$pagination-disabled-border-color: $gray-900;
|
|
59
|
-
$pagination-hover-bg: $gray-800;
|
|
60
|
-
$pagination-hover-border-color: $gray-800;
|
|
61
|
-
|
|
62
|
-
$jumbotron-bg: $gray-1000;
|
|
63
|
-
|
|
64
|
-
$nav-tabs-link-active-bg: $gray-900;
|
|
65
|
-
$nav-tabs-link-active-border-color: $gray-700;
|
|
66
|
-
$nav-tabs-border-color: $gray-700;
|
|
67
|
-
$nav-tabs-link-active-color: $gray-200;
|
|
68
|
-
|
|
69
|
-
$list-group-bg: $gray-1000;
|
|
70
|
-
$list-group-hover-bg: $gray-800;
|
|
71
|
-
$list-group-action-color: $gray-200;
|
|
72
|
-
$list-group-action-hover-color: $gray-200;
|
|
73
|
-
$list-group-disabled-bg: $gray-800;
|
|
74
|
-
|
|
75
|
-
$card-bg: $gray-900;
|
|
76
|
-
$card-border-color: $gray-1000;
|
|
77
|
-
|
|
78
|
-
$progress-bg: $gray-1000;
|
|
79
|
-
|
|
1
|
+
// Required
|
|
2
|
+
@import "~bootstrap/scss/functions";
|
|
3
|
+
@import "~bootstrap/scss/variables";
|
|
4
|
+
@import "~bootstrap/scss/mixins";
|
|
5
|
+
|
|
6
|
+
@import "../global_variables";
|
|
7
|
+
|
|
8
|
+
$gray-1000: #141619;
|
|
9
|
+
|
|
10
|
+
$light: $gray-800;
|
|
11
|
+
$dark: $gray-1000;
|
|
12
|
+
|
|
13
|
+
$theme-colors: ();
|
|
14
|
+
$theme-colors: map-merge((
|
|
15
|
+
"primary": $primary,
|
|
16
|
+
"secondary": $secondary,
|
|
17
|
+
"success": $success,
|
|
18
|
+
"info": $info,
|
|
19
|
+
"warning": $warning,
|
|
20
|
+
"danger": $danger,
|
|
21
|
+
"light": $light,
|
|
22
|
+
"dark": $dark
|
|
23
|
+
), $theme-colors);
|
|
24
|
+
|
|
25
|
+
$body-bg: $gray-900;
|
|
26
|
+
$body-color: $gray-100;
|
|
27
|
+
|
|
28
|
+
$input-bg: $gray-400;
|
|
29
|
+
$input-disabled-bg: $gray-600;
|
|
30
|
+
|
|
31
|
+
$input-color: $black;
|
|
32
|
+
$input-border-color: $gray-300;
|
|
33
|
+
$input-btn-border-width: $border-width;
|
|
34
|
+
$input-box-shadow: inset 0 1px 1px rgba($black,.075);
|
|
35
|
+
|
|
36
|
+
$input-focus-bg: $gray-400;
|
|
37
|
+
$input-focus-border-color: lighten(theme-color("primary"), 25%);
|
|
38
|
+
$input-focus-color: $input-color;
|
|
39
|
+
|
|
40
|
+
$input-placeholder-color: $gray-700 !default;
|
|
41
|
+
|
|
42
|
+
$border-color: $gray-600;
|
|
43
|
+
|
|
44
|
+
$modal-content-bg: $gray-700;
|
|
45
|
+
$modal-header-border-color: $gray-600;
|
|
46
|
+
$modal-footer-border-color: $gray-600;
|
|
47
|
+
$modal-backdrop-bg: rgba(2, 2, 2, 0.75);
|
|
48
|
+
$modal-backdrop-opacity: 1;
|
|
49
|
+
|
|
50
|
+
$close-color: $gray-200;
|
|
51
|
+
$close-text-shadow: none;
|
|
52
|
+
|
|
53
|
+
$breadcrumb-bg: $gray-1000;
|
|
54
|
+
|
|
55
|
+
$pagination-bg: $gray-1000;
|
|
56
|
+
$pagination-border-color: $gray-900;
|
|
57
|
+
$pagination-disabled-bg: $gray-800;
|
|
58
|
+
$pagination-disabled-border-color: $gray-900;
|
|
59
|
+
$pagination-hover-bg: $gray-800;
|
|
60
|
+
$pagination-hover-border-color: $gray-800;
|
|
61
|
+
|
|
62
|
+
$jumbotron-bg: $gray-1000;
|
|
63
|
+
|
|
64
|
+
$nav-tabs-link-active-bg: $gray-900;
|
|
65
|
+
$nav-tabs-link-active-border-color: $gray-700;
|
|
66
|
+
$nav-tabs-border-color: $gray-700;
|
|
67
|
+
$nav-tabs-link-active-color: $gray-200;
|
|
68
|
+
|
|
69
|
+
$list-group-bg: $gray-1000;
|
|
70
|
+
$list-group-hover-bg: $gray-800;
|
|
71
|
+
$list-group-action-color: $gray-200;
|
|
72
|
+
$list-group-action-hover-color: $gray-200;
|
|
73
|
+
$list-group-disabled-bg: $gray-800;
|
|
74
|
+
|
|
75
|
+
$card-bg: $gray-900;
|
|
76
|
+
$card-border-color: $gray-1000;
|
|
77
|
+
|
|
78
|
+
$progress-bg: $gray-1000;
|
|
79
|
+
|
|
80
80
|
$table-color: $gray-100;
|
package/scss/dark/scrollbar.scss
CHANGED
|
@@ -1,29 +1,29 @@
|
|
|
1
|
-
::-webkit-scrollbar {
|
|
2
|
-
width: 10px;
|
|
3
|
-
height: 10px;
|
|
4
|
-
border: none;
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
::-webkit-scrollbar-track {
|
|
8
|
-
-webkit-border-radius: 0;
|
|
9
|
-
background: #bbb;
|
|
10
|
-
border-radius: 0;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
::-webkit-scrollbar-track:window-inactive {
|
|
14
|
-
-webkit-border-radius: 0;
|
|
15
|
-
background: #ccc;
|
|
16
|
-
border-radius: 0;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
::-webkit-scrollbar-thumb {
|
|
20
|
-
border-radius: 0;
|
|
21
|
-
background: #777;
|
|
22
|
-
border: 1px solid #ddd;
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
::-webkit-scrollbar-thumb:window-inactive {
|
|
26
|
-
border-radius: 0;
|
|
27
|
-
background: #aaa;
|
|
28
|
-
border: 1px solid #ddd;
|
|
1
|
+
::-webkit-scrollbar {
|
|
2
|
+
width: 10px;
|
|
3
|
+
height: 10px;
|
|
4
|
+
border: none;
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
::-webkit-scrollbar-track {
|
|
8
|
+
-webkit-border-radius: 0;
|
|
9
|
+
background: #bbb;
|
|
10
|
+
border-radius: 0;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
::-webkit-scrollbar-track:window-inactive {
|
|
14
|
+
-webkit-border-radius: 0;
|
|
15
|
+
background: #ccc;
|
|
16
|
+
border-radius: 0;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
::-webkit-scrollbar-thumb {
|
|
20
|
+
border-radius: 0;
|
|
21
|
+
background: #777;
|
|
22
|
+
border: 1px solid #ddd;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
::-webkit-scrollbar-thumb:window-inactive {
|
|
26
|
+
border-radius: 0;
|
|
27
|
+
background: #aaa;
|
|
28
|
+
border: 1px solid #ddd;
|
|
29
29
|
}
|
package/scss/dark/theme.scss
CHANGED
|
@@ -1,25 +1,25 @@
|
|
|
1
|
-
@import "variables";
|
|
2
|
-
@import "~bootstrap/scss/bootstrap";
|
|
3
|
-
@import "../shared";
|
|
4
|
-
@import "scrollbar";
|
|
5
|
-
|
|
6
|
-
// Custom style overrides
|
|
7
|
-
|
|
8
|
-
@each $color, $value in $theme-colors {
|
|
9
|
-
@include table-row-variant($color, theme-color-level($color, -3));
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
.form-control-plaintext {
|
|
13
|
-
color: $gray-100;
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
.nav-tabs {
|
|
17
|
-
.nav-link.active,
|
|
18
|
-
.nav-item.show .nav-link {
|
|
19
|
-
border-bottom-color: transparent;
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
.bg-light {
|
|
24
|
-
background-color: $gray-700 !important;
|
|
25
|
-
}
|
|
1
|
+
@import "variables";
|
|
2
|
+
@import "~bootstrap/scss/bootstrap";
|
|
3
|
+
@import "../shared";
|
|
4
|
+
@import "scrollbar";
|
|
5
|
+
|
|
6
|
+
// Custom style overrides
|
|
7
|
+
|
|
8
|
+
@each $color, $value in $theme-colors {
|
|
9
|
+
@include table-row-variant($color, theme-color-level($color, -3));
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
.form-control-plaintext {
|
|
13
|
+
color: $gray-100;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.nav-tabs {
|
|
17
|
+
.nav-link.active,
|
|
18
|
+
.nav-item.show .nav-link {
|
|
19
|
+
border-bottom-color: transparent;
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.bg-light {
|
|
24
|
+
background-color: $gray-700 !important;
|
|
25
|
+
}
|
package/scss/fonts.scss
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,600,600i,700,700i,900,900i|Roboto:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i');
|
|
2
|
-
|
|
3
|
-
html, body {
|
|
4
|
-
font-family: 'Source Sans Pro', sans-serif;
|
|
5
|
-
font-size: 16px;
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
h1, h2, h3, h4, h5 {
|
|
9
|
-
font-family: 'Roboto', sans-serif;
|
|
10
|
-
font-weight: 700;
|
|
1
|
+
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,600,600i,700,700i,900,900i|Roboto:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i');
|
|
2
|
+
|
|
3
|
+
html, body {
|
|
4
|
+
font-family: 'Source Sans Pro', sans-serif;
|
|
5
|
+
font-size: 16px;
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
h1, h2, h3, h4, h5 {
|
|
9
|
+
font-family: 'Roboto', sans-serif;
|
|
10
|
+
font-weight: 700;
|
|
11
11
|
}
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
// Required
|
|
2
|
-
@import "~bootstrap/scss/functions";
|
|
3
|
-
@import "~bootstrap/scss/variables";
|
|
4
|
-
@import "~bootstrap/scss/mixins";
|
|
5
|
-
|
|
6
|
-
@import "../global_variables";
|
|
7
|
-
|
|
8
|
-
$light: $gray-200;
|
|
9
|
-
|
|
10
|
-
$theme-colors: ();
|
|
11
|
-
$theme-colors: map-merge((
|
|
12
|
-
"primary": $primary,
|
|
13
|
-
"secondary": $secondary,
|
|
14
|
-
"success": $success,
|
|
15
|
-
"info": $info,
|
|
16
|
-
"warning": $warning,
|
|
17
|
-
"danger": $danger,
|
|
18
|
-
"light": $light,
|
|
19
|
-
"dark": $dark
|
|
1
|
+
// Required
|
|
2
|
+
@import "~bootstrap/scss/functions";
|
|
3
|
+
@import "~bootstrap/scss/variables";
|
|
4
|
+
@import "~bootstrap/scss/mixins";
|
|
5
|
+
|
|
6
|
+
@import "../global_variables";
|
|
7
|
+
|
|
8
|
+
$light: $gray-200;
|
|
9
|
+
|
|
10
|
+
$theme-colors: ();
|
|
11
|
+
$theme-colors: map-merge((
|
|
12
|
+
"primary": $primary,
|
|
13
|
+
"secondary": $secondary,
|
|
14
|
+
"success": $success,
|
|
15
|
+
"info": $info,
|
|
16
|
+
"warning": $warning,
|
|
17
|
+
"danger": $danger,
|
|
18
|
+
"light": $light,
|
|
19
|
+
"dark": $dark
|
|
20
20
|
), $theme-colors);
|
|
@@ -1,29 +1,29 @@
|
|
|
1
|
-
::-webkit-scrollbar {
|
|
2
|
-
width: 10px;
|
|
3
|
-
height: 10px;
|
|
4
|
-
border: none;
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
::-webkit-scrollbar-track {
|
|
8
|
-
-webkit-border-radius: 0;
|
|
9
|
-
background: #bbb;
|
|
10
|
-
border-radius: 0;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
::-webkit-scrollbar-track:window-inactive {
|
|
14
|
-
-webkit-border-radius: 0;
|
|
15
|
-
background: #ccc;
|
|
16
|
-
border-radius: 0;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
::-webkit-scrollbar-thumb {
|
|
20
|
-
border-radius: 0;
|
|
21
|
-
background: #777;
|
|
22
|
-
border: 1px solid #ddd;
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
::-webkit-scrollbar-thumb:window-inactive {
|
|
26
|
-
border-radius: 0;
|
|
27
|
-
background: #aaa;
|
|
28
|
-
border: 1px solid #ddd;
|
|
1
|
+
::-webkit-scrollbar {
|
|
2
|
+
width: 10px;
|
|
3
|
+
height: 10px;
|
|
4
|
+
border: none;
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
::-webkit-scrollbar-track {
|
|
8
|
+
-webkit-border-radius: 0;
|
|
9
|
+
background: #bbb;
|
|
10
|
+
border-radius: 0;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
::-webkit-scrollbar-track:window-inactive {
|
|
14
|
+
-webkit-border-radius: 0;
|
|
15
|
+
background: #ccc;
|
|
16
|
+
border-radius: 0;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
::-webkit-scrollbar-thumb {
|
|
20
|
+
border-radius: 0;
|
|
21
|
+
background: #777;
|
|
22
|
+
border: 1px solid #ddd;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
::-webkit-scrollbar-thumb:window-inactive {
|
|
26
|
+
border-radius: 0;
|
|
27
|
+
background: #aaa;
|
|
28
|
+
border: 1px solid #ddd;
|
|
29
29
|
}
|
package/scss/light/theme.scss
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
@import "variables";
|
|
2
|
-
@import "~bootstrap/scss/bootstrap";
|
|
3
|
-
@import "../shared";
|
|
4
|
-
@import "scrollbar";
|
|
5
|
-
|
|
6
|
-
// Custom style overrides
|
|
7
|
-
|
|
1
|
+
@import "variables";
|
|
2
|
+
@import "~bootstrap/scss/bootstrap";
|
|
3
|
+
@import "../shared";
|
|
4
|
+
@import "scrollbar";
|
|
5
|
+
|
|
6
|
+
// Custom style overrides
|
|
7
|
+
|
package/scss/shared.scss
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@import "fonts";
|
|
2
|
-
@import "buttons";
|
|
1
|
+
@import "fonts";
|
|
2
|
+
@import "buttons";
|