@enso-ui/themes 3.0.9 → 3.0.13

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 (10) hide show
  1. package/bulma/components/v-tooltip.scss +1 -1
  2. package/bulma/dark/enso.scss +5 -0
  3. package/bulma/dark-rtl.lazy.scss +1 -1
  4. package/bulma/dark.lazy.scss +1 -1
  5. package/bulma/enso.scss +86 -0
  6. package/bulma/light-rtl.lazy.scss +1 -1
  7. package/bulma/light.lazy.scss +1 -1
  8. package/package.json +1 -1
  9. package/src/bulma/register.js +1 -1
  10. package/bulma/helpers.scss +0 -200
package/bulma/components/v-tooltip.scss CHANGED
@@ -9,7 +9,7 @@
9
9
  }
10
10
 
11
11
  .v-popper__arrow-container {
12
- .v-popper__arrow {
12
+ .v-popper__arrow-inner, .v-popper__arrow-outer {
13
13
  border-color: $tooltip-background;
14
14
  box-shadow: 0 3px 10px rgba($tooltip-text, .1);
15
15
  }
package/bulma/dark/enso.scss CHANGED
@@ -53,3 +53,8 @@
53
53
  }
54
54
  }
55
55
  }
56
+
57
+ .image.is-30x30 {
58
+ height: 30px;
59
+ width: 30px;
60
+ }
package/bulma/dark-rtl.lazy.scss CHANGED
@@ -18,4 +18,4 @@ $left: right;
18
18
 
19
19
  @import "./dark/enso";
20
20
 
21
- @import './helpers';
21
+ @import './enso';
package/bulma/dark.lazy.scss CHANGED
@@ -17,4 +17,4 @@ $left: left;
17
17
 
18
18
  @import "./dark/enso";
19
19
 
20
- @import './helpers';
20
+ @import './enso';
package/bulma/enso.scss ADDED
@@ -0,0 +1,86 @@
1
+ @import 'v-tooltip/dist/v-tooltip';
2
+
3
+ [v-cloak] {
4
+ display: none;
5
+ }
6
+
7
+ *:focus {
8
+ outline:0;
9
+ }
10
+
11
+ @media screen and (max-width: 769px) {
12
+ .columns.is-reverse-mobile {
13
+ flex-direction: column-reverse;
14
+ display: flex;
15
+ }
16
+ }
17
+
18
+ .mx-a {
19
+ margin-left: auto;
20
+ margin-right: auto;
21
+ }
22
+
23
+ .is-bold {
24
+ font-weight: bold;
25
+ }
26
+
27
+ .is-clickable {
28
+ cursor: pointer;
29
+ }
30
+
31
+ .has-text-muted {
32
+ opacity: 0.7;
33
+ }
34
+
35
+ .is-naked {
36
+ opacity: 0.7;
37
+ transition: opacity ease 0.3s;
38
+ &:hover {
39
+ opacity: 1;
40
+ }
41
+ }
42
+
43
+ a.is-naked {
44
+ color: inherit;
45
+ }
46
+
47
+ .button.is-naked {
48
+ background: 0;
49
+ border: none;
50
+ &:focus {
51
+ box-shadow: unset;
52
+ }
53
+ }
54
+
55
+ .is-raised {
56
+ -webkit-box-shadow: 0 0.25em 0.3em 0.15em rgba(42,51,83,.35);
57
+ box-shadow: 0 0.25em 0.3em 0.15em rgba(42,51,83,.35);
58
+ }
59
+
60
+ .raises-on-hover {
61
+ transition: box-shadow 0.3s ease-in-out;
62
+
63
+ &:hover {
64
+ -webkit-box-shadow: 0 0.1em 0.3em 0.2em rgba(42,51,83,.35);
65
+ box-shadow: 0 0.1em 0.3em 0.2em rgba(42,51,83,.35);
66
+ }
67
+ }
68
+
69
+ .no-scrollbars {
70
+ -ms-overflow-style: none;
71
+ overflow: -moz-scrollbars-none;
72
+
73
+ &::-webkit-scrollbar {
74
+ display: none;
75
+ }
76
+ }
77
+
78
+ .is-hoverable-item:hover {
79
+ background-color: $light;
80
+ }
81
+
82
+ .form-box {
83
+ position: relative;
84
+ z-index: 2;
85
+ overflow: visible;
86
+ }
package/bulma/light-rtl.lazy.scss CHANGED
@@ -16,4 +16,4 @@ $left: right;
16
16
 
17
17
  @import "./light/enso";
18
18
 
19
- @import './helpers';
19
+ @import './enso';
package/bulma/light.lazy.scss CHANGED
@@ -17,4 +17,4 @@ $left: left;
17
17
 
18
18
  @import "./light/enso";
19
19
 
20
- @import './helpers';
20
+ @import './enso';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@enso-ui/themes",
3
- "version": "3.0.9",
3
+ "version": "3.0.13",
4
4
  "description": "Enso UI Themes",
5
5
  "main": "index.js",
