windows-plus-theme 1.0.0

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 (21) hide show
  1. package/css/main.css +97 -0
  2. package/css/main.css.map +1 -0
  3. package/css/partials/form-field/styles.css +16 -0
  4. package/css/partials/form-field/styles.css.map +1 -0
  5. package/css/partials/interactions/styles.css +5 -0
  6. package/css/partials/interactions/styles.css.map +1 -0
  7. package/css/partials/modal/styles.css +28 -0
  8. package/css/partials/modal/styles.css.map +1 -0
  9. package/css/partials/typography/styles.css +39 -0
  10. package/css/partials/typography/styles.css.map +1 -0
  11. package/css/primary/variable/styles.css +13 -0
  12. package/css/primary/variable/styles.css.map +1 -0
  13. package/package.json +19 -0
  14. package/src/main.sass +2 -0
  15. package/src/partials/__partials__.sass +4 -0
  16. package/src/partials/form-field/styles.sass +12 -0
  17. package/src/partials/interactions/styles.sass +2 -0
  18. package/src/partials/modal/styles.sass +25 -0
  19. package/src/partials/typography/styles.sass +29 -0
  20. package/src/primary/__primary__.sass +1 -0
  21. package/src/primary/variable/styles.sass +11 -0
package/css/main.css ADDED
@@ -0,0 +1,97 @@
1
+ :root {
2
+ --primaryBlue: #24334e;
3
+ --secondaryBlue: #496e91;
4
+ --primaryYellow: #ffaa07;
5
+ --primaryRed: #cf0000;
6
+ --secondaryRed: #c32c2c;
7
+ --primaryGrey: #555;
8
+ --secondaryGrey: #DDD;
9
+ --primaryGreen: #198754;
10
+ --borderRadius: calc(0.3rem - 1px);
11
+ }
12
+
13
+ .lead-lg {
14
+ font-size: 2rem;
15
+ font-weight: 300;
16
+ }
17
+
18
+ .lead-sm {
19
+ font-size: 1rem;
20
+ font-weight: 300;
21
+ }
22
+
23
+ .strong {
24
+ font-weight: bold;
25
+ }
26
+
27
+ .text-grey,
28
+ .text-red,
29
+ .text-green,
30
+ .text-secondary-blue,
31
+ .text {
32
+ font-size: 14px;
33
+ }
34
+
35
+ .text-grey {
36
+ color: var(--primaryGrey);
37
+ }
38
+
39
+ .text-red {
40
+ color: var(--primaryRed);
41
+ }
42
+
43
+ .text-green {
44
+ color: var(--primaryGreen);
45
+ }
46
+
47
+ .text-secondary-blue {
48
+ color: var(--secondaryBlue);
49
+ }
50
+
51
+ .custom-label {
52
+ padding: 0 2.25rem 0 0;
53
+ font-size: 14px;
54
+ font-weight: bold;
55
+ color: var(--primaryGrey);
56
+ width: 100%;
57
+ }
58
+
59
+ .custom-input {
60
+ position: relative;
61
+ display: inline-block;
62
+ width: 100%;
63
+ font: 400 13px/20px "Source Sans Pro", sans-serif !important;
64
+ }
65
+
66
+ .cursor-pointer {
67
+ cursor: pointer;
68
+ }
69
+
70
+ .modal {
71
+ z-index: 1050;
72
+ }
73
+ .modal .modal-backdrop {
74
+ background-color: rgba(100, 100, 100, 0.8);
75
+ width: 100vw;
76
+ height: 100vh;
77
+ }
78
+ .modal .modal-body {
79
+ max-height: calc(100vh - 210px);
80
+ overflow-y: auto;
81
+ }
82
+ .modal .modal-xxl {
83
+ min-width: 80%;
84
+ margin: 0 10%;
85
+ }
86
+ .modal .close {
87
+ background: transparent;
88
+ border: none;
89
+ color: white;
90
+ font-size: 20px;
91
+ }
92
+
93
+ .modal.full-height .modal-body {
94
+ height: calc(100vh - 210px);
95
+ }
96
+
97
+ /*# sourceMappingURL=main.css.map */
package/css/main.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../src/primary/variable/styles.sass","../src/partials/typography/styles.sass","../src/partials/form-field/styles.sass","../src/partials/interactions/styles.sass","../src/partials/modal/styles.sass"],"names":[],"mappings":"AAAA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;;ACVD;EACC;EACA;;;AAED;EACC;EACA;;;AAED;EACC;;;AAED;AAAA;AAAA;AAAA;AAAA;EAKC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AC5BD;EACC;EACA;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;;;ACXD;EACC;;;ACDD;EACC;;AAEA;EACC;EACA;EACA;;AAED;EACC;EACA;;AAED;EACC;EACA;;AAED;EACC;EACA;EACA;EACA;;;AAGD;EACC","file":"main.css"}
package/css/partials/form-field/styles.css ADDED
@@ -0,0 +1,16 @@
1
+ .custom-label {
2
+ padding: 0 2.25rem 0 0;
3
+ font-size: 14px;
4
+ font-weight: bold;
5
+ color: var(--primaryGrey);
6
+ width: 100%;
7
+ }
8
+
9
+ .custom-input {
10
+ position: relative;
11
+ display: inline-block;
12
+ width: 100%;
13
+ font: 400 13px/20px "Source Sans Pro", sans-serif !important;
14
+ }
15
+
16
+ /*# sourceMappingURL=styles.css.map */
package/css/partials/form-field/styles.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/partials/form-field/styles.sass"],"names":[],"mappings":"AAAA;EACC;EACA;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA","file":"styles.css"}
package/css/partials/interactions/styles.css ADDED
@@ -0,0 +1,5 @@
1
+ .cursor-pointer {
2
+ cursor: pointer;
3
+ }
4
+
5
+ /*# sourceMappingURL=styles.css.map */
package/css/partials/interactions/styles.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/partials/interactions/styles.sass"],"names":[],"mappings":"AAAA;EACC","file":"styles.css"}
package/css/partials/modal/styles.css ADDED
@@ -0,0 +1,28 @@
1
+ .modal {
2
+ z-index: 1050;
3
+ }
4
+ .modal .modal-backdrop {
5
+ background-color: rgba(100, 100, 100, 0.8);
6
+ width: 100vw;
7
+ height: 100vh;
8
+ }
9
+ .modal .modal-body {
10
+ max-height: calc(100vh - 210px);
11
+ overflow-y: auto;
12
+ }
13
+ .modal .modal-xxl {
14
+ min-width: 80%;
15
+ margin: 0 10%;
16
+ }
17
+ .modal .close {
18
+ background: transparent;
19
+ border: none;
20
+ color: white;
21
+ font-size: 20px;
22
+ }
23
+
24
+ .modal.full-height .modal-body {
25
+ height: calc(100vh - 210px);
26
+ }
27
+
28
+ /*# sourceMappingURL=styles.css.map */
package/css/partials/modal/styles.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/partials/modal/styles.sass"],"names":[],"mappings":"AAAA;EACC;;AAEA;EACC;EACA;EACA;;AAED;EACC;EACA;;AAED;EACC;EACA;;AAED;EACC;EACA;EACA;EACA;;;AAGD;EACC","file":"styles.css"}
package/css/partials/typography/styles.css ADDED
@@ -0,0 +1,39 @@
1
+ .lead-lg {
2
+ font-size: 2rem;
3
+ font-weight: 300;
4
+ }
5
+
6
+ .lead-sm {
7
+ font-size: 1rem;
8
+ font-weight: 300;
9
+ }
10
+
11
+ .strong {
12
+ font-weight: bold;
13
+ }
14
+
15
+ .text-grey,
16
+ .text-red,
17
+ .text-green,
18
+ .text-secondary-blue,
19
+ .text {
20
+ font-size: 14px;
21
+ }
22
+
23
+ .text-grey {
24
+ color: var(--primaryGrey);
25
+ }
26
+
27
+ .text-red {
28
+ color: var(--primaryRed);
29
+ }
30
+
31
+ .text-green {
32
+ color: var(--primaryGreen);
33
+ }
34
+
35
+ .text-secondary-blue {
36
+ color: var(--secondaryBlue);
37
+ }
38
+
39
+ /*# sourceMappingURL=styles.css.map */
package/css/partials/typography/styles.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/partials/typography/styles.sass"],"names":[],"mappings":"AAAA;EACC;EACA;;;AAED;EACC;EACA;;;AAED;EACC;;;AAED;AAAA;AAAA;AAAA;AAAA;EAKC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC","file":"styles.css"}
package/css/primary/variable/styles.css ADDED
@@ -0,0 +1,13 @@
1
+ :root {
2
+ --primaryBlue: #24334e;
3
+ --secondaryBlue: #496e91;
4
+ --primaryYellow: #ffaa07;
5
+ --primaryRed: #cf0000;
6
+ --secondaryRed: #c32c2c;
7
+ --primaryGrey: #555;
8
+ --secondaryGrey: #DDD;
9
+ --primaryGreen: #198754;
10
+ --borderRadius: calc(0.3rem - 1px);
11
+ }
12
+
13
+ /*# sourceMappingURL=styles.css.map */
package/css/primary/variable/styles.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/primary/variable/styles.sass"],"names":[],"mappings":"AAAA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA","file":"styles.css"}
package/package.json ADDED
@@ -0,0 +1,19 @@
1
+ {
2
+ "name": "windows-plus-theme",
3
+ "version": "1.0.0",
4
+ "description": "Custom CSS theme for internal systems",
5
+ "main": "index.css",
6
+ "scripts": {
7
+ "test": "echo \"Error: no test specified\" && exit 1"
8
+ },
9
+ "repository": {
10
+ "type": "git",
11
+ "url": "https://gitlab.com/WindowsPlus/windows-plus-styling.git"
12
+ },
13
+ "author": "Alex Hodson <alexhodson72@gmail.com>",
14
+ "license": "ISC",
15
+ "bugs": {
16
+ "url": "https://gitlab.com/WindowsPlus/windows-plus-styling/issues"
17
+ },
18
+ "homepage": "https://gitlab.com/WindowsPlus/windows-plus-styling#readme"
19
+ }
package/src/main.sass ADDED
@@ -0,0 +1,2 @@
1
+ @import "primary/__primary__"
2
+ @import "partials/__partials__"
package/src/partials/__partials__.sass ADDED
@@ -0,0 +1,4 @@
1
+ @import "typography/styles"
2
+ @import "form-field/styles"
3
+ @import "interactions/styles"
4
+ @import "modal/styles"
package/src/partials/form-field/styles.sass ADDED
@@ -0,0 +1,12 @@
1
+ .custom-label
2
+ padding: 0 2.25rem 0 0
3
+ font-size: 14px
4
+ font-weight: bold
5
+ color: var(--primaryGrey)
6
+ width: 100%
7
+
8
+ .custom-input
9
+ position: relative
10
+ display: inline-block
11
+ width: 100%
12
+ font: 400 13px/20px 'Source Sans Pro', sans-serif !important
package/src/partials/interactions/styles.sass ADDED
@@ -0,0 +1,2 @@
1
+ .cursor-pointer
2
+ cursor: pointer
package/src/partials/modal/styles.sass ADDED
@@ -0,0 +1,25 @@
1
+ .modal
2
+ z-index: 1050
3
+
4
+ .modal-backdrop
5
+ background-color: rgba(100, 100, 100, 0.8)
6
+ width: 100vw
7
+ height: 100vh
8
+
9
+ .modal-body
10
+ max-height: calc(100vh - 210px)
11
+ overflow-y: auto
12
+
13
+ .modal-xxl
14
+ min-width: 80%
15
+ margin: 0 10%
16
+
17
+ .close
18
+ background: transparent
19
+ border: none
20
+ color: white
21
+ font-size: 20px
22
+
23
+ .modal.full-height
24
+ .modal-body
25
+ height: calc(100vh - 210px)
package/src/partials/typography/styles.sass ADDED
@@ -0,0 +1,29 @@
1
+ .lead-lg
2
+ font-size: 2rem
3
+ font-weight: 300
4
+
5
+ .lead-sm
6
+ font-size: 1rem
7
+ font-weight: 300
8
+
9
+ .strong
10
+ font-weight: bold
11
+
12
+ .text-grey,
13
+ .text-red,
14
+ .text-green,
15
+ .text-secondary-blue,
16
+ .text
17
+ font-size: 14px
18
+
19
+ .text-grey
20
+ color: var(--primaryGrey)
21
+
22
+ .text-red
23
+ color: var(--primaryRed)
24
+
25
+ .text-green
26
+ color: var(--primaryGreen)
27
+
28
+ .text-secondary-blue
29
+ color: var(--secondaryBlue)
package/src/primary/__primary__.sass ADDED
@@ -0,0 +1 @@
1
+ @import 'variable/styles'
package/src/primary/variable/styles.sass ADDED
@@ -0,0 +1,11 @@
1
+ :root
2
+ --primaryBlue: #24334e
3
+ --secondaryBlue: #496e91
4
+ --primaryYellow: #ffaa07
5
+ --primaryRed: #cf0000
6
+ --secondaryRed: #c32c2c
7
+ --primaryGrey: #555
8
+ --secondaryGrey: #DDD
9
+ --primaryGreen: #198754
10
+
11
+ --borderRadius: calc(0.3rem - 1px)