@spark-hire/bootstrap-themes 0.0.1 → 0.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/package.json +17 -17
- package/scss/_variables.scss +32 -0
- package/scss/dark/_variables.scss +1 -29
- package/scss/dark/theme.scss +3 -30
- package/scss/light/_variables.scss +6 -0
- package/scss/light/theme.scss +4 -0
- package/scss/scrollbar.scss +21 -0
package/package.json
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "@spark-hire/bootstrap-themes",
|
|
3
|
-
"version": "0.0.
|
|
4
|
-
"description": "Custom Bootstrap 4
|
|
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
|
-
},
|
|
12
|
-
"author": "Jacob Smits <j.smits@sparkhire.com> (http://github.com/throttlehead)",
|
|
13
|
-
"license": "UNLICENSED",
|
|
14
|
-
"dependencies": {
|
|
15
|
-
"bootstrap": "^4.0.0-beta.
|
|
16
|
-
}
|
|
17
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"name": "@spark-hire/bootstrap-themes",
|
|
3
|
+
"version": "0.0.3",
|
|
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
|
+
},
|
|
12
|
+
"author": "Jacob Smits <j.smits@sparkhire.com> (http://github.com/throttlehead)",
|
|
13
|
+
"license": "UNLICENSED",
|
|
14
|
+
"dependencies": {
|
|
15
|
+
"bootstrap": "^4.0.0-beta.3"
|
|
16
|
+
}
|
|
17
|
+
}
|
|
@@ -0,0 +1,32 @@
|
|
|
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: ($font-size-base * 1.10);
|
|
32
|
+
$font-size-sm: ($font-size-base * .9);
|
|
@@ -3,39 +3,11 @@
|
|
|
3
3
|
@import "node_modules/bootstrap/scss/variables";
|
|
4
4
|
@import "node_modules/bootstrap/scss/mixins";
|
|
5
5
|
|
|
6
|
-
|
|
7
|
-
$gray-100: #f8f9fa;
|
|
8
|
-
$gray-200: #e9ecef;
|
|
9
|
-
$gray-300: #dee2e6;
|
|
10
|
-
$gray-400: #ced4da;
|
|
11
|
-
$gray-500: #adb5bd;
|
|
12
|
-
$gray-600: #868e96;
|
|
13
|
-
$gray-700: #495057;
|
|
14
|
-
$gray-800: #343a40;
|
|
15
|
-
$gray-900: #212529;
|
|
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
|
-
$enable-rounded: false;
|
|
6
|
+
@import "../variables";
|
|
31
7
|
|
|
32
8
|
$body-bg: $gray-900;
|
|
33
9
|
$body-color: $gray-100;
|
|
34
10
|
|
|
35
|
-
$font-size-base: 1rem;
|
|
36
|
-
$font-size-lg: ($font-size-base * 1.10);
|
|
37
|
-
$font-size-sm: ($font-size-base * .9);
|
|
38
|
-
|
|
39
11
|
$input-bg: $gray-400;
|
|
40
12
|
$input-disabled-bg: $gray-600;
|
|
41
13
|
|
package/scss/dark/theme.scss
CHANGED
|
@@ -1,31 +1,4 @@
|
|
|
1
|
-
// Required
|
|
2
|
-
@import "node_modules/bootstrap/scss/functions";
|
|
3
|
-
@import "node_modules/bootstrap/scss/variables";
|
|
4
|
-
@import "node_modules/bootstrap/scss/mixins";
|
|
5
|
-
|
|
6
|
-
@import "node_modules/bootstrap/scss/bootstrap";
|
|
7
|
-
|
|
8
|
-
// Custom Variables
|
|
9
1
|
@import "variables";
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
height: 10px;
|
|
14
|
-
border: none;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
::-webkit-scrollbar-track {
|
|
18
|
-
-webkit-border-radius: 0;
|
|
19
|
-
background: rgba(0,0,0,0.20);
|
|
20
|
-
border-radius: 0;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
::-webkit-scrollbar-thumb {
|
|
24
|
-
-webkit-border-radius: 0;
|
|
25
|
-
border-radius: 0;
|
|
26
|
-
background: rgba(0,0,0,0.25);
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
::-webkit-scrollbar-thumb:window-inactive {
|
|
30
|
-
background: rgba(0,0,0,0.15);
|
|
31
|
-
}
|
|
2
|
+
@import "node_modules/bootstrap/scss/bootstrap";
|
|
3
|
+
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');
|
|
4
|
+
@import "../scrollbar";
|
|
@@ -0,0 +1,21 @@
|
|
|
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: rgba(0,0,0,0.20);
|
|
10
|
+
border-radius: 0;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
::-webkit-scrollbar-thumb {
|
|
14
|
+
-webkit-border-radius: 0;
|
|
15
|
+
border-radius: 0;
|
|
16
|
+
background: rgba(0,0,0,0.25);
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
::-webkit-scrollbar-thumb:window-inactive {
|
|
20
|
+
background: rgba(0,0,0,0.15);
|
|
21
|
+
}
|