lookbook 2.0.5 → 2.1.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/components/lookbook/base_component.rb +1 -1
- data/app/components/lookbook/embed/inspector/component.html.erb +19 -4
- data/app/components/lookbook/embed/inspector/component.rb +1 -1
- data/app/components/lookbook/header/component.html.erb +4 -3
- data/app/components/lookbook/tag_component.rb +8 -1
- data/app/controllers/lookbook/embeds_controller.rb +3 -3
- data/app/controllers/lookbook/inspector_controller.rb +1 -1
- data/app/controllers/lookbook/pages_controller.rb +1 -1
- data/app/controllers/lookbook/previews_controller.rb +1 -1
- data/app/views/layouts/lookbook/embed.html.erb +6 -0
- data/app/views/lookbook/inspector/show.html.erb +3 -3
- data/app/views/lookbook/previews/group.html.erb +1 -0
- data/assets/css/lookbook.css +2 -2
- data/assets/js/app.js +6 -0
- data/lib/lookbook/cable/cable.rb +2 -2
- data/lib/lookbook/engine.rb +5 -3
- data/lib/lookbook/entities/collections/preview_collection.rb +1 -4
- data/lib/lookbook/entities/entity.rb +4 -0
- data/lib/lookbook/entities/scenario_entity.rb +1 -1
- data/lib/lookbook/entities/scenario_group_entity.rb +1 -1
- data/lib/lookbook/file_watcher.rb +1 -1
- data/lib/lookbook/helpers/class_names_helper.rb +2 -2
- data/lib/lookbook/helpers/ui_elements_helper.rb +6 -6
- data/lib/lookbook/param.rb +1 -1
- data/lib/lookbook/preview_controller_actions.rb +1 -1
- data/lib/lookbook/stores/input_store.rb +2 -2
- data/lib/lookbook/stores/panel_store.rb +2 -2
- data/lib/lookbook/support/service.rb +2 -2
- data/lib/lookbook/version.rb +1 -1
- data/lib/lookbook/websocket.rb +3 -3
- data/public/lookbook-assets/css/lookbook.css +21 -3
- data/public/lookbook-assets/css/lookbook.css.map +1 -1
- data/public/lookbook-assets/js/index.js +3 -0
- data/public/lookbook-assets/js/index.js.map +1 -1
- metadata +3 -3
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 19ab9c7f446b482d3fca35d243e8c998b2bc6eed27315b88a27e76ff0efd5da2
|
4
|
+
data.tar.gz: 254235a524acd72521176f195ffb6e2ec4fa972e4590bc495aca6026366a17a3
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 5c25ff635a176b8973155be10c3b5bc89dbb5a8bfd75f9427198b9ab6b1ac57fab5a85af4f6a0028c87e5600105d7cebe299997f81d3fb16a03b175424770bbd
|
7
|
+
data.tar.gz: 3022e8109efafbc70e6e04fffef56694caa6b44be75edf6568c7127b51145ab110bf8baea411e869e790a11405567e3d6da436de12bcf811b076fbf543e6321b
|
@@ -1,6 +1,6 @@
|
|
1
1
|
module Lookbook
|
2
2
|
class BaseComponent < ViewComponent::Base
|
3
|
-
include Lookbook::Engine.routes.url_helpers
|
3
|
+
send(:include, Lookbook::Engine.routes.url_helpers) # YARD parsing workaround: https://github.com/lsegal/yard/issues/546
|
4
4
|
include Lookbook::UiElementsHelper
|
5
5
|
include Lookbook::ClassNamesHelper if Engine.runtime_context.rails_older_than?("6.1.0")
|
6
6
|
|
@@ -9,7 +9,7 @@
|
|
9
9
|
<h3 class="flex items-center space-x-1">
|
10
10
|
<strong class="text-lookbook-embed-title"><%= target.preview.label %></strong>
|
11
11
|
<% if scenarios.many? %>
|
12
|
-
<%= select_tag("target", options_for_select(scenario_select_options, helpers.lookbook_embed_path(target.
|
12
|
+
<%= select_tag("target", options_for_select(scenario_select_options, helpers.lookbook_embed_path(target.lookup_path)), "x-model": "targetPath", class: "!ml-2 compact") %>
|
13
13
|
<% else %>
|
14
14
|
<span>(<%= target.label %>) </span>
|
15
15
|
<% end %>
|
@@ -31,13 +31,13 @@
|
|
31
31
|
<%= lookbook_render :button_group do |group| %>
|
32
32
|
<% if display_action?(:inspect) %>
|
33
33
|
<% group.with_button icon: :eye,
|
34
|
-
href: helpers.lookbook_inspect_url(target.
|
34
|
+
href: helpers.lookbook_inspect_url(target.lookup_path, params),
|
35
35
|
tooltip: "View in Inspector",
|
36
36
|
target: "_top" %>
|
37
37
|
<% end %>
|
38
38
|
<% if display_action?(:open) %>
|
39
39
|
<% group.with_button icon: :external_link,
|
40
|
-
href: helpers.lookbook_preview_url(target.
|
40
|
+
href: helpers.lookbook_preview_url(target.lookup_path, params),
|
41
41
|
tooltip: "Open in new window",
|
42
42
|
target: "_blank" %>
|
43
43
|
<% end %>
|
@@ -57,7 +57,7 @@
|
|
57
57
|
x-ref="viewportWrapper">
|
58
58
|
<%= lookbook_render :viewport,
|
59
59
|
iframe_id: "#{id}-viewport",
|
60
|
-
src: helpers.lookbook_preview_path(target.
|
60
|
+
src: helpers.lookbook_preview_path(target.lookup_path, request.query_parameters.merge(lookbook_timestamp: Time.now, lookbook_embed: true)),
|
61
61
|
alpine_data: "store",
|
62
62
|
resize_height: false,
|
63
63
|
class: "mb-[-2px] transition-[height] duration-150",
|
@@ -82,6 +82,21 @@
|
|
82
82
|
<% end %>
|
83
83
|
<% end %>
|
84
84
|
<% end %>
|
85
|
+
|
86
|
+
<% toolbar.with_section align: :right, class: "flex-none relative z-10" do %>
|
87
|
+
<%= lookbook_render :button_group do |group| %>
|
88
|
+
<%= panels.select { |p| !p.disabled && p.copy }.each do |panel| %>
|
89
|
+
<% group.with_button id: "copy-panel-contents-button-#{panel.name}",
|
90
|
+
icon: :copy,
|
91
|
+
tooltip: "Copy panel contents",
|
92
|
+
copy: !!panel.copy,
|
93
|
+
"x-show": "store.activeTab === '#{panel.name}'",
|
94
|
+
cloak: true do %>
|
95
|
+
<%= panel.copy ? panel.copy : "" %>
|
96
|
+
<% end %>
|
97
|
+
<% end %>
|
98
|
+
<% end %>
|
99
|
+
<% end %>
|
85
100
|
<% end %>
|
86
101
|
|
87
102
|
<div class="bg-lookbook-drawer-bg">
|
@@ -40,7 +40,7 @@ module Lookbook
|
|
40
40
|
end
|
41
41
|
|
42
42
|
def scenario_select_options
|
43
|
-
scenarios.map { |scenario| [scenario.label, helpers.lookbook_embed_path(scenario.
|
43
|
+
scenarios.map { |scenario| [scenario.label, helpers.lookbook_embed_path(scenario.lookup_path)] }
|
44
44
|
end
|
45
45
|
|
46
46
|
def display_option_controls?
|
@@ -29,6 +29,7 @@
|
|
29
29
|
<% if @debug_menu %>
|
30
30
|
<% group.with_button id: "debug-menu-button",
|
31
31
|
icon: :help_circle,
|
32
|
+
tooltip: "Debug info",
|
32
33
|
class: "!text-lookbook-header-text", "x-show": "!loading" do |button| %>
|
33
34
|
<% menu = lookbook_render :debug_menu,
|
34
35
|
version: Lookbook::VERSION,
|
@@ -50,8 +51,8 @@
|
|
50
51
|
"x-show": "$store.layout.mobile && !sidebarHidden",
|
51
52
|
"x-on:keydown.esc.window": "closeMobileSidebar",
|
52
53
|
class: "!text-lookbook-header-text" %>
|
53
|
-
<% end %>
|
54
|
+
<% end %>
|
54
55
|
<% end %>
|
55
56
|
<% end %>
|
56
|
-
|
57
|
-
<% end %>
|
57
|
+
|
58
|
+
<% end %>
|
@@ -20,7 +20,14 @@ module Lookbook
|
|
20
20
|
end
|
21
21
|
|
22
22
|
def self.escape_attribute_key
|
23
|
-
@escape_attribute_key ||= (
|
23
|
+
@escape_attribute_key ||= (
|
24
|
+
(
|
25
|
+
Gem::Version.new(Rails.version) < Gem::Version.new("5.2.7.1")
|
26
|
+
) || (
|
27
|
+
Gem::Version.new(Rails.version) >= Gem::Version.new("6") &&
|
28
|
+
Gem::Version.new(Rails.version) < Gem::Version.new("6.1.5.1")
|
29
|
+
)
|
30
|
+
) ? :escape_attributes : :escape
|
24
31
|
end
|
25
32
|
end
|
26
33
|
end
|
@@ -1,5 +1,5 @@
|
|
1
1
|
module Lookbook
|
2
|
-
class EmbedsController < ApplicationController
|
2
|
+
class EmbedsController < Lookbook::ApplicationController
|
3
3
|
include ActionView::Helpers::SanitizeHelper
|
4
4
|
include TargetableConcern
|
5
5
|
include WithPreviewControllerConcern
|
@@ -53,7 +53,7 @@ module Lookbook
|
|
53
53
|
embed_params[:_options] = SearchParamEncoder.call(options)
|
54
54
|
embed_params.symbolize_keys!
|
55
55
|
|
56
|
-
return redirect_to lookbook_embed_url(scenario ? scenario.
|
56
|
+
return redirect_to lookbook_embed_url(scenario ? scenario.lookup_path : preview.lookup_path, embed_params)
|
57
57
|
end
|
58
58
|
end
|
59
59
|
|
@@ -65,7 +65,7 @@ module Lookbook
|
|
65
65
|
unless @target
|
66
66
|
@target = @scenario_choices.first || @preview&.default_scenario
|
67
67
|
if @target
|
68
|
-
redirect_to lookbook_embed_path(@target.
|
68
|
+
redirect_to lookbook_embed_path(@target.lookup_path, req_params)
|
69
69
|
else
|
70
70
|
raise_not_found("Preview not found")
|
71
71
|
end
|
@@ -11,6 +11,12 @@
|
|
11
11
|
|
12
12
|
<%= content_for?(:main) ? yield(:main) : yield %>
|
13
13
|
</div>
|
14
|
+
|
15
|
+
<% if content_for? :dropdowns %>
|
16
|
+
<div class="hidden">
|
17
|
+
<%= content_for :dropdowns -%>
|
18
|
+
</div>
|
19
|
+
<% end %>
|
14
20
|
<% end %>
|
15
21
|
|
16
22
|
<%= render template: "layouts/lookbook/skeleton" %>
|
@@ -63,7 +63,7 @@
|
|
63
63
|
tooltip: "Open preview in new window",
|
64
64
|
target: "_blank" %>
|
65
65
|
|
66
|
-
<% group.with_button id: "show-drawer-button",
|
66
|
+
<% group.with_button id: "show-vertical-drawer-button",
|
67
67
|
icon: "sidebar",
|
68
68
|
tooltip: "Show drawer",
|
69
69
|
"x-on:click": "$store.inspector.drawer.hidden = false",
|
@@ -71,7 +71,7 @@
|
|
71
71
|
"x-show": "$store.inspector.drawer.hidden && vertical",
|
72
72
|
cloak: true %>
|
73
73
|
|
74
|
-
<% group.with_button id: "show-drawer-button",
|
74
|
+
<% group.with_button id: "show-bottom-drawer-button",
|
75
75
|
icon: "credit-card",
|
76
76
|
tooltip: "Show drawer",
|
77
77
|
"x-on:click": "$store.inspector.drawer.hidden = false",
|
@@ -166,4 +166,4 @@
|
|
166
166
|
</div>
|
167
167
|
<% end %>
|
168
168
|
<% end %>
|
169
|
-
</main>
|
169
|
+
</main>
|
data/assets/css/lookbook.css
CHANGED
@@ -9,7 +9,7 @@
|
|
9
9
|
|
10
10
|
@layer base {
|
11
11
|
html {
|
12
|
-
@apply scroll-smooth h-screen;
|
12
|
+
@apply scroll-smooth h-screen w-screen;
|
13
13
|
}
|
14
14
|
|
15
15
|
@media screen and (prefers-reduced-motion: reduce) {
|
@@ -19,7 +19,7 @@
|
|
19
19
|
}
|
20
20
|
|
21
21
|
body {
|
22
|
-
@apply text-lookbook-text font-ui text-sm overflow-hidden;
|
22
|
+
@apply text-lookbook-text font-ui text-sm overflow-hidden w-screen;
|
23
23
|
}
|
24
24
|
|
25
25
|
[x-cloak] {
|
data/assets/js/app.js
CHANGED
@@ -25,6 +25,12 @@ export default function app() {
|
|
25
25
|
const socket = createSocket(window.SOCKET_PATH);
|
26
26
|
socket.addListener("Lookbook::ReloadChannel", () => this.updateDOM());
|
27
27
|
}
|
28
|
+
|
29
|
+
this.$watch("$store.layout.mobile", (mobile) => {
|
30
|
+
if (!mobile) {
|
31
|
+
this.$store.layout.sidebar.hidden = true;
|
32
|
+
}
|
33
|
+
});
|
28
34
|
},
|
29
35
|
|
30
36
|
navigateTo(path) {
|
data/lib/lookbook/cable/cable.rb
CHANGED
data/lib/lookbook/engine.rb
CHANGED
@@ -62,7 +62,9 @@ module Lookbook
|
|
62
62
|
ViewComponent::Preview.extend(Lookbook::PreviewAfterRender)
|
63
63
|
end
|
64
64
|
|
65
|
-
|
65
|
+
if opts.reload_on_change.nil?
|
66
|
+
opts.reload_on_change = !host_config.cache_classes && host_config.reload_classes_only_on_change
|
67
|
+
end
|
66
68
|
end
|
67
69
|
|
68
70
|
config.after_initialize do
|
@@ -144,9 +146,9 @@ module Lookbook
|
|
144
146
|
@_hooks ||= HookStore.new
|
145
147
|
end
|
146
148
|
|
147
|
-
def run_hooks(event_name, *
|
149
|
+
def run_hooks(event_name, *)
|
148
150
|
hooks.for_event(event_name).each do |hook|
|
149
|
-
hook.call(Lookbook, *
|
151
|
+
hook.call(Lookbook, *)
|
150
152
|
end
|
151
153
|
end
|
152
154
|
|
@@ -44,10 +44,7 @@ module Lookbook
|
|
44
44
|
end
|
45
45
|
|
46
46
|
def entities
|
47
|
-
@_cache[:entities] ||=
|
48
|
-
all = collect_ordered_entities(to_tree(include_hidden: true))
|
49
|
-
all.filter { _1.is_a?(Lookbook::PreviewEntity) }
|
50
|
-
end
|
47
|
+
@_cache[:entities] ||= collect_ordered_entities(to_tree(include_hidden: true)).grep(Lookbook::PreviewEntity)
|
51
48
|
end
|
52
49
|
|
53
50
|
class << self
|
@@ -19,8 +19,8 @@ module Lookbook
|
|
19
19
|
tag_values
|
20
20
|
end
|
21
21
|
|
22
|
-
def class_names(*
|
23
|
-
tokens = build_tag_values(*
|
22
|
+
def class_names(*)
|
23
|
+
tokens = build_tag_values(*).flat_map { |value| value.to_s.split(/\s+/) }.uniq
|
24
24
|
|
25
25
|
safe_join(tokens, " ")
|
26
26
|
end
|
@@ -17,8 +17,8 @@ module Lookbook
|
|
17
17
|
#
|
18
18
|
# @param name [Symbol, String] Name of the icon
|
19
19
|
# @param opts [Hash] Options hash
|
20
|
-
def icon(name, **
|
21
|
-
lookbook_render
|
20
|
+
def icon(name, **)
|
21
|
+
lookbook_render(:icon, name: name, **)
|
22
22
|
end
|
23
23
|
|
24
24
|
# Display a syntax-highlighted block of code.
|
@@ -35,13 +35,13 @@ module Lookbook
|
|
35
35
|
end
|
36
36
|
|
37
37
|
# @api private
|
38
|
-
def prose(
|
39
|
-
lookbook_render
|
38
|
+
def prose(**, &block)
|
39
|
+
lookbook_render(:prose, **, &block)
|
40
40
|
end
|
41
41
|
|
42
42
|
# @api private
|
43
|
-
def lookbook_tag(tag = :div,
|
44
|
-
lookbook_render
|
43
|
+
def lookbook_tag(tag = :div, **, &block)
|
44
|
+
lookbook_render(:tag, tag: tag, **, &block)
|
45
45
|
end
|
46
46
|
|
47
47
|
# @api private
|
data/lib/lookbook/param.rb
CHANGED
@@ -28,7 +28,7 @@ module Lookbook
|
|
28
28
|
val = @value || value_default
|
29
29
|
if value_type == "datetime"
|
30
30
|
formatter = (input == "datetime-local") ? "%Y-%m-%dT%T" : "%Y-%m-%d"
|
31
|
-
StringValueCaster.call(val, "datetime")
|
31
|
+
StringValueCaster.call(val, "datetime")&.strftime(formatter)
|
32
32
|
else
|
33
33
|
val
|
34
34
|
end
|
@@ -4,7 +4,7 @@ module Lookbook
|
|
4
4
|
|
5
5
|
included do
|
6
6
|
helper PreviewHelper
|
7
|
-
helper Rails.application.routes.url_helpers
|
7
|
+
send(:helper, Rails.application.routes.url_helpers) # YARD parsing workaround: https://github.com/lsegal/yard/issues/546
|
8
8
|
prepend_view_path Engine.root.join("app/views")
|
9
9
|
|
10
10
|
def render_scenario_to_string(preview, scenario)
|
@@ -19,11 +19,11 @@ module Lookbook
|
|
19
19
|
load_config(config)
|
20
20
|
end
|
21
21
|
|
22
|
-
def add_panel(name, *
|
22
|
+
def add_panel(name, *)
|
23
23
|
if get_panel(name)
|
24
24
|
raise ConfigError.new("panel with name '#{name}' already exists", scope: "panels.config")
|
25
25
|
else
|
26
|
-
store[Utils.symbolize_name(name)] = build_config(name, *
|
26
|
+
store[Utils.symbolize_name(name)] = build_config(name, *)
|
27
27
|
end
|
28
28
|
end
|
29
29
|
|
data/lib/lookbook/version.rb
CHANGED
data/lib/lookbook/websocket.rb
CHANGED
@@ -1,10 +1,10 @@
|
|
1
1
|
module Lookbook
|
2
2
|
class Websocket
|
3
3
|
class << self
|
4
|
-
def new(mount_path, **
|
5
|
-
require_relative "
|
4
|
+
def new(mount_path, **)
|
5
|
+
require_relative "cable/cable"
|
6
6
|
|
7
|
-
Cable.new(mount_path, **
|
7
|
+
Cable.new(mount_path, **)
|
8
8
|
rescue LoadError
|
9
9
|
NullWebsocket.new
|
10
10
|
end
|
@@ -112,6 +112,8 @@ table {
|
|
112
112
|
}
|
113
113
|
|
114
114
|
button, input, optgroup, select, textarea {
|
115
|
+
font-feature-settings: inherit;
|
116
|
+
font-variation-settings: inherit;
|
115
117
|
font-family: inherit;
|
116
118
|
font-size: 100%;
|
117
119
|
font-weight: inherit;
|
@@ -184,6 +186,10 @@ ol, ul, menu {
|
|
184
186
|
list-style: none;
|
185
187
|
}
|
186
188
|
|
189
|
+
dialog {
|
190
|
+
padding: 0;
|
191
|
+
}
|
192
|
+
|
187
193
|
textarea {
|
188
194
|
resize: vertical;
|
189
195
|
}
|
@@ -215,7 +221,7 @@ img, video {
|
|
215
221
|
display: none;
|
216
222
|
}
|
217
223
|
|
218
|
-
[type="text"], [type="email"], [type="url"], [type="password"], [type="number"], [type="date"], [type="datetime-local"], [type="month"], [type="search"], [type="tel"], [type="time"], [type="week"], [multiple], textarea, select {
|
224
|
+
[type="text"], input:where(:not([type])), [type="email"], [type="url"], [type="password"], [type="number"], [type="date"], [type="datetime-local"], [type="month"], [type="search"], [type="tel"], [type="time"], [type="week"], [multiple], textarea, select {
|
219
225
|
appearance: none;
|
220
226
|
--tw-shadow: 0 0 #0000;
|
221
227
|
background-color: #fff;
|
@@ -227,7 +233,7 @@ img, video {
|
|
227
233
|
line-height: 1.5rem;
|
228
234
|
}
|
229
235
|
|
230
|
-
[type="text"]:focus, [type="email"]:focus, [type="url"]:focus, [type="password"]:focus, [type="number"]:focus, [type="date"]:focus, [type="datetime-local"]:focus, [type="month"]:focus, [type="search"]:focus, [type="tel"]:focus, [type="time"]:focus, [type="week"]:focus, [multiple]:focus, textarea:focus, select:focus {
|
236
|
+
[type="text"]:focus, input:where(:not([type])):focus, [type="email"]:focus, [type="url"]:focus, [type="password"]:focus, [type="number"]:focus, [type="date"]:focus, [type="datetime-local"]:focus, [type="month"]:focus, [type="search"]:focus, [type="tel"]:focus, [type="time"]:focus, [type="week"]:focus, [multiple]:focus, textarea:focus, select:focus {
|
231
237
|
outline-offset: 2px;
|
232
238
|
--tw-ring-inset: var(--tw-empty, );
|
233
239
|
--tw-ring-offset-width: 0px;
|
@@ -251,6 +257,11 @@ input::placeholder, textarea::placeholder {
|
|
251
257
|
|
252
258
|
::-webkit-date-and-time-value {
|
253
259
|
min-height: 1.5em;
|
260
|
+
text-align: inherit;
|
261
|
+
}
|
262
|
+
|
263
|
+
::-webkit-datetime-edit {
|
264
|
+
display: inline-flex;
|
254
265
|
}
|
255
266
|
|
256
267
|
::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
|
@@ -267,7 +278,7 @@ select {
|
|
267
278
|
padding-right: 2.5rem;
|
268
279
|
}
|
269
280
|
|
270
|
-
[multiple] {
|
281
|
+
[multiple], [size]:where(select:not([size="1"])) {
|
271
282
|
background-image: initial;
|
272
283
|
background-position: initial;
|
273
284
|
background-repeat: unset;
|
@@ -367,6 +378,7 @@ select {
|
|
367
378
|
|
368
379
|
html {
|
369
380
|
height: 100vh;
|
381
|
+
width: 100vw;
|
370
382
|
scroll-behavior: smooth;
|
371
383
|
}
|
372
384
|
|
@@ -377,6 +389,7 @@ html {
|
|
377
389
|
}
|
378
390
|
|
379
391
|
body {
|
392
|
+
width: 100vw;
|
380
393
|
color: var(--lookbook-text);
|
381
394
|
font-family: Inter var, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
|
382
395
|
font-size: .875rem;
|
@@ -501,6 +514,11 @@ pre[class*="language-"] {
|
|
501
514
|
|
502
515
|
.form-input::-webkit-date-and-time-value {
|
503
516
|
min-height: 1.5em;
|
517
|
+
text-align: inherit;
|
518
|
+
}
|
519
|
+
|
520
|
+
.form-input::-webkit-datetime-edit {
|
521
|
+
display: inline-flex;
|
504
522
|
}
|
505
523
|
|
506
524
|
.form-input::-webkit-datetime-edit, .form-input::-webkit-datetime-edit-year-field, .form-input::-webkit-datetime-edit-month-field, .form-input::-webkit-datetime-edit-day-field, .form-input::-webkit-datetime-edit-hour-field, .form-input::-webkit-datetime-edit-minute-field, .form-input::-webkit-datetime-edit-second-field, .form-input::-webkit-datetime-edit-millisecond-field, .form-input::-webkit-datetime-edit-meridiem-field {
|
@@ -1 +1 @@
|
|
1
|
-
{"mappings":"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;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;;;AAOA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;;AAMA;;;;;;AAOA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;;AAMA;;;;;;AAMA;;;;;;AAMA;;;;;;AAMA;;;;;;AAMA;;;;;;AAMA;;;;;;AAMA;;;;;;AAMA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;;AAMA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;;;AAMA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;AAIA;;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;;AAMA;;;;;AAKA;;;;AAIA;;;;;;AAMA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;AAIA;;;;;;AAMA;;;;;;AAMA;;;;;;AAMA;;;;;;AAMA;;;;;;AAMA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAEA;;;;AAEA;;;;;;;;;;;;AAEA;;;;AAEA;;;;;;;;AAEA;;;;AAEA;;;;;;;;AAEA;;;;AAEA;;;;;;;AAEA;;;;AAEA;;;;;;;AAEA;;;;AAEA;;;;;;AAEA;;;;;;;AAEA;;;;;;AAEA;;;;AAEA;;;;;;;AAEA;;;;;;;AAEA;;;;;;;AAEA;;;;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;;;;AAEA;;;;;;;;AASA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;;;;;;AAWA;;;;;;AAMA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmGA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8CA;;;;AAIA;;;;;;AAMA;;;;AAIA;;;;;AAOA;;;;AAMA;;;;AAMA;;;;;AAOA;;;;AAMA;;;;AAOA;;;;;AAOA;;;;AAMA;;;;AAMA;;;;;AAOA;;;;;AAOA;;;;;AAOA;;;;;;;AASA;;;;;AAOA;;;;;AAOA;;;;AAMA;;;;AAMA;;;;;AAOA;;;;AAMA;;;;AAMA;;;;;AAOA;;;;;AAOA;;;;AAMA;;;;;AAmCA;;;;;AAOA;;;;AAMA;;;;AAMA;;;;AAMA;;;;AAMA;;;;AAMA;;;;;AAOA;;;;AAMA;;;;AAMA;;;;AAMA;;;;;AAOA;;;;;AAOA;;;;AAMA;;;;AAMA;;;;AAYA;;;;AAMA;;;;AAMA;;;;;AAOA;;;;AAMA;;;;AAwBA;;;;AA0CA;;;;AAMA;;;;AAMA;;;;AAMA;;;;AAMA;;;;AAMA;;;;AAkBA;;;;AAQA;;;;;AAOA;;;;AAUA;EAEE;;;;;EAKA;;;;;EAKA;;;;;;;EAOA;;;;;;EAMA;;;;;;;EAOA;;;;;;;EAOA;;;;;;;EAOA;;;;;;EAMA;;;;;EAKA;;;;;EAKA;;;;;EAKA;;;;;EAKA;;;;;;EAMA;;;;EAIA;;;;EAIA;;;;EAIA;;;;;;;;;EAYA;;;;;;EAMA;;;;;;EAMA;;;;;EAKA;;;;EAIA;;;;EAIA;;;;;EAKA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;;EAKA;;;;;EAKA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;;EAKA;;;;;;EAMA;;;;EAIA;;;;EAIA;;;;EAOA;;;;EAIA;;;;EAIA;;;;EAIA;;;;;AAKF;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;;AAMA;;;;;;AAMA;;;;AAIA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;EAEE;;;;;EAKA;;;;EAIA;;;;EAIA;;;;EAIA;;;;;;AAMF;EAEE;;;;;AAKF;EAEE;;;;EAIA;;;;EAIA;;;;;;EAMA;;;;EAIA;;;;;EAKA;;;;;AAKF;EAEE;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA","sources":["assets/css/lookbook.css"],"sourcesContent":["@import \"./fonts.css\";\n@import \"tailwindcss/base\";\n@import \"tailwindcss/components\";\n@import \"tailwindcss/utilities\";\n\n@import \"./tooltip.css\";\n\n@import-glob \"../../app/components/lookbook/**/*/component.css\";\n\n@layer base {\n html {\n @apply scroll-smooth h-screen;\n }\n\n @media screen and (prefers-reduced-motion: reduce) {\n html {\n @apply scroll-auto;\n }\n }\n\n body {\n @apply text-lookbook-text font-ui text-sm overflow-hidden;\n }\n\n [x-cloak] {\n @apply !hidden;\n }\n\n pre[class*=\"language-\"] {\n @apply !p-0 !m-0;\n }\n\n ::-webkit-scrollbar {\n @apply w-1 h-1;\n }\n\n ::-webkit-scrollbar-track {\n @apply bg-transparent;\n }\n\n ::-webkit-scrollbar-thumb {\n @apply transition-colors rounded-full\tbg-clip-content bg-lookbook-scrollbar;\n }\n\n ::-webkit-scrollbar-thumb:hover {\n @apply bg-lookbook-scrollbar-hover;\n }\n}\n\n@layer utilities {\n .bg-checked {\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cg fill='%23f3f3f3' fill-opacity='1'%3E%3Cpath fill-rule='evenodd' d='M0 0h4v4H0V0zm4 4h4v4H4V4z'/%3E%3C/g%3E%3C/svg%3E\");\n }\n}\n\n@layer components {\n [type=\"text\"],\n [type=\"email\"],\n [type=\"url\"],\n [type=\"password\"],\n [type=\"number\"],\n [type=\"date\"],\n [type=\"datetime-local\"],\n [type=\"month\"],\n [type=\"search\"],\n [type=\"tel\"],\n [type=\"time\"],\n [type=\"week\"],\n textarea,\n select {\n @apply text-lookbook-input-text placeholder:text-lookbook-input-text-placeholder placeholder:italic;\n @apply border-lookbook-input-border focus:ring-lookbook-input-border-focus focus:border-lookbook-input-border-focus;\n @apply rounded-md text-sm w-full bg-lookbook-input-bg block;\n }\n\n input[type=\"range\"] {\n -webkit-appearance: none;\n appearance: none;\n background: transparent;\n cursor: pointer;\n width: 100%;\n }\n\n input[type=\"range\"]:focus {\n outline: none;\n }\n\n input[type=\"range\"]::-webkit-slider-runnable-track {\n @apply bg-lookbook-input-toggle;\n border-radius: 0.5rem;\n height: 0.5rem;\n }\n\n input[type=\"range\"]::-webkit-slider-thumb {\n -webkit-appearance: none;\n appearance: none;\n @apply bg-lookbook-input-toggle-active;\n margin-top: -4px;\n border-radius: 0.5rem;\n height: 1rem;\n width: 1rem;\n }\n\n input[type=\"range\"]::-moz-range-track {\n @apply bg-lookbook-input-toggle;\n border-radius: 0.5rem;\n height: 0.5rem;\n }\n\n input[type=\"range\"]::-moz-range-thumb {\n @apply bg-lookbook-input-toggle-active;\n border: none;\n border-radius: 0.5rem;\n height: 1rem;\n width: 1rem;\n }\n\n input[type=\"range\"]:focus::-webkit-slider-thumb,\n input[type=\"range\"]:focus::-moz-range-thumb {\n @apply outline-1 outline-lookbook-input-toggle-active outline-offset-2;\n }\n\n input[type=\"color\"] {\n -webkit-appearance: none;\n width: 46px;\n @apply border border-lookbook-input-border rounded-lg cursor-pointer;\n }\n\n input[type=\"color\"]::-webkit-color-swatch-wrapper {\n padding: 0;\n }\n\n input[type=\"color\"]::-webkit-color-swatch {\n @apply border-0 rounded-lg;\n }\n\n select.compact {\n font-size: 0.8rem;\n line-height: 1.1rem;\n border-radius: 0.375rem;\n padding: 0.26rem 1.5rem 0.26rem 0.6rem;\n background-size: 1.2em 1.2em;\n background-position: right 0.4rem center;\n }\n\n #inspector .split-layout-gutter-horizontal {\n top: 4px;\n }\n}\n"],"names":[],"version":3,"file":"lookbook.css.map"}
|
1
|
+
{"mappings":"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;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;;;AAOA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;;AAMA;;;;;;AAOA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;;AAMA;;;;;;AAMA;;;;;;AAMA;;;;;;AAMA;;;;;;AAMA;;;;;;AAMA;;;;;;AAMA;;;;;;AAMA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;;AAMA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;;;AAMA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;AAIA;;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;;AAMA;;;;;AAKA;;;;AAIA;;;;;;AAMA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;AAIA;;;;;;AAMA;;;;;;AAMA;;;;;;AAMA;;;;;;AAMA;;;;;;AAMA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAEA;;;;AAEA;;;;;;;;;;;;AAEA;;;;AAEA;;;;;;;;AAEA;;;;AAEA;;;;;;;;AAEA;;;;AAEA;;;;;;;AAEA;;;;AAEA;;;;;;;AAEA;;;;AAEA;;;;;;AAEA;;;;;;;AAEA;;;;;;AAEA;;;;AAEA;;;;;;;AAEA;;;;;;;AAEA;;;;;;;AAEA;;;;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;;;;AAEA;;;;;;;;AASA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;;;;;;AAWA;;;;;;AAMA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmGA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8CA;;;;AAIA;;;;;;AAMA;;;;AAIA;;;;;AAOA;;;;AAMA;;;;AAMA;;;;;AAOA;;;;AAMA;;;;AAOA;;;;;AAOA;;;;AAMA;;;;AAMA;;;;;AAOA;;;;;AAOA;;;;;AAOA;;;;;;;AASA;;;;;AAOA;;;;;AAOA;;;;AAMA;;;;AAMA;;;;;AAOA;;;;AAMA;;;;AAMA;;;;;AAOA;;;;;AAOA;;;;AAMA;;;;;AAmCA;;;;;AAOA;;;;AAMA;;;;AAMA;;;;AAMA;;;;AAMA;;;;AAMA;;;;;AAOA;;;;AAMA;;;;AAMA;;;;AAMA;;;;;AAOA;;;;;AAOA;;;;AAMA;;;;AAMA;;;;AAYA;;;;AAMA;;;;AAMA;;;;;AAOA;;;;AAMA;;;;AAwBA;;;;AA0CA;;;;AAMA;;;;AAMA;;;;AAMA;;;;AAMA;;;;AAMA;;;;AAkBA;;;;AAQA;;;;;AAOA;;;;AAUA;EAEE;;;;;EAKA;;;;;EAKA;;;;;;;EAOA;;;;;;EAMA;;;;;;;EAOA;;;;;;;EAOA;;;;;;;EAOA;;;;;;EAMA;;;;;EAKA;;;;;EAKA;;;;;EAKA;;;;;EAKA;;;;;;EAMA;;;;EAIA;;;;EAIA;;;;EAIA;;;;;;;;;EAYA;;;;;;EAMA;;;;;;EAMA;;;;;EAKA;;;;EAIA;;;;EAIA;;;;;EAKA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;;EAKA;;;;;EAKA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;;EAKA;;;;;;EAMA;;;;EAIA;;;;EAIA;;;;EAOA;;;;EAIA;;;;EAIA;;;;EAIA;;;;;AAKF;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;;AAMA;;;;;;AAMA;;;;AAIA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;EAEE;;;;;EAKA;;;;EAIA;;;;EAIA;;;;EAIA;;;;;;AAMF;EAEE;;;;;AAKF;EAEE;;;;EAIA;;;;EAIA;;;;;;EAMA;;;;EAIA;;;;;EAKA;;;;;AAKF;EAEE;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA","sources":["assets/css/lookbook.css"],"sourcesContent":["@import \"./fonts.css\";\n@import \"tailwindcss/base\";\n@import \"tailwindcss/components\";\n@import \"tailwindcss/utilities\";\n\n@import \"./tooltip.css\";\n\n@import-glob \"../../app/components/lookbook/**/*/component.css\";\n\n@layer base {\n html {\n @apply scroll-smooth h-screen w-screen;\n }\n\n @media screen and (prefers-reduced-motion: reduce) {\n html {\n @apply scroll-auto;\n }\n }\n\n body {\n @apply text-lookbook-text font-ui text-sm overflow-hidden w-screen;\n }\n\n [x-cloak] {\n @apply !hidden;\n }\n\n pre[class*=\"language-\"] {\n @apply !p-0 !m-0;\n }\n\n ::-webkit-scrollbar {\n @apply w-1 h-1;\n }\n\n ::-webkit-scrollbar-track {\n @apply bg-transparent;\n }\n\n ::-webkit-scrollbar-thumb {\n @apply transition-colors rounded-full\tbg-clip-content bg-lookbook-scrollbar;\n }\n\n ::-webkit-scrollbar-thumb:hover {\n @apply bg-lookbook-scrollbar-hover;\n }\n}\n\n@layer utilities {\n .bg-checked {\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cg fill='%23f3f3f3' fill-opacity='1'%3E%3Cpath fill-rule='evenodd' d='M0 0h4v4H0V0zm4 4h4v4H4V4z'/%3E%3C/g%3E%3C/svg%3E\");\n }\n}\n\n@layer components {\n [type=\"text\"],\n [type=\"email\"],\n [type=\"url\"],\n [type=\"password\"],\n [type=\"number\"],\n [type=\"date\"],\n [type=\"datetime-local\"],\n [type=\"month\"],\n [type=\"search\"],\n [type=\"tel\"],\n [type=\"time\"],\n [type=\"week\"],\n textarea,\n select {\n @apply text-lookbook-input-text placeholder:text-lookbook-input-text-placeholder placeholder:italic;\n @apply border-lookbook-input-border focus:ring-lookbook-input-border-focus focus:border-lookbook-input-border-focus;\n @apply rounded-md text-sm w-full bg-lookbook-input-bg block;\n }\n\n input[type=\"range\"] {\n -webkit-appearance: none;\n appearance: none;\n background: transparent;\n cursor: pointer;\n width: 100%;\n }\n\n input[type=\"range\"]:focus {\n outline: none;\n }\n\n input[type=\"range\"]::-webkit-slider-runnable-track {\n @apply bg-lookbook-input-toggle;\n border-radius: 0.5rem;\n height: 0.5rem;\n }\n\n input[type=\"range\"]::-webkit-slider-thumb {\n -webkit-appearance: none;\n appearance: none;\n @apply bg-lookbook-input-toggle-active;\n margin-top: -4px;\n border-radius: 0.5rem;\n height: 1rem;\n width: 1rem;\n }\n\n input[type=\"range\"]::-moz-range-track {\n @apply bg-lookbook-input-toggle;\n border-radius: 0.5rem;\n height: 0.5rem;\n }\n\n input[type=\"range\"]::-moz-range-thumb {\n @apply bg-lookbook-input-toggle-active;\n border: none;\n border-radius: 0.5rem;\n height: 1rem;\n width: 1rem;\n }\n\n input[type=\"range\"]:focus::-webkit-slider-thumb,\n input[type=\"range\"]:focus::-moz-range-thumb {\n @apply outline-1 outline-lookbook-input-toggle-active outline-offset-2;\n }\n\n input[type=\"color\"] {\n -webkit-appearance: none;\n width: 46px;\n @apply border border-lookbook-input-border rounded-lg cursor-pointer;\n }\n\n input[type=\"color\"]::-webkit-color-swatch-wrapper {\n padding: 0;\n }\n\n input[type=\"color\"]::-webkit-color-swatch {\n @apply border-0 rounded-lg;\n }\n\n select.compact {\n font-size: 0.8rem;\n line-height: 1.1rem;\n border-radius: 0.375rem;\n padding: 0.26rem 1.5rem 0.26rem 0.6rem;\n background-size: 1.2em 1.2em;\n background-position: right 0.4rem center;\n }\n\n #inspector .split-layout-gutter-horizontal {\n top: 4px;\n }\n}\n"],"names":[],"version":3,"file":"lookbook.css.map"}
|
@@ -7781,6 +7781,9 @@ function $5792afa4170ed552$export$2e2bcd8739ae039() {
|
|
7781
7781
|
const socket = (0, $f57397824b7ddfec$export$2e2bcd8739ae039)(window.SOCKET_PATH);
|
7782
7782
|
socket.addListener("Lookbook::ReloadChannel", ()=>this.updateDOM());
|
7783
7783
|
}
|
7784
|
+
this.$watch("$store.layout.mobile", (mobile)=>{
|
7785
|
+
if (!mobile) this.$store.layout.sidebar.hidden = true;
|
7786
|
+
});
|
7784
7787
|
},
|
7785
7788
|
navigateTo (path) {
|
7786
7789
|
this.debug(`Navigating to ${path}`);
|