lookbook 1.4.5 → 1.5.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.
- checksums.yaml +4 -4
- data/app/components/lookbook/display_options/editor/component.html.erb +1 -1
- data/app/components/lookbook/embed/component.html.erb +4 -4
- data/app/components/lookbook/header/component.html.erb +6 -6
- data/app/components/lookbook/tabs/component.rb +1 -1
- data/app/components/lookbook/viewport/component.html.erb +2 -1
- data/app/helpers/lookbook/page_helper.rb +0 -2
- data/app/views/layouts/lookbook/application.html.erb +13 -13
- data/app/views/layouts/lookbook/shell.html.erb +1 -1
- data/app/views/lookbook/inspector/panels/_params.html.erb +1 -1
- data/app/views/lookbook/inspector/show.html.erb +23 -23
- data/app/views/lookbook/pages/show.html.erb +1 -1
- data/lib/lookbook/error.rb +1 -1
- data/lib/lookbook/services/markdown_renderer.rb +1 -5
- data/lib/lookbook/version.rb +1 -1
- data/public/lookbook-assets/css/lookbook.css +5 -5
- data/public/lookbook-assets/css/lookbook.css.map +1 -1
- data/public/lookbook-assets/js/lookbook.js +91 -91
- data/public/lookbook-assets/js/lookbook.js.map +1 -1
- metadata +11 -5
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 5f8f1296766bc3e1633b2a13f65fb857d91e00b9241aebc0d5be38195b809a6d
|
|
4
|
+
data.tar.gz: 827269bab9d8061037827c4fb4a8d9a9bd470731a7aeb84fcb38efad0d2ae510
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: fe0f602089cfa3df7c851bca4ee6eb1abba4f88a445e1958a29b8ed76580848ffd85c458748c2b4d7196c3303a28033c770ceee6eac454526f351f1af5369c82
|
|
7
|
+
data.tar.gz: adf895f49bc935af34f9f72847c25a73f01856d6548d3c637f6369f9c6e5885f080da36a301a6e787b960fc36d0a0ae51a499cc6e98b221872e877552c4f0502
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<%= render_component_tag class: "px-2" do %>
|
|
2
2
|
<% if fields.many? %>
|
|
3
3
|
<%= lookbook_render :button, icon: :settings, tooltip: "Display options" do |button| %>
|
|
4
|
-
<% button.
|
|
4
|
+
<% button.with_dropdown do %>
|
|
5
5
|
<div class="p-3 space-y-3">
|
|
6
6
|
<%= safe_join(fields) %>
|
|
7
7
|
</div>
|
|
@@ -2,17 +2,17 @@
|
|
|
2
2
|
<%= render_component_tag class: "not-prose border-b border-lookbook-divider rounded-sm overflow-hidden", "@navigation:start.window": "cleanup" do %>
|
|
3
3
|
|
|
4
4
|
<%= lookbook_render :toolbar, class: "border border-b-0 border-lookbook-divider" do |toolbar| %>
|
|
5
|
-
<% toolbar.
|
|
5
|
+
<% toolbar.with_section padded: true do %>
|
|
6
6
|
<h3>
|
|
7
7
|
<%= @target.preview.label %> (<%= @target.label %>)
|
|
8
8
|
</h3>
|
|
9
9
|
<% end %>
|
|
10
|
-
<% toolbar.
|
|
10
|
+
<% toolbar.with_section align: :right, divide: :left do %>
|
|
11
11
|
<%= lookbook_render :button_group do |group| %>
|
|
12
|
-
<% group.
|
|
12
|
+
<% group.with_button icon: :eye,
|
|
13
13
|
href: lookbook_inspect_path(@target.path, @params),
|
|
14
14
|
tooltip: "View in Inspector" %>
|
|
15
|
-
<% group.
|
|
15
|
+
<% group.with_button icon: :external_link,
|
|
16
16
|
href: lookbook_preview_path(@target.path, @params),
|
|
17
17
|
tooltip: "Open in new window",
|
|
18
18
|
target: "_blank" %>
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<%= render_component_tag :header do %>
|
|
2
2
|
<%= lookbook_render :toolbar, class: "!bg-lookbook-header-bg !text-lookbook-header-text !border-lookbook-header-border" do |toolbar| %>
|
|
3
|
-
<% toolbar.
|
|
3
|
+
<% toolbar.with_section padded: true do %>
|
|
4
4
|
<% if branding.present? %>
|
|
5
5
|
<a
|
|
6
6
|
<% if landing_path %>href="<%= landing_path %>"<% end %>
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
<% end %>
|
|
11
11
|
<% end %>
|
|
12
12
|
|
|
13
|
-
<% toolbar.
|
|
13
|
+
<% toolbar.with_section padded: false, align: :right, class: "flex items-center" do %>
|
|
14
14
|
|
|
15
15
|
<div x-show="loading" x-cloak>
|
|
16
16
|
<svg class="animate-spin h-3.5 w-3.5 text-lookbook-header-text opacity-60" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
|
|
@@ -21,23 +21,23 @@
|
|
|
21
21
|
|
|
22
22
|
<%= lookbook_render :button_group do |group| %>
|
|
23
23
|
<% if @debug_menu %>
|
|
24
|
-
<% group.
|
|
24
|
+
<% group.with_button icon: :help_circle, class: "opacity-50 hover:opacity-100 transition !text-lookbook-header-text", "x-show": "!loading" do |button| %>
|
|
25
25
|
<% menu = lookbook_render :debug_menu,
|
|
26
26
|
version: Lookbook::VERSION,
|
|
27
27
|
docs_url: "https://lookbook.build/guide",
|
|
28
28
|
repo_url: "https://github.com/ViewComponent/lookbook" do %>
|
|
29
29
|
<%= helpers.pretty_json(Lookbook.debug_data) %>
|
|
30
30
|
<% end %>
|
|
31
|
-
<% button.
|
|
31
|
+
<% button.with_dropdown({}).with_content(menu) %>
|
|
32
32
|
<% end %>
|
|
33
33
|
<% end %>
|
|
34
34
|
|
|
35
|
-
<% group.
|
|
35
|
+
<% group.with_button icon: :menu,
|
|
36
36
|
"@click.stop": "toggleSidebar",
|
|
37
37
|
"x-show": "$store.layout.mobile && sidebarHidden",
|
|
38
38
|
class: "!text-lookbook-header-text" %>
|
|
39
39
|
|
|
40
|
-
<% group.
|
|
40
|
+
<% group.with_button icon: :x,
|
|
41
41
|
"@click.stop": "toggleSidebar",
|
|
42
42
|
"x-show": "$store.layout.mobile && !sidebarHidden",
|
|
43
43
|
"@keydown.esc.window": "closeMobileSidebar",
|
|
@@ -32,7 +32,8 @@
|
|
|
32
32
|
style="<%= "max-height: #{@max_height}px;" if @max_height.present? %>"
|
|
33
33
|
src="<%= @src %>"
|
|
34
34
|
frameborder="0"
|
|
35
|
-
@load="$dispatch('viewport:loaded', {viewport: this})"
|
|
35
|
+
@load="$dispatch('viewport:loaded', {viewport: this})"
|
|
36
|
+
title="viewport"></iframe>
|
|
36
37
|
<% if @resize_width %>
|
|
37
38
|
<div
|
|
38
39
|
class="resize-handle border-r border-t border-lookbook-divider cursor-[col-resize] <%= "border-b" unless @resize_height %>"
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
alpine_data: "$store.layout.main",
|
|
6
6
|
":class": "$store.layout.mobile && '!block'" do |layout| %>
|
|
7
7
|
|
|
8
|
-
<% layout.
|
|
8
|
+
<% layout.with_pane id: "app-sidebar", class: "flex flex-col bg-lookbook-sidebar-bg relative translate-x-0",
|
|
9
9
|
":class": "{
|
|
10
10
|
'transition': $store.layout.mobile,
|
|
11
11
|
'translate-x-full': $store.layout.mobile && sidebarHidden,
|
|
@@ -19,41 +19,41 @@
|
|
|
19
19
|
style: "height: calc(100vh - 2.5rem);" do |layout| %>
|
|
20
20
|
|
|
21
21
|
<% if @previews.any? %>
|
|
22
|
-
<% layout.
|
|
22
|
+
<% layout.with_pane class: "overflow-hidden" do %>
|
|
23
23
|
<%= lookbook_render :nav,
|
|
24
24
|
id: "previews-nav",
|
|
25
25
|
tree: @previews.to_tree,
|
|
26
26
|
alpine_data: "$store.nav.previews" do |nav| %>
|
|
27
|
-
<%= nav.
|
|
28
|
-
<% toolbar.
|
|
27
|
+
<%= nav.with_toolbar do |toolbar| %>
|
|
28
|
+
<% toolbar.with_section padded: true do %>
|
|
29
29
|
<h4 class="pt-1">Previews</h4>
|
|
30
30
|
<% end %>
|
|
31
|
-
<% toolbar.
|
|
31
|
+
<% toolbar.with_section align: :right, padded: false do %>
|
|
32
32
|
<%= lookbook_render :button_group, size: :xs do |group| %>
|
|
33
|
-
<% group.
|
|
33
|
+
<% group.with_button icon: :minus_square,
|
|
34
34
|
tooltip: "Collapse all",
|
|
35
35
|
"@click": "closeAll" %>
|
|
36
36
|
<% end %>
|
|
37
37
|
<% end %>
|
|
38
38
|
<% end %>
|
|
39
|
-
<% nav.
|
|
39
|
+
<% nav.with_filter store: "$store.nav.previews.filter", placeholder: "Filter previews by name…" %>
|
|
40
40
|
<% end %>
|
|
41
41
|
<% end %>
|
|
42
42
|
<% end %>
|
|
43
43
|
|
|
44
44
|
<% if @pages.any? %>
|
|
45
|
-
<% layout.
|
|
45
|
+
<% layout.with_pane class: "overflow-hidden" do %>
|
|
46
46
|
<%= lookbook_render :nav,
|
|
47
47
|
id: "pages-nav",
|
|
48
48
|
tree: @pages.to_tree,
|
|
49
49
|
alpine_data: "$store.nav.pages" do |nav| %>
|
|
50
|
-
<%= nav.
|
|
51
|
-
<% toolbar.
|
|
50
|
+
<%= nav.with_toolbar do |toolbar| %>
|
|
51
|
+
<% toolbar.with_section padded: true do %>
|
|
52
52
|
<h4 class="pt-1">Pages</h4>
|
|
53
53
|
<% end %>
|
|
54
|
-
<% toolbar.
|
|
54
|
+
<% toolbar.with_section align: :right, padded: false do %>
|
|
55
55
|
<%= lookbook_render :button_group, size: :xs do |group| %>
|
|
56
|
-
<% group.
|
|
56
|
+
<% group.with_button icon: :minus_square,
|
|
57
57
|
tooltip: "Collapse all",
|
|
58
58
|
"@click": "closeAll" %>
|
|
59
59
|
<% end %>
|
|
@@ -66,7 +66,7 @@
|
|
|
66
66
|
<% end %>
|
|
67
67
|
<% end %>
|
|
68
68
|
|
|
69
|
-
<% layout.
|
|
69
|
+
<% layout.with_pane id: "app-main", class: "overflow-hidden h-full", ":class": "$store.layout.mobile && 'w-screen'" do %>
|
|
70
70
|
<%= content_for?(:main) ? yield(:main) : yield %>
|
|
71
71
|
<% end %>
|
|
72
72
|
<% end %>
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
<% end %>
|
|
16
16
|
|
|
17
17
|
<%= lookbook_render :header, id: "app-header", debug_menu: @config.debug_menu do |header| %>
|
|
18
|
-
<% header.
|
|
18
|
+
<% header.with_branding { @config.project_name } %>
|
|
19
19
|
<% end %>
|
|
20
20
|
|
|
21
21
|
<%= content_for?(:shell) ? yield(:shell) : yield %>
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
<div class="p-4 w-full h-full overflow-x-hidden" id="params-editor-<%= @target.id %>">
|
|
9
9
|
<%= lookbook_render "params/editor" do |editor| %>
|
|
10
10
|
<% @params.each do |param| %>
|
|
11
|
-
<% editor.
|
|
11
|
+
<% editor.with_field param: param %>
|
|
12
12
|
<% end %>
|
|
13
13
|
<% end %>
|
|
14
14
|
</div>
|
|
@@ -5,14 +5,14 @@
|
|
|
5
5
|
"preview-target": @target.id
|
|
6
6
|
} do |layout| %>
|
|
7
7
|
|
|
8
|
-
<%= layout.
|
|
8
|
+
<%= layout.with_pane class: "flex flex-col h-full overflow-hidden",
|
|
9
9
|
"x-effect": "forceOrientation = (layoutWidth < $store.inspector.minVerticalSplitWidth) ? 'horizontal' : null" do %>
|
|
10
10
|
|
|
11
11
|
<%= lookbook_render :toolbar, id: "main-toolbar" do |toolbar| %>
|
|
12
|
-
<% toolbar.
|
|
12
|
+
<% toolbar.with_section ":class": "layoutResizing && 'overflow-hidden'" do %>
|
|
13
13
|
<%= lookbook_render :tabs, alpine_data: "$store.inspector.main", id: "inspector-tabs-main" do |tabs| %>
|
|
14
14
|
<%= @main_panels.each do |panel| %>
|
|
15
|
-
<% tabs.
|
|
15
|
+
<% tabs.with_tab name: panel.name,
|
|
16
16
|
label: panel.label,
|
|
17
17
|
hotkey: panel.hotkey,
|
|
18
18
|
disabled: panel.disabled %>
|
|
@@ -20,42 +20,42 @@
|
|
|
20
20
|
<% end %>
|
|
21
21
|
<% end %>
|
|
22
22
|
|
|
23
|
-
<% toolbar.
|
|
23
|
+
<% toolbar.with_section align: :right, class: "flex-none" do %>
|
|
24
24
|
<% if @dynamic_display_options.any? %>
|
|
25
25
|
<%= lookbook_render "display_options/editor" do |editor| %>
|
|
26
26
|
<% @dynamic_display_options.each do |key, opts| %>
|
|
27
|
-
<% editor.
|
|
27
|
+
<% editor.with_field name: key, opts: opts, value: @static_display_options[key] %>
|
|
28
28
|
<% end %>
|
|
29
29
|
<% end %>
|
|
30
30
|
<% end %>
|
|
31
31
|
<% end %>
|
|
32
32
|
|
|
33
|
-
<% toolbar.
|
|
33
|
+
<% toolbar.with_section divide: :left, class: "flex-none relative z-10" do %>
|
|
34
34
|
<%= lookbook_render :button_group do |group| %>
|
|
35
|
-
<% group.
|
|
35
|
+
<% group.with_button icon: :link,
|
|
36
36
|
tooltip: "Copy preview URL",
|
|
37
37
|
copy: true do %>
|
|
38
38
|
<%= lookbook_inspect_url(@target.lookup_path, request.query_parameters) %>
|
|
39
39
|
<% end %>
|
|
40
40
|
|
|
41
41
|
<% if @pages.any? %>
|
|
42
|
-
<% group.
|
|
42
|
+
<% group.with_button icon: :code,
|
|
43
43
|
tooltip: "Copy page embed code",
|
|
44
44
|
copy: true do %>
|
|
45
45
|
<%= embed <%= @preview.preview_class_name %>, :<%= @target.name %>, params: <%= request.query_parameters.deep_symbolize_keys.to_s %> %>
|
|
46
46
|
<% end %>
|
|
47
47
|
<% end %>
|
|
48
48
|
|
|
49
|
-
<% group.
|
|
49
|
+
<% group.with_button icon: :refresh_cw,
|
|
50
50
|
tooltip: "Refresh preview",
|
|
51
51
|
"@click.stop": "startSpin(); $dispatch('viewport:reload'); stopSpin(500);" %>
|
|
52
52
|
|
|
53
|
-
<% group.
|
|
53
|
+
<% group.with_button icon: :external_link,
|
|
54
54
|
href: lookbook_preview_path(@target.lookup_path, request.query_parameters),
|
|
55
55
|
tooltip: "Open preview in new window",
|
|
56
56
|
target: "_blank" %>
|
|
57
57
|
|
|
58
|
-
<% group.
|
|
58
|
+
<% group.with_button icon: "vertical ? 'sidebar' : 'credit-card'",
|
|
59
59
|
tooltip: "Show drawer",
|
|
60
60
|
"@click": "$store.inspector.drawer.hidden = false",
|
|
61
61
|
class: "rotate-180",
|
|
@@ -68,7 +68,7 @@
|
|
|
68
68
|
<div class="h-full relative overflow-auto">
|
|
69
69
|
<%= lookbook_render :tab_panels, alpine_data: "$store.inspector.main", id: "inspector-panels-main" do |tabs| %>
|
|
70
70
|
<% @main_panels.each do |panel| %>
|
|
71
|
-
<% tabs.
|
|
71
|
+
<% tabs.with_panel name: panel.name do %>
|
|
72
72
|
<%= lookbook_render :inspector_panel, name: panel.name do %>
|
|
73
73
|
<%= render panel.partial, **@inspector_data, panel: panel, **panel.locals %>
|
|
74
74
|
<% end %>
|
|
@@ -78,14 +78,14 @@
|
|
|
78
78
|
</div>
|
|
79
79
|
<% end %>
|
|
80
80
|
|
|
81
|
-
<%= layout.
|
|
81
|
+
<%= layout.with_pane class: "flex flex-col h-full overflow-hidden bg-lookbook-drawer-bg",
|
|
82
82
|
"x-show": "!$store.inspector.drawer.hidden && #{@drawer_panels.any?}" do %>
|
|
83
83
|
|
|
84
84
|
<%= lookbook_render :toolbar, id: "drawer-toolbar" do |toolbar| %>
|
|
85
|
-
<% toolbar.
|
|
85
|
+
<% toolbar.with_section ":class": "layoutResizing && 'overflow-hidden'" do %>
|
|
86
86
|
<%= lookbook_render :tabs, alpine_data: "$store.inspector.drawer", id: "inspector-tabs-drawer" do |tabs| %>
|
|
87
87
|
<%= @drawer_panels.each do |panel| %>
|
|
88
|
-
<% tabs.
|
|
88
|
+
<% tabs.with_tab name: panel.name,
|
|
89
89
|
label: panel.label,
|
|
90
90
|
hotkey: panel.hotkey,
|
|
91
91
|
disabled: panel.disabled %>
|
|
@@ -93,10 +93,10 @@
|
|
|
93
93
|
<% end %>
|
|
94
94
|
<% end %>
|
|
95
95
|
|
|
96
|
-
<% toolbar.
|
|
96
|
+
<% toolbar.with_section align: :right, class: "flex-none relative z-10" do %>
|
|
97
97
|
<%= lookbook_render :button_group do |group| %>
|
|
98
98
|
<%= @drawer_panels.select { |p| !p.disabled && p.copy }.each do |panel| %>
|
|
99
|
-
<% group.
|
|
99
|
+
<% group.with_button icon: :copy,
|
|
100
100
|
tooltip: "Copy panel contents",
|
|
101
101
|
copy: !!panel.copy,
|
|
102
102
|
"x-show": "$store.inspector.drawer.activeTab === '#{panel.name}'",
|
|
@@ -107,27 +107,27 @@
|
|
|
107
107
|
<% end %>
|
|
108
108
|
<% end %>
|
|
109
109
|
|
|
110
|
-
<% toolbar.
|
|
110
|
+
<% toolbar.with_section divide: :left, class: "flex-none relative z-10" do %>
|
|
111
111
|
<%= lookbook_render :button_group do |group| %>
|
|
112
112
|
|
|
113
|
-
<% group.
|
|
113
|
+
<% group.with_button icon: :corner_up_right,
|
|
114
114
|
tooltip: "Move drawer to right",
|
|
115
115
|
"@click": "switchOrientation",
|
|
116
116
|
"x-show": "horizontal && layoutWidth > $store.inspector.minVerticalSplitWidth",
|
|
117
117
|
cloak: true %>
|
|
118
118
|
|
|
119
|
-
<% group.
|
|
119
|
+
<% group.with_button icon: :corner_up_right,
|
|
120
120
|
"x-show": "horizontal && layoutWidth <= $store.inspector.minVerticalSplitWidth",
|
|
121
121
|
disabled: true,
|
|
122
122
|
cloak: true %>
|
|
123
123
|
|
|
124
|
-
<% group.
|
|
124
|
+
<% group.with_button icon: :corner_left_down,
|
|
125
125
|
tooltip: "Move drawer to bottom",
|
|
126
126
|
"@click": "switchOrientation",
|
|
127
127
|
"x-show": "vertical",
|
|
128
128
|
cloak: true %>
|
|
129
129
|
|
|
130
|
-
<% group.
|
|
130
|
+
<% group.with_button icon: :x_circle,
|
|
131
131
|
tooltip: "Hide drawer",
|
|
132
132
|
"@click": "$store.inspector.drawer.hidden = true",
|
|
133
133
|
cloak: true %>
|
|
@@ -138,7 +138,7 @@
|
|
|
138
138
|
<div class="h-full overflow-auto">
|
|
139
139
|
<%= lookbook_render :tab_panels, alpine_data: "$store.inspector.drawer", id: "inspector-panels-drawer" do |tabs| %>
|
|
140
140
|
<% @drawer_panels.each do |panel| %>
|
|
141
|
-
<% tabs.
|
|
141
|
+
<% tabs.with_panel name: panel.name do %>
|
|
142
142
|
<%= lookbook_render :inspector_panel, name: panel.name do %>
|
|
143
143
|
<%= render panel.partial, **@inspector_data, panel: panel, **panel.locals %>
|
|
144
144
|
<% end %>
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
<% if @page.sections.any? %>
|
|
14
14
|
<%= lookbook_render :page_tabs, id: "page-tabbed-sections", markdown: false, class: "mt-6" do |page_tabs| %>
|
|
15
15
|
<% @page.sections.each do |section| %>
|
|
16
|
-
<% page_tabs.
|
|
16
|
+
<% page_tabs.with_tab name: "page-section-#{section.name}", label: section.label do %>
|
|
17
17
|
<%= page_controller.render_page(section) %>
|
|
18
18
|
<% end %>
|
|
19
19
|
<% end %>
|
data/lib/lookbook/error.rb
CHANGED
|
@@ -18,11 +18,7 @@ module Lookbook
|
|
|
18
18
|
class LookbookMarkdownRenderer < Redcarpet::Render::HTML
|
|
19
19
|
def block_code(code, language = "ruby")
|
|
20
20
|
line_numbers = language.to_s.end_with? "-numbered"
|
|
21
|
-
ApplicationController.render(Lookbook::Code::Component.new(
|
|
22
|
-
source: code,
|
|
23
|
-
language: language.to_s.chomp("-numbered"),
|
|
24
|
-
line_numbers: line_numbers
|
|
25
|
-
}), layout: nil)
|
|
21
|
+
ApplicationController.render(Lookbook::Code::Component.new(source: code, language: language.to_s.chomp("-numbered"), line_numbers: line_numbers), layout: nil)
|
|
26
22
|
end
|
|
27
23
|
end
|
|
28
24
|
end
|
data/lib/lookbook/version.rb
CHANGED
|
@@ -475,6 +475,11 @@ pre[class*="language-"] {
|
|
|
475
475
|
max-width: 65ch;
|
|
476
476
|
}
|
|
477
477
|
|
|
478
|
+
.prose :where(p):not(:where([class~="not-prose"] *)) {
|
|
479
|
+
margin-top: 1.25em;
|
|
480
|
+
margin-bottom: 1.25em;
|
|
481
|
+
}
|
|
482
|
+
|
|
478
483
|
.prose :where([class~="lead"]):not(:where([class~="not-prose"] *)) {
|
|
479
484
|
color: var(--tw-prose-lead);
|
|
480
485
|
margin-top: 1.2em;
|
|
@@ -816,11 +821,6 @@ pre[class*="language-"] {
|
|
|
816
821
|
line-height: 1.75;
|
|
817
822
|
}
|
|
818
823
|
|
|
819
|
-
.prose :where(p):not(:where([class~="not-prose"] *)) {
|
|
820
|
-
margin-top: 1.25em;
|
|
821
|
-
margin-bottom: 1.25em;
|
|
822
|
-
}
|
|
823
|
-
|
|
824
824
|
.prose :where(video):not(:where([class~="not-prose"] *)) {
|
|
825
825
|
margin-top: 2em;
|
|
826
826
|
margin-bottom: 2em;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":"AAKE;;;;;AAOD;;;;AASC;;;;;;;;AAUA;;;;;AAOA;;;;;;AAMA;;;;AAIA;;;;;AAUA;;;;;AAKA;;;;AAMA;;;;;AAQA;;;;AAIA;;;;;;;AAMD;;;;AAEA;;;;AAMC;;;;;;AAQA;;;;;;;;;;AAcA;;;;AAMA;;;;;;AASA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAMA;;;;;AAKA;;;;AAKA;;;;;AAKA;;;;AAIA;;;;AAcD;;;;;AAGA;;;;AAEA;;;;;;AAQC;;;;AAKA;;;;;AAMA;;;;AAKA;;;;AAMA;;;;;AAYA;;;;;AAIwE;;;;AAEzE;;;;;;;;;;;;AAaA;;;;;;;;;;;;;AAWA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;;;;;AAOA;;;;;;;;;AAOA;;;;;;;;;;;;;;;;;;;AAgBA;;;;AAEA;;;;AAEA;;;;;;;;;;;;AAUA;;;;;;;;AAMA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;;;;;AAOA;;;;;AAGA;;;;;;;;;;AAQA;;;;;AAGA;;;;;AAGA;EACG;;;;;AAGD;;;;;;;;;;AAQF;;;;AAEA;;;;;AAGA;;;;;AAGA;;;;AAEA;;;;;;;;;AAOA;;;;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0FA;;;;;;;;;;;;AAaA;;;;;;;;;;;;;AAWA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;AAGA;;;;;;;;AAMA;;;;;;AAIA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;;;AAKA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;;;AAKA;;;;;AAGA;;;;AAEA;;;;;;;AAKA;;;;;;;;;;;;AAUA;;;;AAEA;;;;AAEA;;;;;;;;;AAOA;;;;;AAGA;;;;;;;;;AAOA;;;;;AAGA;;;;;;;;;AAOA;;;;;AAGA;;;;;;;;AAMA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;;;AAKA;;;;;;AAIA;;;;AAIA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;;;;;;;;;AAcA;;;;;;;;;;;;AAUA;;;;AAIA;;;;;;;;;;AAQA;;;;;AAGA;;;;;;;;;AAOA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCA;;;;;AAGA;;;;;AAGA;;;;;AAGA
|
|
1
|
+
{"mappings":"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;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;;AAKA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;;AAIA;;;;;;AAIA;;;;;;AAIA;;;;;;AAIA;;;;;;AAIA;;;;;;AAIA;;;;;;AAIA;;;;;;AAIA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;;AAIA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;;AAIA;;;;;;AAIA;;;;;AAGA;;;;AAEA;;;;;;AAIA;;;;;;AAIA;;;;;;AAIA;;;;;;AAIA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAA6D;;;;AAA+C;;;;;;;;;;;;AAA6L;;;;AAAsD;;;;;;;;AAAmJ;;;;AAAsD;;;;;;;;AAAyJ;;;;AAAsD;;;;;;;AAAkJ;;;;AAAsD;;;;;;;AAAoJ;;;;AAAuG;;;;;;AAA+C;;;;;;;AAA6F;;;;;;AAA2D;;;;AAAkC;;;;;;;AAAsH;;;;;;;AAAyH;;;;;;;AAA0H;;;;;;;AAA2H;;;;AAA2F;;;;AAAiG;;;;AAA6F;;;;AAA+F;;;;AAAkC;;;;;;;;AAAuG;;;;;;;;AAOx4E;;;;AAEE;;;;AAEA;;;;AAEA;;;;AAEA;;;;;;;;;;;AASF;;;;;;AAIA;;;;AAEE;;;;AAEA;;;;AAEA;;;;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiGF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CE;;;;AAEF;;;;;;AAIE;;;;AAEE;;;;;AAGa;;;;;AAGF;;;;AAEE;;;;;AAG2B;;;;AAE3B;;;;AAGH;;;;;AAGI;;;;AAEH;;;;AAEM;;;;;AAGM;;;;;AAGF;;;;;AAGD;;;;;;;AAKC;;;;;AAGA;;;;;AAGH;;;;AAEC;;;;AAEE;;;;;AAGC;;;;AAEF;;;;AAEA;;;;;AAGA;;;;;AAGI;;;;AAED;;;;;AAeD;;;;;AAGJ;;;;AAEA;;;;AAEE;;;;AAEA;;;;AAEA;;;;AAEF;;;;;AAGF;;;;AAEG;;;;AAEC;;;;AAEH;;;;;AAGG;;;;;AAGD;;;;AAEH;;;;AAEI;;;;AAID;;;;AAEL;;;;AAEK;;;;;AAGA;;;;AAEE;;;;AAQG;;;;AAcK;;;;AAEH;;;;AAEA;;;;AAEC;;;;AAEA;;;;AAEF;;;;AAMG;;;;AAEyF;;;;;AAG/F;;;;AAItB;;;;AAEJ;;;;;AAGA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;;AAIA;;;;;;AAIA;;;;AAEA;;;;;AAGA;;;;AAEA;EAEC;;;;;EAKA","sources":["app/assets/lookbook/css/lookbook.css"],"sourcesContent":["@import \"tailwindcss/base\";\n@import \"tailwindcss/components\";\n@import \"tailwindcss/utilities\";\n\n@import \"./tooltip.css\";\n\n@import-glob \"../../../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-sans text-sm antialiased 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 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"],"names":[],"version":3,"file":"lookbook.css.map"}
|