bullet_train-themes-light 1.0.8 → 1.0.9
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.
- checksums.yaml +4 -4
- data/app/assets/stylesheets/light/actiontext.css +26 -0
- data/app/assets/stylesheets/light/application.css +31 -0
- data/app/assets/stylesheets/light/electron.css +46 -0
- data/app/assets/stylesheets/light/fields/cloudinary_image.css +58 -0
- data/app/assets/stylesheets/light/fields/date_field.css +19 -0
- data/app/assets/stylesheets/light/fields/index.css +5 -0
- data/app/assets/stylesheets/light/fields/phone_field.css +7 -0
- data/app/assets/stylesheets/light/fields/super_select.css +96 -0
- data/app/assets/stylesheets/light/fields/trix_editor.css +88 -0
- data/app/assets/stylesheets/light/mailer.scss +359 -0
- data/app/assets/stylesheets/light/tailwind/components.css +136 -0
- data/app/assets/stylesheets/light/tailwind/dark-mode.css +205 -0
- data/app/assets/stylesheets/light/tailwind/utilities.css +49 -0
- data/app/assets/stylesheets/light.tailwind.css +5 -3
- data/app/assets/stylesheets/tailwindcss/base.css +1 -0
- data/app/assets/stylesheets/tailwindcss/components.css +1 -0
- data/app/assets/stylesheets/tailwindcss/utilities.css +1 -0
- data/app/views/themes/light/layouts/_account.html.erb +1 -1
- data/app/views/themes/light/layouts/_head.html.erb +6 -4
- data/app/views/themes/light/workflow/_box.html.erb +1 -1
- data/lib/bullet_train/themes/light/engine.rb +1 -0
- data/lib/bullet_train/themes/light/version.rb +1 -1
- data/tailwind.light.config.js +5 -1
- metadata +18 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 6319d0a14763af6784aae429d04e2adbedc261ad25cccb6e255864fc0219e412
|
|
4
|
+
data.tar.gz: d6c27d3b3fcdfb1e45e96a5baaa69e1291091cac63d847b8aec2dd52651af6b2
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: cef594c6784fc3b3e9b94e79829747c9b73b9c212eb67ac2b3f78348344cf6682f36805fd05900894d11b13d91b65947d889ede570f6d91907a0c02b771e953b
|
|
7
|
+
data.tar.gz: ab251d455f6141bb5d1b84849d6da3185737b246ce96d9384f938780974dd5414d4fe009e8b5fcf2ad11f667730908e2c7e63d6a20af035ebbd83edb02b513fa
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
.trix-content {
|
|
2
|
+
.attachment-gallery {
|
|
3
|
+
> action-text-attachment,
|
|
4
|
+
> .attachment {
|
|
5
|
+
flex: 1 0 33%;
|
|
6
|
+
padding: 0 0.5em;
|
|
7
|
+
max-width: 33%;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
&.attachment-gallery--2,
|
|
11
|
+
&.attachment-gallery--4 {
|
|
12
|
+
> action-text-attachment,
|
|
13
|
+
> .attachment {
|
|
14
|
+
flex-basis: 50%;
|
|
15
|
+
max-width: 50%;
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
action-text-attachment {
|
|
21
|
+
.attachment {
|
|
22
|
+
padding: 0 !important;
|
|
23
|
+
max-width: 100% !important;
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
@import "./tailwind/components";
|
|
2
|
+
@import "./tailwind/utilities";
|
|
3
|
+
@import "./tailwind/dark-mode";
|
|
4
|
+
|
|
5
|
+
@import "./electron";
|
|
6
|
+
@import './fields';
|
|
7
|
+
|
|
8
|
+
/* TODO there is probably a better way to do this. */
|
|
9
|
+
.hover-indent-child {
|
|
10
|
+
.indent-child {
|
|
11
|
+
transition: transform 0.2s ease;
|
|
12
|
+
}
|
|
13
|
+
&:hover {
|
|
14
|
+
.indent-child {
|
|
15
|
+
transform:translateX(8px);
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
form.button_to {
|
|
21
|
+
@apply inline-block;
|
|
22
|
+
input[type=submit] {
|
|
23
|
+
@apply bg-transparent;
|
|
24
|
+
&.button {
|
|
25
|
+
@apply bg-blue hover:bg-blue-dark;
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
/* hide the first breadcrumb chevron */
|
|
31
|
+
ol.breadcrumb li:first-child svg { display: none; }
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
/* Import Electron utilities shared across all Tailwind-based themes. */
|
|
2
|
+
/* @import "../tailwind/electron.scss"; */
|
|
3
|
+
|
|
4
|
+
.electron, .todesktop {
|
|
5
|
+
|
|
6
|
+
a {
|
|
7
|
+
outline-color: var(--tw-ring-color);
|
|
8
|
+
--tw-ring-color: rgba(3, 98, 198, var(--tw-ring-opacity));
|
|
9
|
+
--tw-ring-opacity: 1;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
.electron-mobile-only {
|
|
13
|
+
@apply block lg:hidden;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.electron-title-bar {
|
|
17
|
+
/* override `md:rounded-lg` */
|
|
18
|
+
border-top-left-radius: 0;
|
|
19
|
+
|
|
20
|
+
/* hide logo because it doesn't fit into the ui well. */
|
|
21
|
+
img { display: none; }
|
|
22
|
+
|
|
23
|
+
min-height: 36px;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.main-container-padding {
|
|
27
|
+
padding: 0;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.main-container {
|
|
31
|
+
/* override `md:rounded-lg` */
|
|
32
|
+
border-top-right-radius: 0;
|
|
33
|
+
border-top-left-radius: 0;
|
|
34
|
+
border-bottom-right-radius: 0;
|
|
35
|
+
border-bottom-left-radius: 0;
|
|
36
|
+
|
|
37
|
+
/* override `md:h-auto` */
|
|
38
|
+
height: 100vh;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
/* hide profiler results because they don't fit into the ui well. */
|
|
42
|
+
.profiler-results { display: none; }
|
|
43
|
+
|
|
44
|
+
/* touch up the padding of the breadcrumbs. */
|
|
45
|
+
ol.breadcrumb { padding-top: 3px; }
|
|
46
|
+
}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
.cloudinary-field {
|
|
2
|
+
button.upload {
|
|
3
|
+
margin: 0;
|
|
4
|
+
border-radius: 4px;
|
|
5
|
+
padding: 0;
|
|
6
|
+
border: 2px solid #dde2ec;
|
|
7
|
+
background: transparent;
|
|
8
|
+
position: relative;
|
|
9
|
+
min-height: 50px;
|
|
10
|
+
min-width: 50px;
|
|
11
|
+
&:not(.present) {
|
|
12
|
+
min-height: 100px;
|
|
13
|
+
min-width: 100px;
|
|
14
|
+
}
|
|
15
|
+
i {
|
|
16
|
+
display: block;
|
|
17
|
+
text-align: center;
|
|
18
|
+
vertical-align: middle;
|
|
19
|
+
position: absolute;
|
|
20
|
+
line-height: 50px;
|
|
21
|
+
width: 50px;
|
|
22
|
+
height: 50px;
|
|
23
|
+
margin-left: -25px;
|
|
24
|
+
margin-top: -25px;
|
|
25
|
+
top: 50%;
|
|
26
|
+
left: 50%;
|
|
27
|
+
font-size: 32px;
|
|
28
|
+
color: #dde2ec;
|
|
29
|
+
}
|
|
30
|
+
& + button.clear {
|
|
31
|
+
display: none;
|
|
32
|
+
font-size: 32px;
|
|
33
|
+
color: #dde2ec;
|
|
34
|
+
background: transparent;
|
|
35
|
+
border: 0;
|
|
36
|
+
vertical-align: -7px;
|
|
37
|
+
&:focus, &:active {
|
|
38
|
+
i {
|
|
39
|
+
color: #047bf8;
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
&.present {
|
|
44
|
+
i {
|
|
45
|
+
display: none;
|
|
46
|
+
}
|
|
47
|
+
& + button.clear {
|
|
48
|
+
display: inline;
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
&:focus, &:active {
|
|
52
|
+
border-color: #047bf8;
|
|
53
|
+
i {
|
|
54
|
+
color: #047bf8;
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
@layer components {
|
|
2
|
+
.date-input {
|
|
3
|
+
.single-daterange {
|
|
4
|
+
@apply rounded-md shadow-sm focus:ring-blue focus:border-blue font-light text-sm;
|
|
5
|
+
}
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
.daterangepicker {
|
|
9
|
+
.hourselect, .minuteselect, .ampmselect {
|
|
10
|
+
@apply rounded-md shadow-sm focus:ring-blue font-light;
|
|
11
|
+
@apply border-gray-300 focus:border-blue bg-white !important;
|
|
12
|
+
text-align-last: center;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.calendar-table .active {
|
|
16
|
+
@apply bg-blue !important;
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
}
|
|
@@ -0,0 +1,96 @@
|
|
|
1
|
+
.select2-selection.select2-selection--single {
|
|
2
|
+
min-height: 37px;
|
|
3
|
+
.select2-selection__rendered {
|
|
4
|
+
padding-left: 12px;
|
|
5
|
+
min-height: 34px;
|
|
6
|
+
line-height: 34px;
|
|
7
|
+
}
|
|
8
|
+
.select2-selection__arrow {
|
|
9
|
+
padding-top: 35px;
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.select2-container .select2-search--inline .select2-search__field {
|
|
14
|
+
font-weight: 300;
|
|
15
|
+
margin-top: 6px;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.select2 {
|
|
19
|
+
display: block;
|
|
20
|
+
img {
|
|
21
|
+
display: none;
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.select2-results {
|
|
26
|
+
img {
|
|
27
|
+
height: 30px;
|
|
28
|
+
width: 30px;
|
|
29
|
+
border-radius: 15px;
|
|
30
|
+
margin-right: 8px;
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
@layer components {
|
|
35
|
+
.select2-container {
|
|
36
|
+
@apply w-full;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.select2-border {
|
|
40
|
+
@apply border-blue !important;
|
|
41
|
+
box-shadow: inset 0 0 0 1px #047bf8 !important;
|
|
42
|
+
outline: 0 !important;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
.select2-selection--single, .select2-selection--multiple {
|
|
46
|
+
@apply border-gray-300;
|
|
47
|
+
@apply rounded-md shadow-sm pt-0 focus:ring-blue !important;
|
|
48
|
+
height: 38px !important;
|
|
49
|
+
|
|
50
|
+
&.focus-visible {
|
|
51
|
+
@extend .select2-border;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
&:focus {
|
|
55
|
+
outline: 0 !important;
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
.select2-selection__arrow {
|
|
59
|
+
height: 34px !important;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
.select2-selection__rendered {
|
|
63
|
+
@apply text-gray-500 pl-3 !important;
|
|
64
|
+
line-height: 35px !important;
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
.select2-selection--multiple .select2-selection__choice {
|
|
69
|
+
margin-top: 6px !important;
|
|
70
|
+
line-height: 22px !important;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
.select2-container--open, .select2-container--focus {
|
|
74
|
+
.select2-selection--single, .select2-selection--multiple {
|
|
75
|
+
@extend .select2-border;
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
.select2-container .select2-dropdown {
|
|
80
|
+
@apply border-2 border-gray-300 shadow-sm overflow-hidden !important;
|
|
81
|
+
border-color: #5897fb !important;
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
.select2-container--default .select2-results__option[aria-selected=true] {
|
|
85
|
+
@apply text-white bg-blue !important;
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
.select2-search__field {
|
|
89
|
+
@apply rounded-md;
|
|
90
|
+
@apply border-gray-300 !important;
|
|
91
|
+
|
|
92
|
+
&:focus {
|
|
93
|
+
border-color: #5897fb !important;
|
|
94
|
+
}
|
|
95
|
+
}
|
|
96
|
+
}
|
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
@import "../actiontext";
|
|
2
|
+
|
|
3
|
+
/* don't show the editor tool bar unless the user is editing the field. */
|
|
4
|
+
/* see https://github.com/basecamp/trix/issues/343 and `app/assets/javascripts/account/fields.js` */
|
|
5
|
+
trix-toolbar {
|
|
6
|
+
opacity: 0.15;
|
|
7
|
+
&.visible {
|
|
8
|
+
opacity: 1;
|
|
9
|
+
}
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
a[href^="bullettrain://"], span.tribute-reference {
|
|
13
|
+
border-radius: 4px;
|
|
14
|
+
display: inline-block;
|
|
15
|
+
box-sizing: border-box;
|
|
16
|
+
padding: 0 4px;
|
|
17
|
+
margin: -1px 0;
|
|
18
|
+
color: #3E4B5B;
|
|
19
|
+
line-height: 17px;
|
|
20
|
+
text-decoration: none;
|
|
21
|
+
background-color: #ebe2ff;
|
|
22
|
+
border: 1px solid #7147d2;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
a[href^="bullettrain://users"], a[href^="bullettrain://teams"], span.tribute-users-reference, span.tribute-teams-reference {
|
|
26
|
+
background-color: #e2ebff;
|
|
27
|
+
border: 1px solid #4771d2;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.tribute-container {
|
|
31
|
+
ul {
|
|
32
|
+
border-radius: 5px;
|
|
33
|
+
overflow: hidden;
|
|
34
|
+
box-sizing: border-box;
|
|
35
|
+
border: 2px solid #047bf8;
|
|
36
|
+
background: white;
|
|
37
|
+
list-style: none;
|
|
38
|
+
padding: 0;
|
|
39
|
+
&:empty {
|
|
40
|
+
display: none;
|
|
41
|
+
}
|
|
42
|
+
li {
|
|
43
|
+
span {
|
|
44
|
+
font-weight: normal;
|
|
45
|
+
}
|
|
46
|
+
&.highlight {
|
|
47
|
+
background-color: #5897fb;
|
|
48
|
+
color: white;
|
|
49
|
+
}
|
|
50
|
+
padding: 5px 10px;
|
|
51
|
+
img {
|
|
52
|
+
height: 30px;
|
|
53
|
+
width: 30px;
|
|
54
|
+
border-radius: 15px;
|
|
55
|
+
margin-right: 5px;
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
trix-editor [data-trix-cursor-target] {
|
|
62
|
+
display: none !important;
|
|
63
|
+
height: 0 !important;
|
|
64
|
+
width: 0 !important;
|
|
65
|
+
/* background-color: red; */
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
.trix-editor {
|
|
69
|
+
* {
|
|
70
|
+
box-sizing: border-box;
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
trix-editor {
|
|
75
|
+
padding-right: 0.75rem;
|
|
76
|
+
padding-left: 0.75rem;
|
|
77
|
+
@apply shadow-sm border-gray-300 font-light rounded-md;
|
|
78
|
+
&:focus, &:active {
|
|
79
|
+
border-color: #047bf8;
|
|
80
|
+
box-shadow: inset 0 0 0 1px #047bf8;
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
.trix-hide-toolbar {
|
|
85
|
+
trix-toolbar {
|
|
86
|
+
display: none !important;
|
|
87
|
+
}
|
|
88
|
+
}
|
|
@@ -0,0 +1,359 @@
|
|
|
1
|
+
// TODO there is a ton of duplicate here that we can clean up!
|
|
2
|
+
|
|
3
|
+
*:not(br):not(tr):not(html) {
|
|
4
|
+
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
5
|
+
box-sizing: border-box;
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
body {
|
|
9
|
+
width: 100% !important;
|
|
10
|
+
height: 100%;
|
|
11
|
+
margin: 0;
|
|
12
|
+
line-height: 1.4;
|
|
13
|
+
background-color: #F6F7F8;
|
|
14
|
+
color: #3E4B5B;
|
|
15
|
+
font-size: 16px;
|
|
16
|
+
-webkit-text-size-adjust: none;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
p,
|
|
20
|
+
ul,
|
|
21
|
+
ol,
|
|
22
|
+
blockquote {
|
|
23
|
+
line-height: 1.4;
|
|
24
|
+
text-align: left;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
a {
|
|
28
|
+
color: #047BF8;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
a img {
|
|
32
|
+
border: none;
|
|
33
|
+
}
|
|
34
|
+
/* Layout ------------------------------ */
|
|
35
|
+
|
|
36
|
+
.email-wrapper {
|
|
37
|
+
width: 100%;
|
|
38
|
+
margin: 0;
|
|
39
|
+
padding: 0;
|
|
40
|
+
background-color: #F6F7F8;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
.email-content {
|
|
44
|
+
width: 100%;
|
|
45
|
+
margin: 0;
|
|
46
|
+
padding: 0;
|
|
47
|
+
}
|
|
48
|
+
/* Masthead ----------------------- */
|
|
49
|
+
|
|
50
|
+
.email-masthead {
|
|
51
|
+
padding: 25px 0;
|
|
52
|
+
text-align: center;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
.email-masthead_logo {
|
|
56
|
+
width: 94px;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
.email-masthead_name {
|
|
60
|
+
font-size: 16px;
|
|
61
|
+
/*font-weight: bold;*/
|
|
62
|
+
color: #bbbfc3;
|
|
63
|
+
text-decoration: none;
|
|
64
|
+
/*text-shadow: 0 1px 0 white;*/
|
|
65
|
+
}
|
|
66
|
+
/* Body ------------------------------ */
|
|
67
|
+
|
|
68
|
+
.email-body {
|
|
69
|
+
width: 100%;
|
|
70
|
+
margin: 0;
|
|
71
|
+
padding: 0;
|
|
72
|
+
border-top: 1px solid #EDEFF2;
|
|
73
|
+
border-bottom: 1px solid #EDEFF2;
|
|
74
|
+
background-color: #FFFFFF;
|
|
75
|
+
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
.email-body_inner {
|
|
79
|
+
width: 570px;
|
|
80
|
+
margin: 0 auto;
|
|
81
|
+
padding: 0;
|
|
82
|
+
background-color: #FFFFFF;
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
.email-footer {
|
|
86
|
+
width: 570px;
|
|
87
|
+
margin: 0 auto;
|
|
88
|
+
padding: 0;
|
|
89
|
+
text-align: center;
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
.email-footer p {
|
|
93
|
+
color: #AAAAAA;
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
.body-action {
|
|
97
|
+
width: 100%;
|
|
98
|
+
margin: 30px auto;
|
|
99
|
+
padding: 0;
|
|
100
|
+
text-align: center;
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
.body-sub {
|
|
104
|
+
margin-top: 25px;
|
|
105
|
+
padding-top: 25px;
|
|
106
|
+
border-top: 1px solid #EDEFF2;
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
.content-cell {
|
|
110
|
+
padding: 35px;
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
.preheader {
|
|
114
|
+
display: none !important;
|
|
115
|
+
}
|
|
116
|
+
/* Attribute list ------------------------------ */
|
|
117
|
+
|
|
118
|
+
.attributes {
|
|
119
|
+
margin: 0 0 21px;
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
.attributes_content {
|
|
123
|
+
background-color: #EDEFF2;
|
|
124
|
+
padding: 16px;
|
|
125
|
+
}
|
|
126
|
+
|
|
127
|
+
.attributes_item {
|
|
128
|
+
padding: 0;
|
|
129
|
+
}
|
|
130
|
+
/* Related Items ------------------------------ */
|
|
131
|
+
|
|
132
|
+
.related {
|
|
133
|
+
width: 100%;
|
|
134
|
+
margin: 0;
|
|
135
|
+
padding: 25px 0 0 0;
|
|
136
|
+
}
|
|
137
|
+
|
|
138
|
+
.related_item {
|
|
139
|
+
padding: 10px 0;
|
|
140
|
+
color: #3E4B5B;
|
|
141
|
+
font-size: 15px;
|
|
142
|
+
line-height: 18px;
|
|
143
|
+
}
|
|
144
|
+
|
|
145
|
+
.related_item-title {
|
|
146
|
+
display: block;
|
|
147
|
+
margin: .5em 0 0;
|
|
148
|
+
}
|
|
149
|
+
|
|
150
|
+
.related_item-thumb {
|
|
151
|
+
display: block;
|
|
152
|
+
padding-bottom: 10px;
|
|
153
|
+
}
|
|
154
|
+
|
|
155
|
+
.related_heading {
|
|
156
|
+
border-top: 1px solid #EDEFF2;
|
|
157
|
+
text-align: center;
|
|
158
|
+
padding: 25px 0 10px;
|
|
159
|
+
}
|
|
160
|
+
/* Discount Code ------------------------------ */
|
|
161
|
+
|
|
162
|
+
.discount {
|
|
163
|
+
width: 100%;
|
|
164
|
+
margin: 0;
|
|
165
|
+
padding: 24px;
|
|
166
|
+
background-color: #EDEFF2;
|
|
167
|
+
border: 2px dashed #9BA2AB;
|
|
168
|
+
}
|
|
169
|
+
|
|
170
|
+
.discount_heading {
|
|
171
|
+
text-align: center;
|
|
172
|
+
}
|
|
173
|
+
|
|
174
|
+
.discount_body {
|
|
175
|
+
text-align: center;
|
|
176
|
+
font-size: 15px;
|
|
177
|
+
}
|
|
178
|
+
/* Social Icons ------------------------------ */
|
|
179
|
+
|
|
180
|
+
.social {
|
|
181
|
+
width: auto;
|
|
182
|
+
}
|
|
183
|
+
|
|
184
|
+
.social td {
|
|
185
|
+
padding: 0;
|
|
186
|
+
width: auto;
|
|
187
|
+
}
|
|
188
|
+
|
|
189
|
+
.social_icon {
|
|
190
|
+
height: 20px;
|
|
191
|
+
margin: 0 8px 10px 8px;
|
|
192
|
+
padding: 0;
|
|
193
|
+
}
|
|
194
|
+
/* Data table ------------------------------ */
|
|
195
|
+
|
|
196
|
+
.purchase {
|
|
197
|
+
width: 100%;
|
|
198
|
+
margin: 0;
|
|
199
|
+
padding: 35px 0;
|
|
200
|
+
}
|
|
201
|
+
|
|
202
|
+
.purchase_content {
|
|
203
|
+
width: 100%;
|
|
204
|
+
margin: 0;
|
|
205
|
+
padding: 25px 0 0 0;
|
|
206
|
+
}
|
|
207
|
+
|
|
208
|
+
.purchase_item {
|
|
209
|
+
padding: 10px 0;
|
|
210
|
+
color: #3E4B5B;
|
|
211
|
+
font-size: 15px;
|
|
212
|
+
line-height: 18px;
|
|
213
|
+
}
|
|
214
|
+
|
|
215
|
+
.purchase_heading {
|
|
216
|
+
padding-bottom: 8px;
|
|
217
|
+
border-bottom: 1px solid #EDEFF2;
|
|
218
|
+
}
|
|
219
|
+
|
|
220
|
+
.purchase_heading p {
|
|
221
|
+
margin: 0;
|
|
222
|
+
color: #9BA2AB;
|
|
223
|
+
font-size: 12px;
|
|
224
|
+
}
|
|
225
|
+
|
|
226
|
+
.purchase_footer {
|
|
227
|
+
padding-top: 15px;
|
|
228
|
+
border-top: 1px solid #EDEFF2;
|
|
229
|
+
}
|
|
230
|
+
|
|
231
|
+
.purchase_total {
|
|
232
|
+
margin: 0;
|
|
233
|
+
text-align: right;
|
|
234
|
+
/*font-weight: bold;*/
|
|
235
|
+
color: #3E4B5B;
|
|
236
|
+
}
|
|
237
|
+
|
|
238
|
+
.purchase_total--label {
|
|
239
|
+
padding: 0 15px 0 0;
|
|
240
|
+
}
|
|
241
|
+
/* Utilities ------------------------------ */
|
|
242
|
+
|
|
243
|
+
.align-right {
|
|
244
|
+
text-align: right;
|
|
245
|
+
}
|
|
246
|
+
|
|
247
|
+
.align-left {
|
|
248
|
+
text-align: left;
|
|
249
|
+
}
|
|
250
|
+
|
|
251
|
+
.align-center {
|
|
252
|
+
text-align: center;
|
|
253
|
+
}
|
|
254
|
+
/*Media Queries ------------------------------ */
|
|
255
|
+
|
|
256
|
+
@media only screen and (max-width: 600px) {
|
|
257
|
+
.email-body_inner,
|
|
258
|
+
.email-footer {
|
|
259
|
+
width: 100% !important;
|
|
260
|
+
}
|
|
261
|
+
}
|
|
262
|
+
|
|
263
|
+
@media only screen and (max-width: 500px) {
|
|
264
|
+
.button {
|
|
265
|
+
width: 100% !important;
|
|
266
|
+
}
|
|
267
|
+
}
|
|
268
|
+
/* Buttons ------------------------------ */
|
|
269
|
+
|
|
270
|
+
.button {
|
|
271
|
+
background-color: #047BF8;
|
|
272
|
+
border-top: 10px solid #047BF8;
|
|
273
|
+
border-right: 18px solid #047BF8;
|
|
274
|
+
border-bottom: 10px solid #047BF8;
|
|
275
|
+
border-left: 18px solid #047BF8;
|
|
276
|
+
display: inline-block;
|
|
277
|
+
color: #FFF;
|
|
278
|
+
text-decoration: none;
|
|
279
|
+
border-radius: 3px;
|
|
280
|
+
-webkit-text-size-adjust: none;
|
|
281
|
+
line-height: 22px;
|
|
282
|
+
font-size: 16px;
|
|
283
|
+
color: #FFF;
|
|
284
|
+
}
|
|
285
|
+
|
|
286
|
+
.button--link {
|
|
287
|
+
background-color: transparent;
|
|
288
|
+
border-top: 10px solid transparent;
|
|
289
|
+
border-right: 18px solid transparent;
|
|
290
|
+
border-bottom: 10px solid transparent;
|
|
291
|
+
border-left: 18px solid transparent;
|
|
292
|
+
display: inline-block;
|
|
293
|
+
color: #047BF8;
|
|
294
|
+
text-decoration: underline;
|
|
295
|
+
border-radius: 3px;
|
|
296
|
+
/*box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16);*/
|
|
297
|
+
-webkit-text-size-adjust: none;
|
|
298
|
+
}
|
|
299
|
+
|
|
300
|
+
.button--green {
|
|
301
|
+
background-color: #22BC66;
|
|
302
|
+
border-top: 10px solid #22BC66;
|
|
303
|
+
border-right: 18px solid #22BC66;
|
|
304
|
+
border-bottom: 10px solid #22BC66;
|
|
305
|
+
border-left: 18px solid #22BC66;
|
|
306
|
+
}
|
|
307
|
+
|
|
308
|
+
.button--red {
|
|
309
|
+
background-color: #FF6136;
|
|
310
|
+
border-top: 10px solid #FF6136;
|
|
311
|
+
border-right: 18px solid #FF6136;
|
|
312
|
+
border-bottom: 10px solid #FF6136;
|
|
313
|
+
border-left: 18px solid #FF6136;
|
|
314
|
+
}
|
|
315
|
+
/* Type ------------------------------ */
|
|
316
|
+
|
|
317
|
+
h1 {
|
|
318
|
+
margin-top: 0;
|
|
319
|
+
color: #3E4B5B;
|
|
320
|
+
font-size: 19px;
|
|
321
|
+
font-weight: bold;
|
|
322
|
+
text-align: left;
|
|
323
|
+
}
|
|
324
|
+
|
|
325
|
+
h2 {
|
|
326
|
+
margin-top: 0;
|
|
327
|
+
color: #3E4B5B;
|
|
328
|
+
font-size: 16px;
|
|
329
|
+
font-weight: bold;
|
|
330
|
+
text-align: left;
|
|
331
|
+
}
|
|
332
|
+
|
|
333
|
+
h3 {
|
|
334
|
+
margin-top: 0;
|
|
335
|
+
color: #3E4B5B;
|
|
336
|
+
font-size: 14px;
|
|
337
|
+
font-weight: bold;
|
|
338
|
+
text-align: left;
|
|
339
|
+
}
|
|
340
|
+
|
|
341
|
+
p {
|
|
342
|
+
margin-top: 0;
|
|
343
|
+
color: #3E4B5B;
|
|
344
|
+
font-size: 16px;
|
|
345
|
+
line-height: 1.5em;
|
|
346
|
+
text-align: left;
|
|
347
|
+
}
|
|
348
|
+
|
|
349
|
+
p.sub {
|
|
350
|
+
font-size: 12px;
|
|
351
|
+
}
|
|
352
|
+
|
|
353
|
+
p.center {
|
|
354
|
+
text-align: center;
|
|
355
|
+
}
|
|
356
|
+
|
|
357
|
+
.body-action.less-footer {
|
|
358
|
+
margin-bottom: 10px;
|
|
359
|
+
}
|
|
@@ -0,0 +1,136 @@
|
|
|
1
|
+
@layer components {
|
|
2
|
+
a {
|
|
3
|
+
@apply text-blue hover:text-blue-dark hover:underline;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
b, strong {
|
|
7
|
+
@apply font-medium;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.buttons {
|
|
11
|
+
@apply space-x;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.button {
|
|
15
|
+
@apply shadow-sm text-white hover:text-white bg-blue hover:bg-blue-dark focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-dark hover:no-underline;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.button-secondary {
|
|
19
|
+
@apply text-blue hover:text-blue-dark hover:underline;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.button, .button-secondary, .button-alternative {
|
|
23
|
+
@apply py-2 px-4 border border-transparent rounded-md;
|
|
24
|
+
@apply inline-flex items-center whitespace-nowrap;
|
|
25
|
+
&.button-smaller {
|
|
26
|
+
@apply py-1 px-3 text-xs;
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.button-alternative {
|
|
31
|
+
@apply border-gray-300 rounded-md shadow-sm bg-white text-gray-500 hover:bg-gray-50 no-underline hover:no-underline;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
.button-color {
|
|
35
|
+
@extend .button;
|
|
36
|
+
@apply rounded-full;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.btn-toggle {
|
|
40
|
+
input[type=checkbox], input[type=radio] {
|
|
41
|
+
display: none;
|
|
42
|
+
&:checked {
|
|
43
|
+
& + button {
|
|
44
|
+
@extend .button;
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
&.btn-color-picker {
|
|
50
|
+
input[type=checkbox], input[type=radio] {
|
|
51
|
+
&:checked {
|
|
52
|
+
& + button {
|
|
53
|
+
@apply ring ring-offset-2 rounded-full;
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
.full {
|
|
61
|
+
@apply w-full flex justify-center;
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
form.form {
|
|
65
|
+
@apply space-y-5;
|
|
66
|
+
|
|
67
|
+
/*
|
|
68
|
+
This is the best way I know how to solve the problem of Tailwind's `space-y-5` creating extra space at the top
|
|
69
|
+
because Rails injects hidden fields at the top of our forms. However, we don't need this on `get` forms, because
|
|
70
|
+
no extra element is injected into the form.
|
|
71
|
+
*/
|
|
72
|
+
&[method="post" i], &[method="patch" i] {
|
|
73
|
+
@apply -mt-5;
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
.buttons {
|
|
77
|
+
@apply pt-1 space-x;
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
.table {
|
|
82
|
+
@apply w-full divide-y divide-gray-900 divide-opacity-5 text-left;
|
|
83
|
+
|
|
84
|
+
& th {
|
|
85
|
+
@apply px-3 py-3 text-2xs font-semibold font-normal;
|
|
86
|
+
|
|
87
|
+
&:first-child {
|
|
88
|
+
@apply pl-5;
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
&:last-child {
|
|
92
|
+
@apply pr-5;
|
|
93
|
+
}
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
& tbody {
|
|
97
|
+
@apply divide-y divide-gray-900 divide-opacity-5;
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
& td {
|
|
101
|
+
@apply px-3 py-3.5;
|
|
102
|
+
|
|
103
|
+
&:first-child {
|
|
104
|
+
@apply pl-5;
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
&:last-child {
|
|
108
|
+
@apply pr-5;
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
&.buttons {
|
|
112
|
+
@apply pr-3;
|
|
113
|
+
@apply text-right space-x-2;
|
|
114
|
+
|
|
115
|
+
/* just having a cell with buttons shouldn't expand the height of a table row. */
|
|
116
|
+
& > * {
|
|
117
|
+
@apply -mt-5 -mb-5;
|
|
118
|
+
}
|
|
119
|
+
}
|
|
120
|
+
}
|
|
121
|
+
}
|
|
122
|
+
|
|
123
|
+
.box-table {
|
|
124
|
+
.table {
|
|
125
|
+
& th, & td {
|
|
126
|
+
&:first-child {
|
|
127
|
+
@apply pl-8;
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
&:last-child {
|
|
131
|
+
@apply pr-8;
|
|
132
|
+
}
|
|
133
|
+
}
|
|
134
|
+
}
|
|
135
|
+
}
|
|
136
|
+
}
|
|
@@ -0,0 +1,205 @@
|
|
|
1
|
+
@layer utilities {
|
|
2
|
+
@media (prefers-color-scheme: dark) {
|
|
3
|
+
/**
|
|
4
|
+
* Color overrides
|
|
5
|
+
**/
|
|
6
|
+
.bg-blue-darker {
|
|
7
|
+
background-color: rgba(0, 0, 0, 0.15);
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
@variants dark {
|
|
11
|
+
.bg-dark-blue-gradient {
|
|
12
|
+
&:before {
|
|
13
|
+
background: linear-gradient(to bottom right, #633d7d, #2867ab 100%);
|
|
14
|
+
}
|
|
15
|
+
background: linear-gradient(to bottom right, #633d7d, #2867ab 100%);
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
/**
|
|
20
|
+
* General
|
|
21
|
+
**/
|
|
22
|
+
.button {
|
|
23
|
+
@apply ring-offset-sealBlue-400;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.table {
|
|
27
|
+
th {
|
|
28
|
+
@apply text-sealBlue-700;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
tbody {
|
|
32
|
+
@apply border-gray-500;
|
|
33
|
+
|
|
34
|
+
tr {
|
|
35
|
+
border-top: 1px solid theme('colors.sealBlue.600');
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
td {
|
|
39
|
+
@apply text-gray-400;
|
|
40
|
+
|
|
41
|
+
a,
|
|
42
|
+
input[type="submit"] {
|
|
43
|
+
@apply text-sealBlue-800;
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
/**
|
|
50
|
+
* Form components
|
|
51
|
+
**/
|
|
52
|
+
.button-secondary {
|
|
53
|
+
@apply text-sealBlue-800;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
.button-alternative {
|
|
57
|
+
@apply bg-black-400 border-black-400 text-white;
|
|
58
|
+
|
|
59
|
+
&:hover {
|
|
60
|
+
@apply bg-black-300 border-black-200 text-white;
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
/**
|
|
65
|
+
* Custom components
|
|
66
|
+
**/
|
|
67
|
+
/* Color picker */
|
|
68
|
+
.pcr-app {
|
|
69
|
+
@apply bg-sealBlue-300 border border-solid border-sealBlue-100;
|
|
70
|
+
|
|
71
|
+
.pcr-interaction .pcr-result {
|
|
72
|
+
@apply text-sealBlue-900 border border-solid border-sealBlue-100 bg-sealBlue-300;
|
|
73
|
+
|
|
74
|
+
&:focus {
|
|
75
|
+
box-shadow: 0 0 0 1px theme('colors.blue.500'), 0 0 0 3px theme('colors.blue.500');
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
/* Date range picker */
|
|
81
|
+
.daterangepicker {
|
|
82
|
+
@apply bg-sealBlue-300 border-sealBlue-100;
|
|
83
|
+
|
|
84
|
+
&::before {
|
|
85
|
+
border-bottom-color: theme('colors.sealBlue.100');
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
&::after {
|
|
89
|
+
border-bottom-color: theme('colors.sealBlue.300');
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
.calendar-table {
|
|
93
|
+
@apply bg-sealBlue-300 text-sealBlue-900;
|
|
94
|
+
|
|
95
|
+
/* navigation arrows */
|
|
96
|
+
.available {
|
|
97
|
+
span {
|
|
98
|
+
@apply border-blue-500;
|
|
99
|
+
}
|
|
100
|
+
}
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
/* Clear and Apply buttons wrapper */
|
|
104
|
+
.drp-buttons {
|
|
105
|
+
border-top-color: theme('colors.sealBlue.100');
|
|
106
|
+
@apply text-sealBlue-900;
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
th {
|
|
110
|
+
&.available:hover {
|
|
111
|
+
@apply bg-sealBlue-500;
|
|
112
|
+
}
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
td {
|
|
116
|
+
&.off {
|
|
117
|
+
@apply bg-sealBlue-300 text-white;
|
|
118
|
+
}
|
|
119
|
+
|
|
120
|
+
&.available:hover {
|
|
121
|
+
@apply bg-sealBlue-500;
|
|
122
|
+
}
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
.hourselect, .minuteselect, .ampmselect {
|
|
126
|
+
@apply text-sealBlue-900 border-sealBlue-100 bg-sealBlue-300 !important;
|
|
127
|
+
}
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
/* Phone field */
|
|
131
|
+
.iti__country-list {
|
|
132
|
+
@apply bg-sealBlue-300 border border-solid border-sealBlue-100;
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
/* Select2 */
|
|
136
|
+
.select2-container {
|
|
137
|
+
.select2-selection__rendered {
|
|
138
|
+
@apply text-sealBlue-900 !important;
|
|
139
|
+
}
|
|
140
|
+
|
|
141
|
+
.select2-dropdown {
|
|
142
|
+
@apply bg-sealBlue-400;
|
|
143
|
+
}
|
|
144
|
+
|
|
145
|
+
.select2-search__field {
|
|
146
|
+
@apply bg-sealBlue-300 border-sealBlue-100 !important;
|
|
147
|
+
}
|
|
148
|
+
|
|
149
|
+
.select2-selection--multiple, .select2-selection--single {
|
|
150
|
+
@apply bg-sealBlue-300 focus:ring-blue !important;
|
|
151
|
+
@apply text-sealBlue-900 border-sealBlue-100;
|
|
152
|
+
}
|
|
153
|
+
|
|
154
|
+
/* For the selected options in the multiple select2 component */
|
|
155
|
+
.select2-selection__choice {
|
|
156
|
+
@apply bg-blue-500 border-blue-500 !important;
|
|
157
|
+
@apply text-white;
|
|
158
|
+
|
|
159
|
+
.select2-selection__choice__remove {
|
|
160
|
+
@apply text-white;
|
|
161
|
+
|
|
162
|
+
&:hover {
|
|
163
|
+
@apply text-white;
|
|
164
|
+
}
|
|
165
|
+
}
|
|
166
|
+
}
|
|
167
|
+
|
|
168
|
+
.select2-results__option {
|
|
169
|
+
@apply text-sealBlue-900;
|
|
170
|
+
}
|
|
171
|
+
}
|
|
172
|
+
|
|
173
|
+
/* Trix Editor */
|
|
174
|
+
trix-editor {
|
|
175
|
+
@apply bg-sealBlue-300 border-sealBlue-100 !important;
|
|
176
|
+
|
|
177
|
+
&:focus, &:active {
|
|
178
|
+
@apply border-blue !important;
|
|
179
|
+
}
|
|
180
|
+
}
|
|
181
|
+
|
|
182
|
+
trix-toolbar {
|
|
183
|
+
.trix-button-group, .trix-button {
|
|
184
|
+
@apply border-sealBlue-100 !important;
|
|
185
|
+
}
|
|
186
|
+
}
|
|
187
|
+
|
|
188
|
+
/* CKEditor */
|
|
189
|
+
.ck {
|
|
190
|
+
--ck-color-base-background: theme('colors.sealBlue.300');
|
|
191
|
+
--ck-color-base-border: theme('colors.sealBlue.100');
|
|
192
|
+
--ck-color-toolbar-background: theme('colors.sealBlue.200');
|
|
193
|
+
--ck-color-toolbar-border: theme('colors.sealBlue.100');
|
|
194
|
+
--ck-color-text: theme('colors.sealBlue.900');
|
|
195
|
+
|
|
196
|
+
.ck-editor__editable:not(.ck-editor__nested-editable) {
|
|
197
|
+
@apply shadow-none;
|
|
198
|
+
|
|
199
|
+
&.ck-focused {
|
|
200
|
+
@apply shadow-none;
|
|
201
|
+
}
|
|
202
|
+
}
|
|
203
|
+
}
|
|
204
|
+
}
|
|
205
|
+
}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
@layer utilities {
|
|
2
|
+
.text-2xs {
|
|
3
|
+
@apply uppercase;
|
|
4
|
+
font-size: 0.65rem;
|
|
5
|
+
line-height: 0.9rem;
|
|
6
|
+
letter-spacing: 1px;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.space-y {
|
|
10
|
+
@apply space-y-5;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.space-x {
|
|
14
|
+
@apply space-x-3;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.gap-y {
|
|
18
|
+
@apply gap-y-5;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.gap-x {
|
|
22
|
+
@apply gap-x-4;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.bg-dark-blue-gradient {
|
|
26
|
+
background-image: linear-gradient(to bottom, #1c4cc3 0%, #0e369a 100%);
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
.bg-dark-awesome-gradient {
|
|
30
|
+
background-image: linear-gradient(to bottom right, darken(#D7BBEA, 45%) 10%, #0e369a 100%);
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.bg-light-blue-gradient {
|
|
34
|
+
&:before {
|
|
35
|
+
content: "";
|
|
36
|
+
position: fixed;
|
|
37
|
+
z-index: -1;
|
|
38
|
+
background: linear-gradient(to bottom right, #D7BBEA, #65A8F1);
|
|
39
|
+
top: 0px;
|
|
40
|
+
left: 0px;
|
|
41
|
+
bottom: 0px;
|
|
42
|
+
right: 0px;
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
[hidden] {
|
|
47
|
+
display: none !important;
|
|
48
|
+
}
|
|
49
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@tailwind base;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@tailwind components;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@tailwind utilities;
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
|
|
16
16
|
<% menu = capture do %>
|
|
17
17
|
<div class="flex items-center flex-shrink-0 p-4 bg-blue-darker md:rounded-tl-lg electron-draggable electron-title-bar dark:bg-black dark:bg-opacity-10">
|
|
18
|
-
<%= image_tag
|
|
18
|
+
<%= image_tag image_path('light/logo/logo.png'), class: 'h-5 w-auto mx-auto' %>
|
|
19
19
|
|
|
20
20
|
<div class="lg:hidden absolute right-0">
|
|
21
21
|
<button class="ml-1 flex items-center justify-center h-10 w-10 rounded-full focus:outline-none focus:ring-2 focus:ring-inset focus:ring-white dark:ring-transparent"
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
<%= stylesheet_link_tag 'https://rsms.me/inter/inter.css', media: 'all', 'data-turbo-track': 'reload' %>
|
|
2
|
-
<link href="<%=
|
|
3
|
-
<link href="<%=
|
|
4
|
-
<%=
|
|
5
|
-
<%=
|
|
2
|
+
<link href="<%= image_path('light/logo/favicon.png') %>" rel="shortcut icon" />
|
|
3
|
+
<link href="<%= image_path('light/logo/logo-square-bg.png') %>" rel="apple-touch-icon" />
|
|
4
|
+
<%= javascript_include_tag 'application', 'data-turbo-track': 'reload' %>
|
|
5
|
+
<%= stylesheet_link_tag 'application', media: 'all', 'data-turbo-track': 'reload' %>
|
|
6
|
+
<%= javascript_include_tag 'application.light', 'data-turbo-track': 'reload' %>
|
|
7
|
+
<%= stylesheet_link_tag 'application.light', media: 'all', 'data-turbo-track': 'reload' %>
|
|
6
8
|
<%= render 'layouts/head' %>
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
<div class="bg-white py-8 px-10 shadow rounded-lg dark:bg-sealBlue-400">
|
|
8
8
|
<div class="sm:mx-auto sm:w-full sm:max-w-md py-5">
|
|
9
9
|
<a href="<%= main_app.root_path %>" class="block py-3">
|
|
10
|
-
<img alt="" src="<%=
|
|
10
|
+
<img alt="" src="<%= image_path("light/logo/logo.png") %>" width="<%= image_width_for_height('light/logo/logo.png', 54) %>" height="54" class="mx-auto h-12 w-auto" />
|
|
11
11
|
</a>
|
|
12
12
|
|
|
13
13
|
<h1 class="mt-6 text-center text-3xl font-semibold tracking-tight dark:text-white">
|
data/tailwind.light.config.js
CHANGED
|
@@ -6,7 +6,11 @@ module.exports = {
|
|
|
6
6
|
'./app/views/**/*.html.erb',
|
|
7
7
|
'./app/helpers/**/*.rb',
|
|
8
8
|
'./app/assets/stylesheets/**/*.css',
|
|
9
|
-
'./app/javascript/**/*.js'
|
|
9
|
+
'./app/javascript/**/*.js',
|
|
10
|
+
'./tmp/gems/*/app/views/**/*.html.erb',
|
|
11
|
+
'./tmp/gems/*/app/helpers/**/*.rb',
|
|
12
|
+
'./tmp/gems/*/app/assets/stylesheets/**/*.css',
|
|
13
|
+
'./tmp/gems/*/app/javascript/**/*.js',
|
|
10
14
|
],
|
|
11
15
|
darkMode: 'media',
|
|
12
16
|
theme: {
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: bullet_train-themes-light
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 1.0.
|
|
4
|
+
version: 1.0.9
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Andrew Culver
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2022-02-
|
|
11
|
+
date: 2022-02-27 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: rails
|
|
@@ -50,6 +50,22 @@ files:
|
|
|
50
50
|
- Rakefile
|
|
51
51
|
- app/assets/config/bullet_train_themes_light_manifest.js
|
|
52
52
|
- app/assets/stylesheets/light.tailwind.css
|
|
53
|
+
- app/assets/stylesheets/light/actiontext.css
|
|
54
|
+
- app/assets/stylesheets/light/application.css
|
|
55
|
+
- app/assets/stylesheets/light/electron.css
|
|
56
|
+
- app/assets/stylesheets/light/fields/cloudinary_image.css
|
|
57
|
+
- app/assets/stylesheets/light/fields/date_field.css
|
|
58
|
+
- app/assets/stylesheets/light/fields/index.css
|
|
59
|
+
- app/assets/stylesheets/light/fields/phone_field.css
|
|
60
|
+
- app/assets/stylesheets/light/fields/super_select.css
|
|
61
|
+
- app/assets/stylesheets/light/fields/trix_editor.css
|
|
62
|
+
- app/assets/stylesheets/light/mailer.scss
|
|
63
|
+
- app/assets/stylesheets/light/tailwind/components.css
|
|
64
|
+
- app/assets/stylesheets/light/tailwind/dark-mode.css
|
|
65
|
+
- app/assets/stylesheets/light/tailwind/utilities.css
|
|
66
|
+
- app/assets/stylesheets/tailwindcss/base.css
|
|
67
|
+
- app/assets/stylesheets/tailwindcss/components.css
|
|
68
|
+
- app/assets/stylesheets/tailwindcss/utilities.css
|
|
53
69
|
- app/javascript/application.light.js
|
|
54
70
|
- app/views/themes/light/_alert.html.erb
|
|
55
71
|
- app/views/themes/light/_box.html.erb
|