From 1f6a9795ed529247bb3370c5efeb009a81d30c8b Mon Sep 17 00:00:00 2001 From: Daniel Baumann Date: Tue, 3 Sep 2024 09:47:36 +0200 Subject: Merging upstream version 0.46. Signed-off-by: Daniel Baumann --- docs/components/ui/Tabs/DemoCSS.jinja | 59 +++++++++++++++++++++++++++++++++++ 1 file changed, 59 insertions(+) create mode 100644 docs/components/ui/Tabs/DemoCSS.jinja (limited to 'docs/components/ui/Tabs/DemoCSS.jinja') diff --git a/docs/components/ui/Tabs/DemoCSS.jinja b/docs/components/ui/Tabs/DemoCSS.jinja new file mode 100644 index 0000000..07db8f0 --- /dev/null +++ b/docs/components/ui/Tabs/DemoCSS.jinja @@ -0,0 +1,59 @@ +{% filter markdown %}{% raw %} +```css +.ui-tablist { + display: flex; +} +.ui-tablist > :not([hidden]) ~ :not([hidden]) { + margin-left: 0.25rem ; +} +.ui-tablist { + border-radius: 1rem; + background-color: rgb(30 58 138 / 0.6); + padding: 0.5rem; + color: #111; +} +.ui-tablist > .ui-tab:not([hidden]) ~ .ui-tab:not([hidden]) { + margin-left: 0.5rem; +} +.ui-tab { + width: 100%; + border-radius: 0.5rem; + color: #222; + background-color: rgb(255 255 255 / 0.7); + padding: 0.75rem 0.25rem; + font-size: 0.875rem; + font-weight: 500; + line-height: 1.25rem; +} +.ui-tab:focus { + outline: 2px solid rgb(59 130 246 / 0.8); + outline-offset: 2px; +} +.ui-tab.ui-selected { + background-color: white; + color: black; +} +.ui-tab:hover:not(.ui-selected, .ui-disabled), +.ui-tab:focus:not(.ui-selected, .ui-disabled) { + background-color: rgb(255 255 255 / 0.8); +} +.ui-tabpanel { + margin-top: 0.5rem; + border-radius: 0.75rem; + background-color: rgb(254 254 254); + border: 2px solid rgb(59 130 246 / 0.8); + padding: 0.1rem; + min-height: 8rem; + display: flex; + align-items: center; + justify-content: center; +} +.ui-tabpanel:focus { + outline: 2px solid transparent; + outline-offset: 2px; +} +.ui-tabpanel.ui-hidden { + display: none; +} +``` +{% endraw %}{% endfilter %} \ No newline at end of file -- cgit v1.2.3