lookbook 1.3.3 → 1.3.4
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/assets/lookbook/css/themes/green.css +66 -0
- data/app/assets/lookbook/css/themes/rose.css +66 -0
- data/app/components/lookbook/base_component.rb +2 -2
- data/app/components/lookbook/code/component.rb +3 -1
- data/app/components/lookbook/tag_component.rb +1 -1
- data/app/components/lookbook/viewport/component.rb +1 -1
- data/app/controllers/concerns/lookbook/targetable_concern.rb +2 -2
- data/app/helpers/lookbook/application_helper.rb +1 -1
- data/lib/lookbook/page.rb +1 -1
- data/lib/lookbook/services/code/code_beautifier.rb +1 -1
- data/lib/lookbook/services/code/code_highlighter.rb +1 -1
- data/lib/lookbook/stores/config_store.rb +1 -1
- data/lib/lookbook/stores/panel_store.rb +2 -2
- data/lib/lookbook/support/store.rb +1 -1
- data/lib/lookbook/tags/position_tag.rb +1 -1
- data/lib/lookbook/theme.rb +8 -0
- data/lib/lookbook/version.rb +1 -1
- data/public/lookbook-assets/css/lookbook.css +22 -104
- data/public/lookbook-assets/css/lookbook.css.map +1 -1
- data/public/lookbook-assets/css/themes/blue.css.map +1 -1
- data/public/lookbook-assets/css/themes/green.css +68 -0
- data/public/lookbook-assets/css/themes/green.css.map +1 -0
- data/public/lookbook-assets/css/themes/indigo.css.map +1 -1
- data/public/lookbook-assets/css/themes/rose.css +68 -0
- data/public/lookbook-assets/css/themes/rose.css.map +1 -0
- data/public/lookbook-assets/css/themes/zinc.css.map +1 -1
- data/public/lookbook-assets/js/embed.js +9 -0
- data/public/lookbook-assets/js/embed.js.map +1 -1
- data/public/lookbook-assets/js/lookbook.js +291 -569
- data/public/lookbook-assets/js/lookbook.js.map +1 -1
- metadata +8 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 4b470e546db75bd013d11e664180acde6ba376e5f81efe0ad21e4fba92489fe5
|
4
|
+
data.tar.gz: bf7186410dfeb3506d002e6ab43133b883350e5f7827ab92ff840900a5a28650
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 93556785190aff39487ae217fdc50969c0c5444c02dc9b9579b7184ffa568696b72bdc66ea24600e92fb2b67569b9100aca4417f3082b0d1876e59aa0e12c8c2
|
7
|
+
data.tar.gz: 4a218ca0928bfb9c1aa74b9c1a17c5cfae21cfc7ceadbf9cd4354a3d26a65af1eae9087a96782666c85b39cee646ebd6075b857ec5caa43aa547cc1239d68a19
|
@@ -0,0 +1,66 @@
|
|
1
|
+
:root {
|
2
|
+
--lookbook-white: theme("colors.white");
|
3
|
+
--lookbook-accent-50: theme("colors.green.50");
|
4
|
+
--lookbook-accent-100: theme("colors.green.100");
|
5
|
+
--lookbook-accent-200: theme("colors.green.200");
|
6
|
+
--lookbook-accent-300: theme("colors.green.300");
|
7
|
+
--lookbook-accent-400: theme("colors.green.400");
|
8
|
+
--lookbook-accent-500: theme("colors.green.500");
|
9
|
+
--lookbook-accent-600: theme("colors.green.600");
|
10
|
+
--lookbook-accent-700: theme("colors.green.700");
|
11
|
+
--lookbook-accent-800: theme("colors.green.800");
|
12
|
+
--lookbook-accent-900: theme("colors.green.900");
|
13
|
+
--lookbook-base-50: theme("colors.zinc.50");
|
14
|
+
--lookbook-base-100: theme("colors.zinc.100");
|
15
|
+
--lookbook-base-200: theme("colors.zinc.200");
|
16
|
+
--lookbook-base-300: theme("colors.zinc.300");
|
17
|
+
--lookbook-base-400: theme("colors.zinc.400");
|
18
|
+
--lookbook-base-500: theme("colors.zinc.500");
|
19
|
+
--lookbook-base-600: theme("colors.zinc.600");
|
20
|
+
--lookbook-base-700: theme("colors.zinc.700");
|
21
|
+
--lookbook-base-800: theme("colors.zinc.800");
|
22
|
+
--lookbook-base-900: theme("colors.zinc.900");
|
23
|
+
--lookbook-text: var(--lookbook-base-800);
|
24
|
+
--lookbook-divider: var(--lookbook-base-300);
|
25
|
+
--lookbook-draggable-hint: rgb(224 231 255 / 0.2);
|
26
|
+
--lookbook-icon-button-stroke: var(--lookbook-base-400);
|
27
|
+
--lookbook-icon-button-stroke-hover: var(--lookbook-accent-600);
|
28
|
+
--lookbook-tooltip-bg: var(--lookbook-accent-500);
|
29
|
+
--lookbook-tooltip-text: var(--lookbook-white);
|
30
|
+
--lookbook-scrollbar: var(--lookbook-base-200);
|
31
|
+
--lookbook-scrollbar-hover: var(--lookbook-base-300);
|
32
|
+
--lookbook-toolbar-bg: var(--lookbook-white);
|
33
|
+
--lookbook-toolbar-divider: var(--lookbook-divider);
|
34
|
+
--lookbook-nav-text: var(--lookbook-text);
|
35
|
+
--lookbook-nav-toggle: var(--lookbook-base-500);
|
36
|
+
--lookbook-nav-icon-stroke: var(--lookbook-accent-500);
|
37
|
+
--lookbook-nav-item-hover: var(--lookbook-base-100);
|
38
|
+
--lookbook-nav-item-active: var(--lookbook-accent-50);
|
39
|
+
--lookbook-input-bg: var(--lookbook-white);
|
40
|
+
--lookbook-input-border: var(--lookbook-base-300);
|
41
|
+
--lookbook-input-border-focus: var(--lookbook-accent-200);
|
42
|
+
--lookbook-input-text: var(--lookbook-base-600);
|
43
|
+
--lookbook-input-text-placeholder: var(--lookbook-base-400);
|
44
|
+
--lookbook-input-toggle: var(--lookbook-base-300);
|
45
|
+
--lookbook-input-toggle-active: var(--lookbook-accent-500);
|
46
|
+
--lookbook-prose-bg: var(--lookbook-white);
|
47
|
+
--lookbook-prose-text: var(--lookbook-base-600);
|
48
|
+
--lookbook-prose-link: var(--lookbook-accent-900);
|
49
|
+
--lookbook-tabs-text: var(--lookbook-base-500);
|
50
|
+
--lookbook-tabs-text-hover: var(--lookbook-base-700);
|
51
|
+
--lookbook-tabs-text-disabled: var(--lookbook-base-300);
|
52
|
+
--lookbook-tabs-border-active: var(--lookbook-accent-400);
|
53
|
+
--lookbook-viewport-handle: var(--lookbook-white);
|
54
|
+
--lookbook-viewport-handle-hover: var(--lookbook-draggable-hint);
|
55
|
+
--lookbook-viewport-handle-icon-stroke: var(--lookbook-base-300);
|
56
|
+
--lookbook-viewport-handle-icon-stroke-hover: var(--lookbook-base-700);
|
57
|
+
--lookbook-sidebar-bg: var(--lookbook-base-50);
|
58
|
+
--lookbook-page-bg: var(--lookbook-white);
|
59
|
+
--lookbook-drawer-bg: var(--lookbook-base-50);
|
60
|
+
--lookbook-params-editor-bg: var(--lookbook-white);
|
61
|
+
--lookbook-header-bg: var(--lookbook-accent-600);
|
62
|
+
--lookbook-header-text: var(--lookbook-white);
|
63
|
+
--lookbook-header-border: var(--lookbook-accent-700);
|
64
|
+
--lookbook-blank-slate-title: var(--lookbook-accent-600);
|
65
|
+
--lookbook-branding-text: var(--lookbook-header-text);
|
66
|
+
}
|
@@ -0,0 +1,66 @@
|
|
1
|
+
:root {
|
2
|
+
--lookbook-white: theme("colors.white");
|
3
|
+
--lookbook-accent-50: theme("colors.rose.50");
|
4
|
+
--lookbook-accent-100: theme("colors.rose.100");
|
5
|
+
--lookbook-accent-200: theme("colors.rose.200");
|
6
|
+
--lookbook-accent-300: theme("colors.rose.300");
|
7
|
+
--lookbook-accent-400: theme("colors.rose.400");
|
8
|
+
--lookbook-accent-500: theme("colors.rose.500");
|
9
|
+
--lookbook-accent-600: theme("colors.rose.600");
|
10
|
+
--lookbook-accent-700: theme("colors.rose.700");
|
11
|
+
--lookbook-accent-800: theme("colors.rose.800");
|
12
|
+
--lookbook-accent-900: theme("colors.rose.900");
|
13
|
+
--lookbook-base-50: theme("colors.zinc.50");
|
14
|
+
--lookbook-base-100: theme("colors.zinc.100");
|
15
|
+
--lookbook-base-200: theme("colors.zinc.200");
|
16
|
+
--lookbook-base-300: theme("colors.zinc.300");
|
17
|
+
--lookbook-base-400: theme("colors.zinc.400");
|
18
|
+
--lookbook-base-500: theme("colors.zinc.500");
|
19
|
+
--lookbook-base-600: theme("colors.zinc.600");
|
20
|
+
--lookbook-base-700: theme("colors.zinc.700");
|
21
|
+
--lookbook-base-800: theme("colors.zinc.800");
|
22
|
+
--lookbook-base-900: theme("colors.zinc.900");
|
23
|
+
--lookbook-text: var(--lookbook-base-800);
|
24
|
+
--lookbook-divider: var(--lookbook-base-300);
|
25
|
+
--lookbook-draggable-hint: rgb(224 231 255 / 0.2);
|
26
|
+
--lookbook-icon-button-stroke: var(--lookbook-base-400);
|
27
|
+
--lookbook-icon-button-stroke-hover: var(--lookbook-accent-600);
|
28
|
+
--lookbook-tooltip-bg: var(--lookbook-accent-500);
|
29
|
+
--lookbook-tooltip-text: var(--lookbook-white);
|
30
|
+
--lookbook-scrollbar: var(--lookbook-base-200);
|
31
|
+
--lookbook-scrollbar-hover: var(--lookbook-base-300);
|
32
|
+
--lookbook-toolbar-bg: var(--lookbook-white);
|
33
|
+
--lookbook-toolbar-divider: var(--lookbook-divider);
|
34
|
+
--lookbook-nav-text: var(--lookbook-text);
|
35
|
+
--lookbook-nav-toggle: var(--lookbook-base-500);
|
36
|
+
--lookbook-nav-icon-stroke: var(--lookbook-accent-500);
|
37
|
+
--lookbook-nav-item-hover: var(--lookbook-base-100);
|
38
|
+
--lookbook-nav-item-active: var(--lookbook-accent-50);
|
39
|
+
--lookbook-input-bg: var(--lookbook-white);
|
40
|
+
--lookbook-input-border: var(--lookbook-base-300);
|
41
|
+
--lookbook-input-border-focus: var(--lookbook-accent-200);
|
42
|
+
--lookbook-input-text: var(--lookbook-base-600);
|
43
|
+
--lookbook-input-text-placeholder: var(--lookbook-base-400);
|
44
|
+
--lookbook-input-toggle: var(--lookbook-base-300);
|
45
|
+
--lookbook-input-toggle-active: var(--lookbook-accent-500);
|
46
|
+
--lookbook-prose-bg: var(--lookbook-white);
|
47
|
+
--lookbook-prose-text: var(--lookbook-base-600);
|
48
|
+
--lookbook-prose-link: var(--lookbook-accent-900);
|
49
|
+
--lookbook-tabs-text: var(--lookbook-base-500);
|
50
|
+
--lookbook-tabs-text-hover: var(--lookbook-base-700);
|
51
|
+
--lookbook-tabs-text-disabled: var(--lookbook-base-300);
|
52
|
+
--lookbook-tabs-border-active: var(--lookbook-accent-400);
|
53
|
+
--lookbook-viewport-handle: var(--lookbook-white);
|
54
|
+
--lookbook-viewport-handle-hover: var(--lookbook-draggable-hint);
|
55
|
+
--lookbook-viewport-handle-icon-stroke: var(--lookbook-base-300);
|
56
|
+
--lookbook-viewport-handle-icon-stroke-hover: var(--lookbook-base-700);
|
57
|
+
--lookbook-sidebar-bg: var(--lookbook-base-50);
|
58
|
+
--lookbook-page-bg: var(--lookbook-white);
|
59
|
+
--lookbook-drawer-bg: var(--lookbook-base-50);
|
60
|
+
--lookbook-params-editor-bg: var(--lookbook-white);
|
61
|
+
--lookbook-header-bg: var(--lookbook-accent-600);
|
62
|
+
--lookbook-header-text: var(--lookbook-white);
|
63
|
+
--lookbook-header-border: var(--lookbook-accent-700);
|
64
|
+
--lookbook-blank-slate-title: var(--lookbook-accent-600);
|
65
|
+
--lookbook-branding-text: var(--lookbook-header-text);
|
66
|
+
}
|
@@ -1,3 +1,5 @@
|
|
1
|
+
require "active_model"
|
2
|
+
|
1
3
|
module Lookbook
|
2
4
|
class Code::Component < Lookbook::BaseComponent
|
3
5
|
include Lookbook::OutputHelper
|
@@ -55,7 +57,7 @@ module Lookbook
|
|
55
57
|
|
56
58
|
def before_render
|
57
59
|
@theme ||= (config.highlighter_options && config.highlighter_options[:theme]&.to_sym) || :github
|
58
|
-
@dark ||= ActiveModel::Type::Boolean.new.cast((config.highlighter_options && config.highlighter_options[:dark]) || false)
|
60
|
+
@dark ||= ::ActiveModel::Type::Boolean.new.cast((config.highlighter_options && config.highlighter_options[:dark]) || false)
|
59
61
|
end
|
60
62
|
|
61
63
|
protected
|
@@ -19,7 +19,7 @@ module Lookbook
|
|
19
19
|
end
|
20
20
|
|
21
21
|
def self.escape_attribute_key
|
22
|
-
@escape_attribute_key ||= Gem::Version.new(Rails.version) < Gem::Version.new("6.1.5.1") ? :escape_attributes : :escape
|
22
|
+
@escape_attribute_key ||= (Gem::Version.new(Rails.version) < Gem::Version.new("6.1.5.1")) ? :escape_attributes : :escape
|
23
23
|
end
|
24
24
|
end
|
25
25
|
end
|
@@ -103,7 +103,7 @@ module Lookbook
|
|
103
103
|
}
|
104
104
|
|
105
105
|
preview = @preview
|
106
|
-
target_examples = @target.type == :group ? @target.examples : [@target]
|
106
|
+
target_examples = (@target.type == :group) ? @target.examples : [@target]
|
107
107
|
|
108
108
|
examples = target_examples.map do |example|
|
109
109
|
render_args = @preview.render_args(example.name, params: preview_controller.params)
|
@@ -118,7 +118,7 @@ module Lookbook
|
|
118
118
|
example
|
119
119
|
end
|
120
120
|
|
121
|
-
target = @target.type == :group ? @target : examples.find { |e| e.lookup_path == @target.lookup_path }
|
121
|
+
target = (@target.type == :group) ? @target : examples.find { |e| e.lookup_path == @target.lookup_path }
|
122
122
|
|
123
123
|
params_ref = @params
|
124
124
|
preview.define_singleton_method(:params, proc { params_ref })
|
data/lib/lookbook/page.rb
CHANGED
@@ -26,7 +26,7 @@ module Lookbook
|
|
26
26
|
@content = ""
|
27
27
|
@page_name = remove_position_prefix(path_name)
|
28
28
|
@rel_path = @pathname.relative_path_from(@base_path)
|
29
|
-
page_path = @rel_path.dirname.to_s == "." ? @page_name : "#{@rel_path.dirname}/#{@page_name}"
|
29
|
+
page_path = (@rel_path.dirname.to_s == ".") ? @page_name : "#{@rel_path.dirname}/#{@page_name}"
|
30
30
|
extract_frontmatter(file_contents)
|
31
31
|
super(page_path)
|
32
32
|
end
|
@@ -12,7 +12,7 @@ module Lookbook
|
|
12
12
|
def call
|
13
13
|
language = opts.fetch(:language, "html")
|
14
14
|
stripped_source = source.strip
|
15
|
-
result = language.downcase == "html" ? HtmlBeautifier.beautify(stripped_source, opts) : stripped_source
|
15
|
+
result = (language.downcase == "html") ? HtmlBeautifier.beautify(stripped_source, opts) : stripped_source
|
16
16
|
result.to_s.strip.html_safe
|
17
17
|
rescue
|
18
18
|
source.strip.html_safe
|
@@ -96,7 +96,7 @@ module Lookbook
|
|
96
96
|
config.each do |group, panels|
|
97
97
|
panels.map! do |opts|
|
98
98
|
opts.transform_values! do |value|
|
99
|
-
value.is_a?(String) && value.start_with?("->") ? eval(value) : value # standard:disable Security/Eval
|
99
|
+
(value.is_a?(String) && value.start_with?("->")) ? eval(value) : value # standard:disable Security/Eval
|
100
100
|
end
|
101
101
|
end
|
102
102
|
end
|
@@ -111,7 +111,7 @@ module Lookbook
|
|
111
111
|
end
|
112
112
|
|
113
113
|
def insert_index(position, items_count)
|
114
|
-
index = position == 0 ? 1 : (position || 0).to_int
|
114
|
+
index = (position == 0) ? 1 : (position || 0).to_int
|
115
115
|
last_position = items_count + 1
|
116
116
|
index = last_position if index > last_position
|
117
117
|
index - 1
|
@@ -71,7 +71,7 @@ module Lookbook
|
|
71
71
|
protected
|
72
72
|
|
73
73
|
def normalize_value(value)
|
74
|
-
@recursive && !value.is_a?(Store) && value.is_a?(Hash) ? Store.new(value, recursive: @recursive) : value
|
74
|
+
(@recursive && !value.is_a?(Store) && value.is_a?(Hash)) ? Store.new(value, recursive: @recursive) : value
|
75
75
|
end
|
76
76
|
end
|
77
77
|
end
|
data/lib/lookbook/theme.rb
CHANGED
@@ -12,6 +12,14 @@ module Lookbook
|
|
12
12
|
blue: {
|
13
13
|
favicon_light_mode: "#2563EB",
|
14
14
|
favicon_dark_mode: "#60A5FA"
|
15
|
+
},
|
16
|
+
green: {
|
17
|
+
favicon_light_mode: "#16a34a",
|
18
|
+
favicon_dark_mode: "#66E093"
|
19
|
+
},
|
20
|
+
rose: {
|
21
|
+
favicon_light_mode: "#E11D48",
|
22
|
+
favicon_dark_mode: "#FFA0B5"
|
15
23
|
}
|
16
24
|
}
|
17
25
|
|
data/lib/lookbook/version.rb
CHANGED
@@ -10,6 +10,7 @@
|
|
10
10
|
html {
|
11
11
|
-webkit-text-size-adjust: 100%;
|
12
12
|
tab-size: 4;
|
13
|
+
font-feature-settings: normal;
|
13
14
|
font-family: -apple-system, \.SFNSText-Regular, San Francisco, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
|
14
15
|
line-height: 1.5;
|
15
16
|
}
|
@@ -242,6 +243,7 @@ select {
|
|
242
243
|
appearance: none;
|
243
244
|
print-color-adjust: exact;
|
244
245
|
vertical-align: middle;
|
246
|
+
-webkit-user-select: none;
|
245
247
|
user-select: none;
|
246
248
|
height: 1rem;
|
247
249
|
width: 1rem;
|
@@ -1034,24 +1036,24 @@ pre[class*="language-"] {
|
|
1034
1036
|
padding-left: .428571em;
|
1035
1037
|
}
|
1036
1038
|
|
1037
|
-
.prose-sm :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
|
1039
|
+
.prose-sm :where(.prose-sm > ul > li p):not(:where([class~="not-prose"] *)) {
|
1038
1040
|
margin-top: .571429em;
|
1039
1041
|
margin-bottom: .571429em;
|
1040
1042
|
}
|
1041
1043
|
|
1042
|
-
.prose-sm :where(.prose > ul > li > :first-child):not(:where([class~="not-prose"] *)) {
|
1044
|
+
.prose-sm :where(.prose-sm > ul > li > :first-child):not(:where([class~="not-prose"] *)) {
|
1043
1045
|
margin-top: 1.14286em;
|
1044
1046
|
}
|
1045
1047
|
|
1046
|
-
.prose-sm :where(.prose > ul > li > :last-child):not(:where([class~="not-prose"] *)) {
|
1048
|
+
.prose-sm :where(.prose-sm > ul > li > :last-child):not(:where([class~="not-prose"] *)) {
|
1047
1049
|
margin-bottom: 1.14286em;
|
1048
1050
|
}
|
1049
1051
|
|
1050
|
-
.prose-sm :where(.prose > ol > li > :first-child):not(:where([class~="not-prose"] *)) {
|
1052
|
+
.prose-sm :where(.prose-sm > ol > li > :first-child):not(:where([class~="not-prose"] *)) {
|
1051
1053
|
margin-top: 1.14286em;
|
1052
1054
|
}
|
1053
1055
|
|
1054
|
-
.prose-sm :where(.prose > ol > li > :last-child):not(:where([class~="not-prose"] *)) {
|
1056
|
+
.prose-sm :where(.prose-sm > ol > li > :last-child):not(:where([class~="not-prose"] *)) {
|
1055
1057
|
margin-bottom: 1.14286em;
|
1056
1058
|
}
|
1057
1059
|
|
@@ -1112,40 +1114,11 @@ pre[class*="language-"] {
|
|
1112
1114
|
padding-right: 0;
|
1113
1115
|
}
|
1114
1116
|
|
1115
|
-
.prose-sm :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
|
1116
|
-
margin-top: 0;
|
1117
|
-
}
|
1118
|
-
|
1119
|
-
.prose-sm :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
|
1120
|
-
margin-bottom: 0;
|
1121
|
-
}
|
1122
|
-
|
1123
|
-
.prose-base :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
|
1124
|
-
margin-top: .75em;
|
1125
|
-
margin-bottom: .75em;
|
1126
|
-
}
|
1127
|
-
|
1128
|
-
.prose-base :where(.prose > ul > li > :first-child):not(:where([class~="not-prose"] *)) {
|
1129
|
-
margin-top: 1.25em;
|
1130
|
-
}
|
1131
|
-
|
1132
|
-
.prose-base :where(.prose > ul > li > :last-child):not(:where([class~="not-prose"] *)) {
|
1133
|
-
margin-bottom: 1.25em;
|
1134
|
-
}
|
1135
|
-
|
1136
|
-
.prose-base :where(.prose > ol > li > :first-child):not(:where([class~="not-prose"] *)) {
|
1137
|
-
margin-top: 1.25em;
|
1138
|
-
}
|
1139
|
-
|
1140
|
-
.prose-base :where(.prose > ol > li > :last-child):not(:where([class~="not-prose"] *)) {
|
1141
|
-
margin-bottom: 1.25em;
|
1142
|
-
}
|
1143
|
-
|
1144
|
-
.prose-base :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
|
1117
|
+
.prose-sm :where(.prose-sm > :first-child):not(:where([class~="not-prose"] *)) {
|
1145
1118
|
margin-top: 0;
|
1146
1119
|
}
|
1147
1120
|
|
1148
|
-
.prose-
|
1121
|
+
.prose-sm :where(.prose-sm > :last-child):not(:where([class~="not-prose"] *)) {
|
1149
1122
|
margin-bottom: 0;
|
1150
1123
|
}
|
1151
1124
|
|
@@ -1271,24 +1244,24 @@ pre[class*="language-"] {
|
|
1271
1244
|
padding-left: .444444em;
|
1272
1245
|
}
|
1273
1246
|
|
1274
|
-
.prose-lg :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
|
1247
|
+
.prose-lg :where(.prose-lg > ul > li p):not(:where([class~="not-prose"] *)) {
|
1275
1248
|
margin-top: .888889em;
|
1276
1249
|
margin-bottom: .888889em;
|
1277
1250
|
}
|
1278
1251
|
|
1279
|
-
.prose-lg :where(.prose > ul > li > :first-child):not(:where([class~="not-prose"] *)) {
|
1252
|
+
.prose-lg :where(.prose-lg > ul > li > :first-child):not(:where([class~="not-prose"] *)) {
|
1280
1253
|
margin-top: 1.33333em;
|
1281
1254
|
}
|
1282
1255
|
|
1283
|
-
.prose-lg :where(.prose > ul > li > :last-child):not(:where([class~="not-prose"] *)) {
|
1256
|
+
.prose-lg :where(.prose-lg > ul > li > :last-child):not(:where([class~="not-prose"] *)) {
|
1284
1257
|
margin-bottom: 1.33333em;
|
1285
1258
|
}
|
1286
1259
|
|
1287
|
-
.prose-lg :where(.prose > ol > li > :first-child):not(:where([class~="not-prose"] *)) {
|
1260
|
+
.prose-lg :where(.prose-lg > ol > li > :first-child):not(:where([class~="not-prose"] *)) {
|
1288
1261
|
margin-top: 1.33333em;
|
1289
1262
|
}
|
1290
1263
|
|
1291
|
-
.prose-lg :where(.prose > ol > li > :last-child):not(:where([class~="not-prose"] *)) {
|
1264
|
+
.prose-lg :where(.prose-lg > ol > li > :last-child):not(:where([class~="not-prose"] *)) {
|
1292
1265
|
margin-bottom: 1.33333em;
|
1293
1266
|
}
|
1294
1267
|
|
@@ -1349,69 +1322,11 @@ pre[class*="language-"] {
|
|
1349
1322
|
padding-right: 0;
|
1350
1323
|
}
|
1351
1324
|
|
1352
|
-
.prose-lg :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
|
1353
|
-
margin-top: 0;
|
1354
|
-
}
|
1355
|
-
|
1356
|
-
.prose-lg :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
|
1357
|
-
margin-bottom: 0;
|
1358
|
-
}
|
1359
|
-
|
1360
|
-
.prose-xl :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
|
1361
|
-
margin-top: .8em;
|
1362
|
-
margin-bottom: .8em;
|
1363
|
-
}
|
1364
|
-
|
1365
|
-
.prose-xl :where(.prose > ul > li > :first-child):not(:where([class~="not-prose"] *)) {
|
1366
|
-
margin-top: 1.2em;
|
1367
|
-
}
|
1368
|
-
|
1369
|
-
.prose-xl :where(.prose > ul > li > :last-child):not(:where([class~="not-prose"] *)) {
|
1370
|
-
margin-bottom: 1.2em;
|
1371
|
-
}
|
1372
|
-
|
1373
|
-
.prose-xl :where(.prose > ol > li > :first-child):not(:where([class~="not-prose"] *)) {
|
1374
|
-
margin-top: 1.2em;
|
1375
|
-
}
|
1376
|
-
|
1377
|
-
.prose-xl :where(.prose > ol > li > :last-child):not(:where([class~="not-prose"] *)) {
|
1378
|
-
margin-bottom: 1.2em;
|
1379
|
-
}
|
1380
|
-
|
1381
|
-
.prose-xl :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
|
1382
|
-
margin-top: 0;
|
1383
|
-
}
|
1384
|
-
|
1385
|
-
.prose-xl :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
|
1386
|
-
margin-bottom: 0;
|
1387
|
-
}
|
1388
|
-
|
1389
|
-
.prose-2xl :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
|
1390
|
-
margin-top: .833333em;
|
1391
|
-
margin-bottom: .833333em;
|
1392
|
-
}
|
1393
|
-
|
1394
|
-
.prose-2xl :where(.prose > ul > li > :first-child):not(:where([class~="not-prose"] *)) {
|
1395
|
-
margin-top: 1.33333em;
|
1396
|
-
}
|
1397
|
-
|
1398
|
-
.prose-2xl :where(.prose > ul > li > :last-child):not(:where([class~="not-prose"] *)) {
|
1399
|
-
margin-bottom: 1.33333em;
|
1400
|
-
}
|
1401
|
-
|
1402
|
-
.prose-2xl :where(.prose > ol > li > :first-child):not(:where([class~="not-prose"] *)) {
|
1403
|
-
margin-top: 1.33333em;
|
1404
|
-
}
|
1405
|
-
|
1406
|
-
.prose-2xl :where(.prose > ol > li > :last-child):not(:where([class~="not-prose"] *)) {
|
1407
|
-
margin-bottom: 1.33333em;
|
1408
|
-
}
|
1409
|
-
|
1410
|
-
.prose-2xl :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
|
1325
|
+
.prose-lg :where(.prose-lg > :first-child):not(:where([class~="not-prose"] *)) {
|
1411
1326
|
margin-top: 0;
|
1412
1327
|
}
|
1413
1328
|
|
1414
|
-
.prose-
|
1329
|
+
.prose-lg :where(.prose-lg > :last-child):not(:where([class~="not-prose"] *)) {
|
1415
1330
|
margin-bottom: 0;
|
1416
1331
|
}
|
1417
1332
|
|
@@ -1451,6 +1366,7 @@ pre[class*="language-"] {
|
|
1451
1366
|
width: min-content;
|
1452
1367
|
z-index: 10;
|
1453
1368
|
height: 100%;
|
1369
|
+
-webkit-user-select: none;
|
1454
1370
|
user-select: none;
|
1455
1371
|
text-align: right;
|
1456
1372
|
border-style: dashed;
|
@@ -1507,7 +1423,7 @@ pre[class*="language-"] {
|
|
1507
1423
|
[data-component="icon"] {
|
1508
1424
|
flex: none;
|
1509
1425
|
line-height: 1;
|
1510
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
1426
|
+
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter, backdrop-filter;
|
1511
1427
|
transition-duration: .15s;
|
1512
1428
|
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
|
1513
1429
|
display: block;
|
@@ -1666,9 +1582,10 @@ pre[class*="language-"] {
|
|
1666
1582
|
|
1667
1583
|
[data-component="viewport"] .resize-handle {
|
1668
1584
|
touch-action: none;
|
1585
|
+
-webkit-user-select: none;
|
1669
1586
|
user-select: none;
|
1670
1587
|
color: var(--lookbook-viewport-handle-icon-stroke);
|
1671
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
1588
|
+
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter, backdrop-filter;
|
1672
1589
|
transition-duration: .15s;
|
1673
1590
|
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
|
1674
1591
|
}
|
@@ -2225,6 +2142,7 @@ input[type="color"]::-webkit-color-swatch {
|
|
2225
2142
|
}
|
2226
2143
|
|
2227
2144
|
.select-none {
|
2145
|
+
-webkit-user-select: none;
|
2228
2146
|
user-select: none;
|
2229
2147
|
}
|
2230
2148
|
|
@@ -2914,7 +2832,7 @@ input[type="color"]::-webkit-color-swatch {
|
|
2914
2832
|
}
|
2915
2833
|
|
2916
2834
|
.transition {
|
2917
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
2835
|
+
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter, backdrop-filter;
|
2918
2836
|
transition-duration: .15s;
|
2919
2837
|
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
|
2920
2838
|
}
|
@@ -1 +1 @@
|
|
1
|
-
{"mappings":"AAKE;;;;;AAOD;;;;
|
1
|
+
{"mappings":"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;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;;;;;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;;;;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;;;;AAEA;;;;;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"}
|
@@ -1 +1 @@
|
|
1
|
-
{"mappings":"AAAA","sources":["app/assets/lookbook/css/themes/blue.css"],"sourcesContent":[":root {\n --lookbook-white: theme(\"colors.white\");\n --lookbook-accent-50: theme(\"colors.blue.50\");\n --lookbook-accent-100: theme(\"colors.blue.100\");\n --lookbook-accent-200: theme(\"colors.blue.200\");\n --lookbook-accent-300: theme(\"colors.blue.300\");\n --lookbook-accent-400: theme(\"colors.blue.400\");\n --lookbook-accent-500: theme(\"colors.blue.500\");\n --lookbook-accent-600: theme(\"colors.blue.600\");\n --lookbook-accent-700: theme(\"colors.blue.700\");\n --lookbook-accent-800: theme(\"colors.blue.800\");\n --lookbook-accent-900: theme(\"colors.blue.900\");\n --lookbook-base-50: theme(\"colors.zinc.50\");\n --lookbook-base-100: theme(\"colors.zinc.100\");\n --lookbook-base-200: theme(\"colors.zinc.200\");\n --lookbook-base-300: theme(\"colors.zinc.300\");\n --lookbook-base-400: theme(\"colors.zinc.400\");\n --lookbook-base-500: theme(\"colors.zinc.500\");\n --lookbook-base-600: theme(\"colors.zinc.600\");\n --lookbook-base-700: theme(\"colors.zinc.700\");\n --lookbook-base-800: theme(\"colors.zinc.800\");\n --lookbook-base-900: theme(\"colors.zinc.900\");\n --lookbook-text: var(--lookbook-base-800);\n --lookbook-divider: var(--lookbook-base-300);\n --lookbook-draggable-hint: rgb(224 231 255 / 0.2);\n --lookbook-icon-button-stroke: var(--lookbook-base-400);\n --lookbook-icon-button-stroke-hover: var(--lookbook-accent-600);\n --lookbook-tooltip-bg: var(--lookbook-accent-500);\n --lookbook-tooltip-text: var(--lookbook-white);\n --lookbook-scrollbar: var(--lookbook-base-200);\n --lookbook-scrollbar-hover: var(--lookbook-base-300);\n --lookbook-toolbar-bg: var(--lookbook-white);\n --lookbook-toolbar-divider: var(--lookbook-divider);\n --lookbook-nav-text: var(--lookbook-text);\n --lookbook-nav-toggle: var(--lookbook-base-500);\n --lookbook-nav-icon-stroke: var(--lookbook-accent-500);\n --lookbook-nav-item-hover: var(--lookbook-base-100);\n --lookbook-nav-item-active: var(--lookbook-accent-50);\n --lookbook-input-bg: var(--lookbook-white);\n --lookbook-input-border: var(--lookbook-base-300);\n --lookbook-input-border-focus: var(--lookbook-accent-200);\n --lookbook-input-text: var(--lookbook-base-600);\n --lookbook-input-text-placeholder: var(--lookbook-base-400);\n --lookbook-input-toggle: var(--lookbook-base-300);\n --lookbook-input-toggle-active: var(--lookbook-accent-500);\n --lookbook-prose-bg: var(--lookbook-white);\n --lookbook-prose-text: var(--lookbook-base-600);\n --lookbook-prose-link: var(--lookbook-accent-900);\n --lookbook-tabs-text: var(--lookbook-base-500);\n --lookbook-tabs-text-hover: var(--lookbook-base-700);\n --lookbook-tabs-text-disabled: var(--lookbook-base-300);\n --lookbook-tabs-border-active: var(--lookbook-accent-400);\n --lookbook-viewport-handle: var(--lookbook-white);\n --lookbook-viewport-handle-hover: var(--lookbook-draggable-hint);\n --lookbook-viewport-handle-icon-stroke: var(--lookbook-base-300);\n --lookbook-viewport-handle-icon-stroke-hover: var(--lookbook-base-700);\n --lookbook-sidebar-bg: var(--lookbook-base-50);\n --lookbook-page-bg: var(--lookbook-white);\n --lookbook-drawer-bg: var(--lookbook-base-50);\n --lookbook-params-editor-bg: var(--lookbook-white);\n --lookbook-header-bg: var(--lookbook-accent-600);\n --lookbook-header-text: var(--lookbook-white);\n --lookbook-header-border: var(--lookbook-accent-700);\n --lookbook-blank-slate-title: var(--lookbook-accent-600);\n --lookbook-branding-text: var(--lookbook-header-text);\n}
|
1
|
+
{"mappings":"AAAA","sources":["app/assets/lookbook/css/themes/blue.css"],"sourcesContent":[":root {\n --lookbook-white: theme(\"colors.white\");\n --lookbook-accent-50: theme(\"colors.blue.50\");\n --lookbook-accent-100: theme(\"colors.blue.100\");\n --lookbook-accent-200: theme(\"colors.blue.200\");\n --lookbook-accent-300: theme(\"colors.blue.300\");\n --lookbook-accent-400: theme(\"colors.blue.400\");\n --lookbook-accent-500: theme(\"colors.blue.500\");\n --lookbook-accent-600: theme(\"colors.blue.600\");\n --lookbook-accent-700: theme(\"colors.blue.700\");\n --lookbook-accent-800: theme(\"colors.blue.800\");\n --lookbook-accent-900: theme(\"colors.blue.900\");\n --lookbook-base-50: theme(\"colors.zinc.50\");\n --lookbook-base-100: theme(\"colors.zinc.100\");\n --lookbook-base-200: theme(\"colors.zinc.200\");\n --lookbook-base-300: theme(\"colors.zinc.300\");\n --lookbook-base-400: theme(\"colors.zinc.400\");\n --lookbook-base-500: theme(\"colors.zinc.500\");\n --lookbook-base-600: theme(\"colors.zinc.600\");\n --lookbook-base-700: theme(\"colors.zinc.700\");\n --lookbook-base-800: theme(\"colors.zinc.800\");\n --lookbook-base-900: theme(\"colors.zinc.900\");\n --lookbook-text: var(--lookbook-base-800);\n --lookbook-divider: var(--lookbook-base-300);\n --lookbook-draggable-hint: rgb(224 231 255 / 0.2);\n --lookbook-icon-button-stroke: var(--lookbook-base-400);\n --lookbook-icon-button-stroke-hover: var(--lookbook-accent-600);\n --lookbook-tooltip-bg: var(--lookbook-accent-500);\n --lookbook-tooltip-text: var(--lookbook-white);\n --lookbook-scrollbar: var(--lookbook-base-200);\n --lookbook-scrollbar-hover: var(--lookbook-base-300);\n --lookbook-toolbar-bg: var(--lookbook-white);\n --lookbook-toolbar-divider: var(--lookbook-divider);\n --lookbook-nav-text: var(--lookbook-text);\n --lookbook-nav-toggle: var(--lookbook-base-500);\n --lookbook-nav-icon-stroke: var(--lookbook-accent-500);\n --lookbook-nav-item-hover: var(--lookbook-base-100);\n --lookbook-nav-item-active: var(--lookbook-accent-50);\n --lookbook-input-bg: var(--lookbook-white);\n --lookbook-input-border: var(--lookbook-base-300);\n --lookbook-input-border-focus: var(--lookbook-accent-200);\n --lookbook-input-text: var(--lookbook-base-600);\n --lookbook-input-text-placeholder: var(--lookbook-base-400);\n --lookbook-input-toggle: var(--lookbook-base-300);\n --lookbook-input-toggle-active: var(--lookbook-accent-500);\n --lookbook-prose-bg: var(--lookbook-white);\n --lookbook-prose-text: var(--lookbook-base-600);\n --lookbook-prose-link: var(--lookbook-accent-900);\n --lookbook-tabs-text: var(--lookbook-base-500);\n --lookbook-tabs-text-hover: var(--lookbook-base-700);\n --lookbook-tabs-text-disabled: var(--lookbook-base-300);\n --lookbook-tabs-border-active: var(--lookbook-accent-400);\n --lookbook-viewport-handle: var(--lookbook-white);\n --lookbook-viewport-handle-hover: var(--lookbook-draggable-hint);\n --lookbook-viewport-handle-icon-stroke: var(--lookbook-base-300);\n --lookbook-viewport-handle-icon-stroke-hover: var(--lookbook-base-700);\n --lookbook-sidebar-bg: var(--lookbook-base-50);\n --lookbook-page-bg: var(--lookbook-white);\n --lookbook-drawer-bg: var(--lookbook-base-50);\n --lookbook-params-editor-bg: var(--lookbook-white);\n --lookbook-header-bg: var(--lookbook-accent-600);\n --lookbook-header-text: var(--lookbook-white);\n --lookbook-header-border: var(--lookbook-accent-700);\n --lookbook-blank-slate-title: var(--lookbook-accent-600);\n --lookbook-branding-text: var(--lookbook-header-text);\n}"],"names":[],"version":3,"file":"blue.css.map"}
|