Style Settings snippet for Obsidian Tab Stacks (1.0+)

tab-stacks.css

/* @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;
}