All pages
Powered by GitBook
1 of 1

Loading...

Configuration


Field type: Select

Available values: • Navigation (default) • Buttons

Example value: Navigation (default)

Path to the configuration: Tab "Content" => Block "Pagination" => Section "Basic configuration"

Technical name: twt-pagination-style


Field type: Color picker

Example value: $sw-color-brand-primary

Path to the configuration: Tab "Content" => Block "Pagination" => Section "Colour configuration"

Technical name: twt-pagination-color


Field type: Color picker

Example value: #bcc1c7

Path to the configuration: Tab "Content" => Block "Pagination" => Section "Colour configuration"

Technical name: twt-pagination-border-color


Field type: Color picker

Example value: #ffffff

Path to the configuration: Tab "Content" => Block "Pagination" => Section "Colour configuration"

Technical name: twt-pagination-background-color


Field type: Color picker

Example value: darken($sw-color-brand-primary, 15%)

Path to the configuration: Tab "Content" => Block "Pagination" => Section "Colour configuration"

Technical name: twt-pagination-hover-color


Field type: Color picker

Example value: #bcc1c7

Path to the configuration: Tab "Content" => Block "Pagination" => Section "Colour configuration"

Technical name: twt-pagination-hover-border-color


Field type: Color picker

Example value: #eeeeee

Path to the configuration: Tab "Content" => Block "Pagination" => Section "Colour configuration"

Technical name: twt-pagination-hover-background-color


Field type: Color picker

Example value: #ffffff

Path to the configuration: Tab "Content" => Block "Pagination" => Section "Colour configuration"

Technical name: twt-pagination-active-color


Field type: Color picker

Example value: $sw-color-brand-primary

Path to the configuration: Tab "Content" => Block "Pagination" => Section "Colour configuration"

Technical name: twt-pagination-active-border-color


Field type: Color picker

Example value: $sw-color-brand-primary

Path to the configuration: Tab "Content" => Block "Pagination" => Section "Colour configuration"

Technical name: twt-pagination-active-background-color


Field type: Color picker

Example value: #798490

Path to the configuration: Tab "Content" => Block "Pagination" => Section "Colour configuration"

Technical name: twt-pagination-disabled-color


Field type: Color picker

Example value: #bcc1c7

Path to the configuration: Tab "Content" => Block "Pagination" => Section "Colour configuration"

Technical name: twt-pagination-disabled-border-color


Field type: Color picker

Example value: #eeeeee

Path to the configuration: Tab "Content" => Block "Pagination" => Section "Colour configuration"

Technical name: twt-pagination-disabled-background-color


Field type: Select

Available values: • not rounded • rounded corners (default) • round corners

Example value: rounded corners (default)

Path to the configuration: Tab "Content" => Block "Pagination" => Section "Layout type: Navigation"

Technical name: twt-pagination-corner-type


Field type: Select

Available values: • not rounded • rounded corners • round corners • Pill

Example value: rounded corners

Path to the configuration: Tab "Content" => Block "Pagination" => Section "Layout type: Buttons"

Technical name: twt-pagination-buttons-corner-type

Basic configuration

Layout type

Navigation Default layout with combined buttons.

Buttons Layout with separated buttons.

Colour configuration

Text colour

Border colour

Background colour

Text colour @hover

Border colour @hover

Background colour @hover

Text colour @active

Border colour @active

Background colour @active

Text colour @disabled

Border colour @disabled

Background colour @disabled

Layout type "Navigation"

Corner type

rounded corners Uses the configuration "Border radius". ("Layout" > "Layout" > "Border radius")

round corners Uses a predefined radius for round corners.

Layout type "Buttons"

Corner type

rounded corners Uses the configuration "Border radius". ("Layout" > "Layout" > "Border radius")

round corners Uses a predefined radius for round corners.