Skip to content

Instantly share code, notes, and snippets.

@kepano
Last active October 14, 2022 18:48
Show Gist options
  • Save kepano/877023f0bb8ab0c18a60a47b085c0922 to your computer and use it in GitHub Desktop.
Save kepano/877023f0bb8ab0c18a60a47b085c0922 to your computer and use it in GitHub Desktop.
Style Settings snippet for Obsidian Tab Stacks (1.0+)
/* @settings
name: Tab stacks
id: tab-stacks
settings:
-
id: tab-stacked-pane-width
title: Stacked width
type: variable-number
description: Width of a stacked tab in pixels
default: 700
format: px
-
id: tab-stacked-header-width
title: Spine width
type: variable-number
description: Width of the spine in pixels
default: 40
format: px
-
id: tab-stacked-spine-orientation
title: Spine text orientation
type: class-select
default: tab-stack-top
options:
-
label: Top aligned
value: tab-stack-top
-
label: Top aligned flipped
value: tab-stack-top-flipped
-
label: Bottom aligned
value: tab-stack-bottom
-
label: Bottom aligned flipped
value: tab-stack-bottom-flipped
*/
.tab-stack-top-flipped {
--tab-stacked-text-transform: rotate(180deg);
--tab-stacked-text-align: right;
}
.tab-stack-bottom {
--tab-stacked-text-transform: rotate(180deg);
}
.tab-stack-bottom-flipped {
--tab-stacked-text-align: right;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment