@spark-hire/bootstrap-themes 0.0.3 → 0.0.11

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.
Files changed (7) hide show
  1. package/package.json +17 -17
  2. package/scss/dark/_variables.scss +32 -1
  3. package/scss/dark/theme.scss +30 -3
  4. package/scss/_variables.scss +0 -32
  5. package/scss/light/_variables.scss +0 -6
  6. package/scss/light/theme.scss +0 -4
  7. package/scss/scrollbar.scss +0 -21
package/package.json CHANGED
@@ -1,17 +1,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
- }
1
+ {
2
+ "name": "@spark-hire/bootstrap-themes",
3
+ "version": "0.0.11",
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.2"
16
+ }
17
+ }
package/scss/dark/_variables.scss CHANGED
@@ -3,11 +3,42 @@
3
3
  @import "node_modules/bootstrap/scss/variables";
4
4
  @import "node_modules/bootstrap/scss/mixins";
5
5
 
6
- @import "../variables";
6
+ $white: #fff;
7
+
8
+ $gray-100: #f8f9fa;
9
+ $gray-200: #e9ecef;
10
+ $gray-300: #dee2e6;
11
+ $gray-400: #ced4da;
12
+ $gray-500: #adb5bd;
13
+ $gray-600: #868e96;
14
+ $gray-700: #495057;
15
+ $gray-800: #343a40;
16
+ $gray-900: #212529;
17
+ $gray-1000: #1a1c20;
18
+
19
+ $black: #000;
20
+
21
+ $blue: #428bca;
22
+ $indigo: #6610f2;
23
+ $purple: #a66bbe;
24
+ $pink: #ee779b;
25
+ $red: #ea6153;
26
+ $orange: #f08b1f;
27
+ $yellow: #f1d748;
28
+ $green: #28a745;
29
+ $teal: #3fbd9b;
30
+ $cyan: #54c5e6;
31
+ $dark-blue: #213d55;
32
+
33
+ $enable-rounded: false;
7
34
 
8
35
  $body-bg: $gray-900;
9
36
  $body-color: $gray-100;
10
37
 
38
+ $font-size-base: 1rem;
39
+ $font-size-lg: ($font-size-base * 1.10);
40
+ $font-size-sm: ($font-size-base * .9);
41
+
11
42
  $input-bg: $gray-400;
12
43
  $input-disabled-bg: $gray-600;
13
44
 
package/scss/dark/theme.scss CHANGED
@@ -1,4 +1,31 @@
1
- @import "variables";
1
+ // Required
2
+ @import "node_modules/bootstrap/scss/functions";
3
+ @import "node_modules/bootstrap/scss/variables";
4
+ @import "node_modules/bootstrap/scss/mixins";
5
+
2
6
  @import "node_modules/bootstrap/scss/bootstrap";
3
- @import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');
4
- @import "../scrollbar";
7
+
8
+ // Custom Variables
9
+ @import "variables";
10
+
11
+ ::-webkit-scrollbar {
12
+ width: 10px;
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
+ }
package/scss/_variables.scss DELETED
@@ -1,32 +0,0 @@
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);
package/scss/light/_variables.scss DELETED
@@ -1,6 +0,0 @@
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 "../variables";
package/scss/light/theme.scss DELETED
@@ -1,4 +0,0 @@
1
- @import "variables";
2
- @import "node_modules/bootstrap/scss/bootstrap";
3
- @import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');
4
- @import "../scrollbar";
package/scss/scrollbar.scss DELETED
@@ -1,21 +0,0 @@
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
- }