lookbook 2.0.0.beta.7 → 2.0.0.beta.8
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +7 -0
- data/app/components/lookbook/page_tabs/component.html.erb +2 -2
- data/app/components/lookbook/params/field/component.rb +1 -1
- data/app/components/lookbook/prose/component.css +3 -1
- data/app/components/lookbook/prose/component.html.erb +1 -0
- data/app/components/lookbook/split_layout/component.html.erb +3 -3
- data/app/helpers/lookbook/application_helper.rb +1 -1
- data/app/views/lookbook/errors/default.html.erb +1 -1
- data/app/views/lookbook/inspector/show.html.erb +1 -0
- data/app/views/lookbook/pages/show.html.erb +65 -58
- data/assets/css/lookbook.css +5 -1
- data/assets/css/themes/blue.css +3 -0
- data/assets/css/themes/green.css +3 -0
- data/assets/css/themes/indigo.css +3 -0
- data/assets/css/themes/rose.css +3 -0
- data/assets/css/themes/zinc.css +3 -0
- data/lib/lookbook/engine.rb +14 -2
- data/lib/lookbook/version.rb +1 -1
- data/public/lookbook-assets/css/lookbook.css +85 -11
- data/public/lookbook-assets/css/lookbook.css.map +1 -1
- data/public/lookbook-assets/css/themes/blue.css +3 -0
- data/public/lookbook-assets/css/themes/blue.css.map +1 -1
- data/public/lookbook-assets/css/themes/green.css +3 -0
- data/public/lookbook-assets/css/themes/green.css.map +1 -1
- data/public/lookbook-assets/css/themes/indigo.css +3 -0
- data/public/lookbook-assets/css/themes/indigo.css.map +1 -1
- data/public/lookbook-assets/css/themes/rose.css +3 -0
- data/public/lookbook-assets/css/themes/rose.css.map +1 -1
- data/public/lookbook-assets/css/themes/zinc.css +3 -0
- data/public/lookbook-assets/css/themes/zinc.css.map +1 -1
- data/public/lookbook-assets/js/index.js +52 -52
- data/public/lookbook-assets/js/index.js.map +1 -1
- metadata +2 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: cfcdb2b51f339e4449f640d3dc59e1dcacee5f8c9e009627d7e7680bc75c4f5f
|
4
|
+
data.tar.gz: 27a547cf8a89a2b7bac979e20e5e25efb89863b29c7c362df6a118fb18773df4
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 5de1e882509fedeef207ec7cf38c51e8e98470c34dfd08a1e6b27f6c6f4f3b56b72405bb4c138dcbf42effaebf79584ea48f23f3235cc46a81909b7ded762e1c
|
7
|
+
data.tar.gz: 0b27df206efbfc0469ea73026ea57055cbca2600939f350d238dce0f2bc758bb16353945f13d7bda196129b14a5e2c7355917a6d4d02a1a3ae9dac9b42d4c61a
|
data/README.md
CHANGED
@@ -54,6 +54,13 @@ Tests can be run using the `rake spec` or `bundle exec rspec` commands.
|
|
54
54
|
|
55
55
|
The dummy app that the tests are being run against can be viewed by running the `bin/dummy` command and then browsing to http://localhost:9292/lookbook
|
56
56
|
|
57
|
+
### Releases
|
58
|
+
|
59
|
+
Lookbook uses [Release It!](https://github.com/release-it/release-it) to automate the release process.
|
60
|
+
|
61
|
+
Running `npm run release` will start the process of publishing a new release and walks though all the steps from picking a version number to publishing the updated gem.
|
62
|
+
|
63
|
+
Publishing a release requires write permissions for this repository (ViewComponent/lookbook) and 2FA publish permissions for Lookbook on RubyGems.
|
57
64
|
|
58
65
|
## Contributing
|
59
66
|
|
@@ -1,5 +1,5 @@
|
|
1
1
|
<%= render_component_tag "x-data": "{ activeTab: null }" do %>
|
2
|
-
<div class="flex w-full border-b border-lookbook-divider mb-6">
|
2
|
+
<div class="flex w-full border-b border-lookbook-divider mb-6 lg:mb-8">
|
3
3
|
<%= lookbook_render :tabs, theme: :page do |t| %>
|
4
4
|
<% @tabs.each do |props| %>
|
5
5
|
<%= t.with_tab **props %>
|
@@ -9,7 +9,7 @@
|
|
9
9
|
<%= lookbook_render :tab_panels do |t| %>
|
10
10
|
<% @tabs.each do |props| %>
|
11
11
|
<% t.with_panel name: props[:name] do %>
|
12
|
-
<%= lookbook_render :prose, markdown: props[:markdown], class: "max-w-none flex-none" do %>
|
12
|
+
<%= lookbook_render :prose, size: :md, markdown: props[:markdown], class: "max-w-none flex-none" do %>
|
13
13
|
<%== props[:tab_content] %>
|
14
14
|
<% end %>
|
15
15
|
<% end %>
|
@@ -17,7 +17,7 @@ module Lookbook
|
|
17
17
|
escaped_value = json_escape(param.value.to_s)
|
18
18
|
wrapper_attrs = {
|
19
19
|
data: {"param-input": param.input},
|
20
|
-
"x-data": "paramsInputComponent({name:
|
20
|
+
"x-data": "paramsInputComponent({name: \"#{param.name}\", value: \"#{escaped_value}\"})"
|
21
21
|
}
|
22
22
|
@rendered_input = tag.div(**wrapper_attrs) { html.html_safe }
|
23
23
|
end
|
@@ -2,10 +2,10 @@
|
|
2
2
|
<% panes.each.with_index(1) do |pane, i| %>
|
3
3
|
<%= pane %>
|
4
4
|
<% if i < panes.size %>
|
5
|
-
<div class="bg-lookbook-divider relative z-50" x-init="registerGutter">
|
5
|
+
<div class="split-layout-gutter bg-lookbook-divider relative z-50" x-init="registerGutter">
|
6
6
|
<div class="absolute z-10 bg-transparent hover:bg-lookbook-draggable-hint transition-all" :class="{
|
7
|
-
'w-[9px] h-full -translate-x-1/2 cursor-[col-resize]': vertical,
|
8
|
-
'h-[9px] w-full -translate-y-1/2 cursor-[row-resize]': horizontal
|
7
|
+
'w-[9px] h-full -translate-x-1/2 cursor-[col-resize] split-layout-gutter-vertical': vertical,
|
8
|
+
'h-[9px] w-full -translate-y-1/2 cursor-[row-resize] split-layout-gutter-horizontal': horizontal
|
9
9
|
}"></div>
|
10
10
|
</div>
|
11
11
|
<% end %>
|
@@ -1,7 +1,7 @@
|
|
1
1
|
module Lookbook
|
2
2
|
module ApplicationHelper
|
3
3
|
def lookbook_asset_path(file, version: true)
|
4
|
-
path = "/lookbook-assets/#{file}".gsub("//", "/")
|
4
|
+
path = "#{Engine.host_config.relative_url_root}/lookbook-assets/#{file}".gsub("//", "/")
|
5
5
|
version ? "#{path}?v=#{Lookbook::VERSION}" : path
|
6
6
|
end
|
7
7
|
|
@@ -5,7 +5,7 @@
|
|
5
5
|
</header>
|
6
6
|
|
7
7
|
<div class="px-8 py-6 mb-8 border-t border-b border-red-200 bg-red-100 text-base leading-relaxed">
|
8
|
-
<pre class="whitespace-pre-wrap font-
|
8
|
+
<pre class="whitespace-pre-wrap font-ui leading-tight text-red-900"><%= @error.message %></pre>
|
9
9
|
</div>
|
10
10
|
|
11
11
|
<% if @error.file_path %>
|
@@ -3,86 +3,93 @@
|
|
3
3
|
x-data="{}"
|
4
4
|
@navigation:complete.window="$refs.scroller.scrollTop = 0">
|
5
5
|
<div class="h-full bg-lookbook-page-bg relative">
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
6
|
+
<div class="overflow-auto scroll-smooth w-full max-h-full pb-12" x-ref="scroller">
|
7
|
+
<div class="h-full flex flex-col">
|
8
|
+
<% if @page.header? %>
|
9
|
+
<header id="page-header"
|
10
|
+
class="px-4 md:px-10 mb-8 pt-8 md:pt-10 lg:pt-12 pb-6 lg:pb-8 lg:mb-9 bg-lookbook-page-header-bg border-b border-lookbook-page-header-border relative">
|
11
|
+
<div class="w-full max-w-screen-lg mx-auto">
|
12
|
+
<%= lookbook_render :prose, size: :md, markdown: false, class: "bg-transparent max-w-none flex-none" do %>
|
13
|
+
<h1 class="text-lookbook-page-header-text"><%= @page.title %></h1>
|
14
|
+
<% end %>
|
15
|
+
</div>
|
16
|
+
<% unless @error %>
|
17
|
+
<div class="absolute top-0 right-0 pt-1 pr-0 pl-1 pb-1 rounded-bl-md">
|
18
|
+
<div class="bg-transparent opacity-90 absolute inset-0 w-full h-full z-0"></div>
|
19
|
+
<div class="relative z-10 flex items-center scale-75 -mt-1 -mr-1.5 md:scale-100 md:mt-0 md:-mr-[2px]">
|
11
20
|
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
21
|
+
<% if @previous_page %>
|
22
|
+
<%= lookbook_render :icon_button,
|
23
|
+
size: :lg,
|
24
|
+
icon: :chevron_left,
|
25
|
+
tooltip: "Previous page",
|
26
|
+
href: lookbook_page_path(@previous_page.lookup_path),
|
27
|
+
class: "pr-0.5 bg-transparent" %>
|
28
|
+
<% else %>
|
29
|
+
<%= lookbook_render :icon_button,
|
30
|
+
size: :lg,
|
31
|
+
icon: :chevron_left,
|
32
|
+
disabled: true,
|
33
|
+
class: "opacity-50 !cursor-default pr-0.5 bg-transparent" %>
|
34
|
+
<% end %>
|
26
35
|
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
<% end %>
|
44
|
-
|
45
|
-
<div class="px-4 md:px-10 pt-8 md:pt-10 overflow-auto scroll-smooth w-full max-h-full pb-12" x-ref="scroller">
|
46
|
-
<div class="w-full max-w-screen-lg mx-auto h-full flex flex-col">
|
47
|
-
<% if @page.header? %>
|
48
|
-
<header id="page-header" class="mb-7 pb-6 lg:mb-9 lg:pb-8 border-b border-lookbook-divider">
|
49
|
-
<%= lookbook_render :prose, size: :md, markdown: false, class: "max-w-none flex-none" do %>
|
50
|
-
<h1><%= @page.title %></h1>
|
36
|
+
<% if @next_page %>
|
37
|
+
<%= lookbook_render :icon_button,
|
38
|
+
size: :lg,
|
39
|
+
icon: :chevron_right,
|
40
|
+
tooltip: "Next page",
|
41
|
+
href: lookbook_page_path(@next_page.lookup_path),
|
42
|
+
class: "pl-0.5 bg-transparent" %>
|
43
|
+
<% else %>
|
44
|
+
<%= lookbook_render :icon_button,
|
45
|
+
size: :lg,
|
46
|
+
icon: :chevron_right,
|
47
|
+
disabled: true,
|
48
|
+
class: "opacity-50 !cursor-default pl-0.5 bg-transparent" %>
|
49
|
+
<% end %>
|
50
|
+
</div>
|
51
|
+
</div>
|
51
52
|
<% end %>
|
52
53
|
</header>
|
53
54
|
<% end %>
|
54
55
|
|
55
|
-
|
56
|
-
|
57
|
-
|
56
|
+
<div class="px-4 md:px-10 min-h-[calc(100vh_-_400px)]">
|
57
|
+
<div class="w-full max-w-screen-lg mx-auto">
|
58
|
+
<%= lookbook_render :prose, size: :md, id: "page-content", markdown: false, class: "max-w-none flex-none" do %>
|
59
|
+
<%= @page_content %>
|
60
|
+
<% end %>
|
58
61
|
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
-
|
62
|
+
<% if @page.sections.any? %>
|
63
|
+
<%= lookbook_render :page_tabs, id: "page-tabbed-sections", markdown: false, class: "mt-6 lg:mt-8" do |page_tabs| %>
|
64
|
+
<% @page.sections.each do |section| %>
|
65
|
+
<% page_tabs.with_tab name: "page-section-#{section.name}", label: section.label do %>
|
66
|
+
<%= page_controller.render_page(section) %>
|
67
|
+
<% end %>
|
68
|
+
<% end %>
|
64
69
|
<% end %>
|
65
70
|
<% end %>
|
66
|
-
|
67
|
-
|
71
|
+
</div>
|
72
|
+
</div>
|
68
73
|
|
69
74
|
<% if @page.footer? && @pages.many? %>
|
70
|
-
<footer id="page-footer" class="
|
75
|
+
<footer id="page-footer" class="mt-12 lg:mt-16 px-4 md:px-10">
|
76
|
+
<div class=" border-t border-gray-300 w-full max-w-screen-lg mx-auto pt-8 pb-10 flex items-center justify-between ">
|
71
77
|
<% if @previous_page %>
|
72
78
|
<a href="<%= lookbook_page_path @previous_page.lookup_path %>"
|
73
|
-
class="flex items-center flex-none">
|
79
|
+
class="flex items-center flex-none max-w-[40%] overflow-hidden">
|
74
80
|
<%= icon :arrow_left, size: 4, class: "hover:text-indigo-800" %>
|
75
|
-
<span class="ml-2 underline"><%= @previous_page.title %></span>
|
81
|
+
<span class="ml-2 underline truncate"><%= @previous_page.title %></span>
|
76
82
|
</a>
|
77
83
|
<% end %>
|
78
84
|
|
79
85
|
<% if @next_page %>
|
80
86
|
<a href="<%= lookbook_page_path @next_page.lookup_path %>"
|
81
|
-
class="flex items-center flex-none ml-auto">
|
82
|
-
<span class="mr-2 underline"><%= @next_page.title %></span>
|
87
|
+
class="flex items-center flex-none ml-auto max-w-[40%] overflow-hidden">
|
88
|
+
<span class="mr-2 underline truncate"><%= @next_page.title %></span>
|
83
89
|
<%= icon :arrow_right, size: 4, class: "hover:text-indigo-800" %>
|
84
90
|
</a>
|
85
91
|
<% end %>
|
92
|
+
</div>
|
86
93
|
</footer>
|
87
94
|
<% end %>
|
88
95
|
</div>
|
data/assets/css/lookbook.css
CHANGED
@@ -19,7 +19,7 @@
|
|
19
19
|
}
|
20
20
|
|
21
21
|
body {
|
22
|
-
@apply text-lookbook-text font-
|
22
|
+
@apply text-lookbook-text font-ui text-sm overflow-hidden;
|
23
23
|
}
|
24
24
|
|
25
25
|
[x-cloak] {
|
@@ -142,4 +142,8 @@
|
|
142
142
|
background-size: 1.2em 1.2em;
|
143
143
|
background-position: right 0.4rem center;
|
144
144
|
}
|
145
|
+
|
146
|
+
#inspector .split-layout-gutter-horizontal {
|
147
|
+
top: 4px;
|
148
|
+
}
|
145
149
|
}
|
data/assets/css/themes/blue.css
CHANGED
@@ -71,6 +71,9 @@
|
|
71
71
|
--lookbook-message-border: var(--lookbook-divider);
|
72
72
|
--lookbook-message-title: var(--lookbook-base-600);
|
73
73
|
--lookbook-message-text: var(--lookbook-text);
|
74
|
+
--lookbook-page-header-bg: var(--lookbook-base-50);
|
75
|
+
--lookbook-page-header-text: var(--lookbook-text);
|
76
|
+
--lookbook-page-header-border: var(--lookbook-divider);
|
74
77
|
--lookbook-embed-title: var(--lookbook-text);
|
75
78
|
--lookbook-branding-text: var(--lookbook-header-text);
|
76
79
|
}
|
data/assets/css/themes/green.css
CHANGED
@@ -71,6 +71,9 @@
|
|
71
71
|
--lookbook-message-border: var(--lookbook-divider);
|
72
72
|
--lookbook-message-title: var(--lookbook-base-600);
|
73
73
|
--lookbook-message-text: var(--lookbook-text);
|
74
|
+
--lookbook-page-header-bg: var(--lookbook-base-50);
|
75
|
+
--lookbook-page-header-text: var(--lookbook-text);
|
76
|
+
--lookbook-page-header-border: var(--lookbook-divider);
|
74
77
|
--lookbook-embed-title: var(--lookbook-text);
|
75
78
|
--lookbook-branding-text: var(--lookbook-header-text);
|
76
79
|
}
|
@@ -71,6 +71,9 @@
|
|
71
71
|
--lookbook-message-border: var(--lookbook-divider);
|
72
72
|
--lookbook-message-title: var(--lookbook-base-600);
|
73
73
|
--lookbook-message-text: var(--lookbook-text);
|
74
|
+
--lookbook-page-header-bg: var(--lookbook-base-50);
|
75
|
+
--lookbook-page-header-text: var(--lookbook-text);
|
76
|
+
--lookbook-page-header-border: var(--lookbook-divider);
|
74
77
|
--lookbook-embed-title: var(--lookbook-text);
|
75
78
|
--lookbook-branding-text: var(--lookbook-header-text);
|
76
79
|
}
|
data/assets/css/themes/rose.css
CHANGED
@@ -71,6 +71,9 @@
|
|
71
71
|
--lookbook-message-border: var(--lookbook-divider);
|
72
72
|
--lookbook-message-title: var(--lookbook-base-600);
|
73
73
|
--lookbook-message-text: var(--lookbook-text);
|
74
|
+
--lookbook-page-header-bg: var(--lookbook-base-50);
|
75
|
+
--lookbook-page-header-text: var(--lookbook-text);
|
76
|
+
--lookbook-page-header-border: var(--lookbook-divider);
|
74
77
|
--lookbook-embed-title: var(--lookbook-text);
|
75
78
|
--lookbook-branding-text: var(--lookbook-header-text);
|
76
79
|
}
|
data/assets/css/themes/zinc.css
CHANGED
@@ -71,6 +71,9 @@
|
|
71
71
|
--lookbook-message-border: var(--lookbook-divider);
|
72
72
|
--lookbook-message-title: var(--lookbook-base-600);
|
73
73
|
--lookbook-message-text: var(--lookbook-text);
|
74
|
+
--lookbook-page-header-bg: var(--lookbook-base-50);
|
75
|
+
--lookbook-page-header-text: var(--lookbook-text);
|
76
|
+
--lookbook-page-header-border: var(--lookbook-divider);
|
74
77
|
--lookbook-embed-title: var(--lookbook-text);
|
75
78
|
--lookbook-branding-text: var(--lookbook-header-text);
|
76
79
|
}
|
data/lib/lookbook/engine.rb
CHANGED
@@ -37,8 +37,20 @@ module Lookbook
|
|
37
37
|
vc_config = Engine.host_config.view_component
|
38
38
|
|
39
39
|
opts.preview_paths += vc_config.preview_paths
|
40
|
-
|
41
|
-
|
40
|
+
|
41
|
+
# sync preview controller and layout setting between Lookbook and ViewComponent
|
42
|
+
if opts.preview_controller == "Lookbook::PreviewController" ||
|
43
|
+
vc_config.preview_controller != ViewComponent::Config.defaults.preview_controller
|
44
|
+
opts.preview_controller = vc_config.preview_controller
|
45
|
+
else
|
46
|
+
vc_config.preview_controller = opts.preview_controller
|
47
|
+
end
|
48
|
+
|
49
|
+
if opts.preview_layout.nil? || vc_config.default_preview_layout.present?
|
50
|
+
opts.preview_layout = vc_config.default_preview_layout
|
51
|
+
else
|
52
|
+
vc_config.default_preview_layout = opts.preview_layout
|
53
|
+
end
|
42
54
|
|
43
55
|
vc_config.show_previews = true
|
44
56
|
|
data/lib/lookbook/version.rb
CHANGED
@@ -45,7 +45,7 @@ html {
|
|
45
45
|
-webkit-text-size-adjust: 100%;
|
46
46
|
tab-size: 4;
|
47
47
|
font-feature-settings: normal;
|
48
|
-
font-family:
|
48
|
+
font-family: 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;
|
49
49
|
line-height: 1.5;
|
50
50
|
}
|
51
51
|
|
@@ -377,8 +377,6 @@ html {
|
|
377
377
|
|
378
378
|
body {
|
379
379
|
color: var(--lookbook-text);
|
380
|
-
-webkit-font-smoothing: antialiased;
|
381
|
-
-moz-osx-font-smoothing: grayscale;
|
382
380
|
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;
|
383
381
|
font-size: .875rem;
|
384
382
|
line-height: 1.25rem;
|
@@ -1677,7 +1675,7 @@ pre[class*="language-"] {
|
|
1677
1675
|
}
|
1678
1676
|
|
1679
1677
|
[data-component="prose"] {
|
1680
|
-
|
1678
|
+
font-family: system-ui, sans-serif;
|
1681
1679
|
}
|
1682
1680
|
|
1683
1681
|
[data-component="prose"] [data-component="code"] {
|
@@ -1858,6 +1856,10 @@ select.compact {
|
|
1858
1856
|
line-height: 1.1rem;
|
1859
1857
|
}
|
1860
1858
|
|
1859
|
+
#inspector .split-layout-gutter-horizontal {
|
1860
|
+
top: 4px;
|
1861
|
+
}
|
1862
|
+
|
1861
1863
|
.pointer-events-none {
|
1862
1864
|
pointer-events: none;
|
1863
1865
|
}
|
@@ -1980,6 +1982,18 @@ select.compact {
|
|
1980
1982
|
margin-left: -.75rem;
|
1981
1983
|
}
|
1982
1984
|
|
1985
|
+
.-mr-1 {
|
1986
|
+
margin-right: -.25rem;
|
1987
|
+
}
|
1988
|
+
|
1989
|
+
.-mr-1\.5 {
|
1990
|
+
margin-right: -.375rem;
|
1991
|
+
}
|
1992
|
+
|
1993
|
+
.-mt-1 {
|
1994
|
+
margin-top: -.25rem;
|
1995
|
+
}
|
1996
|
+
|
1983
1997
|
.-mt-px {
|
1984
1998
|
margin-top: -1px;
|
1985
1999
|
}
|
@@ -2000,10 +2014,6 @@ select.compact {
|
|
2000
2014
|
margin-bottom: 1.5rem;
|
2001
2015
|
}
|
2002
2016
|
|
2003
|
-
.mb-7 {
|
2004
|
-
margin-bottom: 1.75rem;
|
2005
|
-
}
|
2006
|
-
|
2007
2017
|
.mb-8 {
|
2008
2018
|
margin-bottom: 2rem;
|
2009
2019
|
}
|
@@ -2156,8 +2166,8 @@ select.compact {
|
|
2156
2166
|
min-height: 0;
|
2157
2167
|
}
|
2158
2168
|
|
2159
|
-
.min-h-\[
|
2160
|
-
min-height:
|
2169
|
+
.min-h-\[calc\(100vh_-_400px\)\] {
|
2170
|
+
min-height: calc(100vh - 400px);
|
2161
2171
|
}
|
2162
2172
|
|
2163
2173
|
.w-11 {
|
@@ -2204,6 +2214,10 @@ select.compact {
|
|
2204
2214
|
min-width: 180px;
|
2205
2215
|
}
|
2206
2216
|
|
2217
|
+
.max-w-\[40\%\] {
|
2218
|
+
max-width: 40%;
|
2219
|
+
}
|
2220
|
+
|
2207
2221
|
.max-w-\[420px\] {
|
2208
2222
|
max-width: 420px;
|
2209
2223
|
}
|
@@ -2272,6 +2286,12 @@ select.compact {
|
|
2272
2286
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
2273
2287
|
}
|
2274
2288
|
|
2289
|
+
.scale-75 {
|
2290
|
+
--tw-scale-x: .75;
|
2291
|
+
--tw-scale-y: .75;
|
2292
|
+
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
2293
|
+
}
|
2294
|
+
|
2275
2295
|
@keyframes spin {
|
2276
2296
|
to {
|
2277
2297
|
transform: rotate(360deg);
|
@@ -2534,6 +2554,10 @@ select.compact {
|
|
2534
2554
|
border-color: var(--lookbook-dropdown-divider);
|
2535
2555
|
}
|
2536
2556
|
|
2557
|
+
.border-lookbook-page-header-border {
|
2558
|
+
border-color: var(--lookbook-page-header-border);
|
2559
|
+
}
|
2560
|
+
|
2537
2561
|
.border-lookbook-tabs-border-active {
|
2538
2562
|
border-color: var(--lookbook-tabs-border-active);
|
2539
2563
|
}
|
@@ -2622,6 +2646,10 @@ select.compact {
|
|
2622
2646
|
background-color: var(--lookbook-page-bg);
|
2623
2647
|
}
|
2624
2648
|
|
2649
|
+
.bg-lookbook-page-header-bg {
|
2650
|
+
background-color: var(--lookbook-page-header-bg);
|
2651
|
+
}
|
2652
|
+
|
2625
2653
|
.bg-lookbook-params-editor-bg {
|
2626
2654
|
background-color: var(--lookbook-params-editor-bg);
|
2627
2655
|
}
|
@@ -2847,7 +2875,7 @@ select.compact {
|
|
2847
2875
|
font-family: Source Code Variable, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
|
2848
2876
|
}
|
2849
2877
|
|
2850
|
-
.font-
|
2878
|
+
.font-ui {
|
2851
2879
|
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;
|
2852
2880
|
}
|
2853
2881
|
|
@@ -2968,6 +2996,10 @@ select.compact {
|
|
2968
2996
|
color: var(--lookbook-nav-icon-stroke);
|
2969
2997
|
}
|
2970
2998
|
|
2999
|
+
.text-lookbook-page-header-text {
|
3000
|
+
color: var(--lookbook-page-header-text);
|
3001
|
+
}
|
3002
|
+
|
2971
3003
|
.text-lookbook-prose-text {
|
2972
3004
|
color: var(--lookbook-prose-text);
|
2973
3005
|
}
|
@@ -4024,6 +4056,18 @@ select.compact {
|
|
4024
4056
|
font-weight: 700;
|
4025
4057
|
}
|
4026
4058
|
|
4059
|
+
.prose-h2\:border-b :where(h2):not(:where([class~="not-prose"] *)) {
|
4060
|
+
border-bottom-width: 1px;
|
4061
|
+
}
|
4062
|
+
|
4063
|
+
.prose-h2\:border-lookbook-divider :where(h2):not(:where([class~="not-prose"] *)) {
|
4064
|
+
border-color: var(--lookbook-divider);
|
4065
|
+
}
|
4066
|
+
|
4067
|
+
.prose-h2\:pb-3 :where(h2):not(:where([class~="not-prose"] *)) {
|
4068
|
+
padding-bottom: .75rem;
|
4069
|
+
}
|
4070
|
+
|
4027
4071
|
.prose-a\:text-lookbook-prose-link :where(a):not(:where([class~="not-prose"] *)) {
|
4028
4072
|
color: var(--lookbook-prose-link);
|
4029
4073
|
}
|
@@ -4059,6 +4103,20 @@ select.compact {
|
|
4059
4103
|
}
|
4060
4104
|
|
4061
4105
|
@media (min-width: 768px) {
|
4106
|
+
.md\:-mr-\[2px\] {
|
4107
|
+
margin-right: -2px;
|
4108
|
+
}
|
4109
|
+
|
4110
|
+
.md\:mt-0 {
|
4111
|
+
margin-top: 0;
|
4112
|
+
}
|
4113
|
+
|
4114
|
+
.md\:scale-100 {
|
4115
|
+
--tw-scale-x: 1;
|
4116
|
+
--tw-scale-y: 1;
|
4117
|
+
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
4118
|
+
}
|
4119
|
+
|
4062
4120
|
.md\:p-12 {
|
4063
4121
|
padding: 3rem;
|
4064
4122
|
}
|
@@ -4074,13 +4132,29 @@ select.compact {
|
|
4074
4132
|
}
|
4075
4133
|
|
4076
4134
|
@media (min-width: 1024px) {
|
4135
|
+
.lg\:mb-8 {
|
4136
|
+
margin-bottom: 2rem;
|
4137
|
+
}
|
4138
|
+
|
4077
4139
|
.lg\:mb-9 {
|
4078
4140
|
margin-bottom: 2.25rem;
|
4079
4141
|
}
|
4080
4142
|
|
4143
|
+
.lg\:mt-16 {
|
4144
|
+
margin-top: 4rem;
|
4145
|
+
}
|
4146
|
+
|
4147
|
+
.lg\:mt-8 {
|
4148
|
+
margin-top: 2rem;
|
4149
|
+
}
|
4150
|
+
|
4081
4151
|
.lg\:pb-8 {
|
4082
4152
|
padding-bottom: 2rem;
|
4083
4153
|
}
|
4154
|
+
|
4155
|
+
.lg\:pt-12 {
|
4156
|
+
padding-top: 3rem;
|
4157
|
+
}
|
4084
4158
|
}
|
4085
4159
|
|
4086
4160
|
/*# sourceMappingURL=lookbook.css.map */
|
@@ -1 +1 @@
|
|
1
|
-
{"mappings":"AAAA;;;;;;;;;AASA;;;;;;;;;AASA;;;;;;;;AAQA;;;;;;;;AAiBA;;;;;AASA;;;;AAaA;;;;;;;;AAcA;;;;;AAWA;;;;;;AAUA;;;;;AAQA;;;;;AAcA;;;;;;AASA;;;;AAUA;;;;;AAYA;;;;AAQA;;;;;;;AAQA;;;;AAIA;;;;AAUA;;;;;;AAYA;;;;;;;;;;AAkBA;;;;AAUA;;;;;;AAaA;;;;AAQA;;;;AAQA;;;;AAQA;;;;AAUA;;;;;AASA;;;;AASA;;;;;AASA;;;;AAQA;;;;AAgBA;;;;;AAKA;;;;AAIA;;;;;;AAYA;;;;AASA;;;;;AAUA;;;;AASA;;;;AAUA;;;;;AAgBA;;;;;AAQA;;;;AAIA;;;;;;;;;;;;AAeA;;;;;;;;;;;;;AAaA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;;;;;AASA;;;;;;;;;AASA;;;;;;;;;;;;;;;;;;;AAkBA;;;;AAIA;;;;AAIA;;;;;;;;;;;;AAYA;;;;;;;;AAQA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;;;;;AASA;;;;;AAKA;;;;;;;;;;AAUA;;;;;AAKA;;;;;AAKA;EACI;;;;;AAKJ;;;;;;;;;;AAUA;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;AAIA;;;;;;;;;AASA;;;;AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8FA;;;;;;;;;;;;AAeA;;;;;;;;;;;;;AAaA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;;;;AAQA;;;;;;AAMA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;;;AAOA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;;;AAOA;;;;;AAKA;;;;AAIA;;;;;;;AAOA;;;;;;;;;;;;AAYA;;;;AAIA;;;;AAIA;;;;;;;;;AASA;;;;;AAKA;;;;;;;;;AASA;;;;;AAKA;;;;;;;;;AASA;;;;;AAKA;;;;;;;;AAQA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;;;AAOA;;;;;;AAMA;;;;AAQA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;;;;;;;;;AAgBA;;;;;;;;;;;;AAYA;;;;AAQA;;;;;;;;;;AAUA;;;;;AAKA;;;;;;;;;AASA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqCA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAOA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;;;;AAOA;;;;;;AAMA;;;;;;;AAOA;;;;;;;AAOA;;;;;;;AAOA;;;;;;AAMA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;;AAMA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;;;;;AAYA;;;;;;AAMA;;;;;;AAMA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;;AAMA;;;;AAIA;;;;AAIA;;;;AAOA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;;;;AAOA;;;;;;AAMA;;;;;;;AAOA;;;;;;;AAOA;;;;;;;AAOA;;;;;;AAMA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;;AAMA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;;;;;AAYA;;;;;;AAMA;;;;;;AAMA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;;AAMA;;;;AAIA;;;;AAIA;;;;AAOA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;;;;AAQA;;;;;AAKA;;;;;;;AASA;;;;AAIA;;;;;;;;AAQA;;;;;;;;;;;;AAWA;;;;;;;;AAQA;;;;;AAKA;;;;;AAOA;;;;AAIA;;;;;AAKA;;;;;;AAMA;;;;AAIA;;;;;;;AAOA;;;;;;;AAOA;;;;;AAKA;;;;;;;;;AASA;;;;;;;;;AASA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;;;;;;;;;;AAcA;EAEE;;;;;AAKF;;;;;AAKA;;;;AAIA;;;;;;;;;;;;;AAaA;;;;;;AAMA;EAEE;;;;;AAKF;;;;;AAKA;;;;;AAKA;;;;;;AAMA;;;;;;;;;;;;;;;AAcA;;;;AAIA;;;;;;;AAOA;;;;;;;AAOA;;;;;AAKA;;;;;;;AAUA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;AAQA;;;;AAIA;;;;AAIA;;;;AAMA;;;;AAKA;;;;;AAKA;;;;;;AAMA;;;;;AAKA;;;;;;AAMA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;;AAMA;;;;;AAOA;;;;AAIA;;;;;AAKA;;;;AAIA;;;;;;;;AAQA;;;;;AAKA;;;;;;;AAOA;;;;;AAKA;;;;;;;;;;AAUA;;;;;AAKA;;;;;;;;;;AASA;;;;AAIA;;;;AAiBA;;;;;AAkBA;;;;AAiBA;;;;;AAkBA;;;;;;;;;AAsBA;;;;;;;AAQA;;;;AAIA;;;;;;AAMA;;;;;;;;;AAUA;;;;;;AAMA;;;;;;;;AAQA;;;;;;AAOA;;;;;;;;;AASA;;;;AAIA;;;;;AAKA;;;;;;;;;AASA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAOA;;;;AAOA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;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;;;;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;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;;AAOA;;;;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;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;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;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;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;;;;;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;;;;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;;;;;AAKA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;;AAMA;;;;;;AAMA;;;;AAIA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;EAEE;;;;;EAKA;;;;EAIA;;;;EAIA;;;;EAIA;;;;;;AAMF;EAEE;;;;;AAKF;EAEE;;;;EAIA;;;;;EAKA;;;;;AAKF;EAEE;;;;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-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 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"],"names":[],"version":3,"file":"lookbook.css.map"}
|
1
|
+
{"mappings":"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;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;;;;;;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;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;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;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;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;;;;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;;;;;AAKA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;;AAMA;;;;;;AAMA;;;;AAIA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;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"}
|
@@ -71,6 +71,9 @@
|
|
71
71
|
--lookbook-message-border: var(--lookbook-divider);
|
72
72
|
--lookbook-message-title: var(--lookbook-base-600);
|
73
73
|
--lookbook-message-text: var(--lookbook-text);
|
74
|
+
--lookbook-page-header-bg: var(--lookbook-base-50);
|
75
|
+
--lookbook-page-header-text: var(--lookbook-text);
|
76
|
+
--lookbook-page-header-border: var(--lookbook-divider);
|
74
77
|
--lookbook-embed-title: var(--lookbook-text);
|
75
78
|
--lookbook-branding-text: var(--lookbook-header-text);
|
76
79
|
}
|