6
6
  "scripts": {
package/src/bulma/register.js CHANGED
@@ -1,4 +1,4 @@
1
1
  import App from '@enso-ui/ui/src/core/app';
2
2
  import ThemeSelector from './components/settings/ThemeSelector.vue';
3
3
 
4
- App.registerSettingsItem('setting-theme-selector', ThemeSelector, 200);
4
+ App.registerSettingsItem('theme-selector', ThemeSelector, 200);
package/bulma/helpers.scss DELETED
@@ -1,200 +0,0 @@
1
- .has-vertically-centered-content {
2
- display:flex;
3
- align-items: center;
4
- }
5
-
6
- @media screen and (max-width: 769px) {
7
- .columns.is-reverse-mobile {
8
- flex-direction: column-reverse;
9
- display: flex;
10
- }
11
- }
12
-
13
- .has-margin-auto {
14
- margin: auto;
15
- }
16
-
17
- .has-margin-small {
18
- margin: 0.2em;
19
- }
20
-
21
- .has-margin-left-small {
22
- margin-#{$left}: 0.2em;
23
- }
24
-
25
- .has-margin-right-small {
26
- margin-#{$right}: 0.2em;
27
- }
28
-
29
- .has-margin-top-small {
30
- margin-top: 0.2em;
31
- }
32
-
33
- .has-margin-bottom-small {
34
- margin-bottom: 0.2em;
35
- }
36
-
37
- .has-margin-medium {
38
- margin: 0.4em;
39
- }
40
-
41
- .has-margin-left-medium {
42
- margin-#{$left}: 0.4em;
43
- }
44
-
45
- .has-margin-right-medium {
46
- margin-#{$right}: 0.4em;
47
- }
48
-
49
- .has-margin-top-medium {
50
- margin-top: 0.4em;
51
- }
52
-
53
- .has-margin-bottom-medium {
54
- margin-bottom: 0.4em;
55
- }
56
-
57
- .has-margin-large {
58
- margin: 0.8em;
59
- }
60
-
61
- .has-margin-left-large {
62
- margin-#{$left}: 0.8em;
63
- }
64
-
65
- .has-margin-right-large {
66
- margin-#{$right}: 0.8em;
67
- }
68
-
69
- .has-margin-top-large {
70
- margin-top: 0.8em;
71
- }
72
-
73
- .has-margin-bottom-large {
74
- margin-bottom: 0.8em;
75
- }
76
-
77
- .has-padding-small {
78
- padding: 0.2em
79
- }
80
-
81
- .has-padding-left-small {
82
- padding-#{$left}: 0.2em;
83
- }
84
-
85
- .has-padding-right-small {
86
- padding-#{$right}: 0.2em;
87
- }
88
-
89
- .has-padding-top-small {
90
- padding-top: 0.2em;
91
- }
92
-
93
- .has-padding-bottom-small {
94
- padding-bottom: 0.2em;
95
- }
96
-
97
- .has-padding-medium {
98
- padding: 0.4em
99
- }
100
-
101
- .has-padding-left-medium {
102
- padding-#{$left}: 0.4em;
103
- }
104
-
105
- .has-padding-right-medium {
106
- padding-#{$right}: 0.4em;
107
- }
108
-
109
- .has-padding-top-medium {
110
- padding-top: 0.4em;
111
- }
112
-
113
- .has-padding-bottom-medium {
114
- padding-bottom: 0.4em;
115
- }
116
-
117
- .has-padding-large {
118
- padding: 0.8em
119
- }
120
-
121
- .has-padding-left-large {
122
- padding-#{$left}: 0.8em;
123
- }
124
-
125
- .has-padding-right-large {
126
- padding-#{$right}: 0.8em;
127
- }
128
-
129
- .has-padding-top-large {
130
- padding-top: 0.8em;
131
- }
132
-
133
- .has-padding-bottom-large {
134
- padding-bottom: 0.8em;
135
- }
136
-
137
- .is-bold {
138
- font-weight: bold;
139
- }
140
-
141
- .is-clickable {
142
- cursor: pointer;
143
- }
144
-
145
- .has-text-muted {
146
- opacity: 0.7;
147
- }
148
-
149
- .is-naked {
150
- opacity: 0.6;
151
- transition: opacity ease 0.3s;
152
- &:hover {
153
- opacity: 1;
154
- }
155
- }
156
-
157
- a.is-naked {
158
- color: inherit;
159
- }
160
-
161
- .button.is-naked {
162
- background: 0;
163
- border: none;
164
- &:focus {
165
- box-shadow: unset;
166
- }
167
- }
168
-
169
- .is-raised {
170
- -webkit-box-shadow: 0 0.25em 0.3em 0.15em rgba(42,51,83,.35);
171
- box-shadow: 0 0.25em 0.3em 0.15em rgba(42,51,83,.35);
172
- }
173
-
174
- .raises-on-hover {
175
- transition: box-shadow 0.3s ease-in-out;
176
-
177
- &:hover {
178
- -webkit-box-shadow: 0 0.1em 0.3em 0.2em rgba(42,51,83,.35);
179
- box-shadow: 0 0.1em 0.3em 0.2em rgba(42,51,83,.35);
180
- }
181
- }
182
-
183
- .no-scrollbars {
184
- -ms-overflow-style: none;
185
- overflow: -moz-scrollbars-none;
186
-
187
- &::-webkit-scrollbar {
188
- display: none;
189
- }
190
- }
191
-
192
- .is-hoverable-item:hover {
193
- background-color: $light;
194
- }
195
-
196
- .form-box {
197
- position: relative;
198
- z-index: 2;
199
- overflow: visible;
200
- }