mirror of
https://github.com/Jermolene/TiddlyWiki5
synced 2024-12-03 23:09:56 +00:00
22 lines
1.6 KiB
Plaintext
22 lines
1.6 KiB
Plaintext
created: 20220818093624828
|
|
modified: 20221010074235929
|
|
tags: WikiText
|
|
title: Utility Classes
|
|
type: text/vnd.tiddlywiki
|
|
|
|
<<.from-version "5.2.4">> The following outlines a few predefined CSS classes intended to make it simpler to style [[HTML block-elements|HTML Block Elements]] and [[wikitext tables|Tables in WikiText CSS Utility Classes]].
|
|
|
|
!! General Utility Classes
|
|
|
|
|`tc-center` |Centres a block-element to the middle of the container |
|
|
|`tc-max-width `|Expands a block-element to use the maximum width of the container |
|
|
|`tc-max-width-80`|Sets the width of a block-element to use 80% of the maximum container width. This setting is useful with the `tc-center` class |
|
|
|`tc-edit-max-width `|Expands [[TextWidget]]s to use the maximum available width. See [[ControlPanel -> Info -> Basics|$:/core/ui/ControlPanel/Basics]]|
|
|
|`tc-first-link-nowrap` |Ensures that any links in the first table column will never wrap to the next line |
|
|
|`tc-clearfix`|<<.from-version "5.3.6">> This class can be used to prevent elements, that have a `class="tc-float-right"` from overflowing their container elements. tc-clearfix is already assigned to all major ViewTemplate and EditTemplate elements. So it only needs to be used where the default does not work out of the box.|
|
|
!! Table Utility Classes
|
|
|
|
|`tc-table-no-border` |Removes the borders of a table |
|
|
|`tc-first-col-min-width` |The first column of a table will take up minimal possible width. It adapts to the content |
|
|
|`tc-table-wrapper` |<<.from-version "5.3.6">> A class to be applied to a `div` element outside the table to prevent table from overflowing |
|