diff options
| author | Jasper Ras <jras@hostnet.nl> | 2025-01-13 13:16:06 +0100 |
|---|---|---|
| committer | Jasper Ras <jras@hostnet.nl> | 2025-01-13 13:16:06 +0100 |
| commit | 9232b8d817d4cd4122947375156fa2fa1e9fba14 (patch) | |
| tree | e4feb77f2e508f008b78f722e91488bb9a3f3806 /3 resources/css | |
| parent | ed0753ad224f0c65133bd7a63180257eecd9f5e3 (diff) | |
vault backup: 2025-01-13 13:16:06
Diffstat (limited to '3 resources/css')
| -rw-r--r-- | 3 resources/css/Display.md (renamed from 3 resources/css/display.md) | 3 | ||||
| -rw-r--r-- | 3 resources/css/Flexbox.md (renamed from 3 resources/css/flexbox.md) | 8 | ||||
| -rw-r--r-- | 3 resources/css/Grid.md (renamed from 3 resources/css/grids.md) | 0 |
3 files changed, 8 insertions, 3 deletions
diff --git a/3 resources/css/display.md b/3 resources/css/Display.md index cf27f55..d145d43 100644 --- a/3 resources/css/display.md +++ b/3 resources/css/Display.md @@ -1,3 +1,6 @@ +#css + +--- display none vs visibility hidden: display: none is really like the element does not exist. Visibility hidden just hides it but it still takes space. A display: none element can still have size and be coloured with a background image. It still doesn't take space. This can be used for a timeline bar for example!
\ No newline at end of file diff --git a/3 resources/css/flexbox.md b/3 resources/css/Flexbox.md index 9e8f95e..04d5af2 100644 --- a/3 resources/css/flexbox.md +++ b/3 resources/css/Flexbox.md @@ -1,3 +1,6 @@ +#css + +--- Flexbox deals with layout always in only one dimension; it's possible to specify which dimension: either vertical or horizontal. Two axes: main and cross @@ -6,7 +9,6 @@ Control main axis: `flex-direction: row|row-reverse|column|column-reverse`. The Cross axis is always the opposite of `flex-direction`, so if `flex-direction: row-reverse` the cross axis is `column-reverse`. -[[TODO]] What is: "writing mode of the document"? Mentioned on the docs. -This document explains: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_flexible_box_layout/Relationship_of_flexbox_to_other_layout_methods#writing_modes - +The writing mode determines where the start and end are, based on for example languages. Japanese is written from right-to-left rather than western left-to-right. +So while in Europe the start of a flexbox is at the left and the end at the right in Japan this would be reversed. diff --git a/3 resources/css/grids.md b/3 resources/css/Grid.md index 66b0ec8..66b0ec8 100644 --- a/3 resources/css/grids.md +++ b/3 resources/css/Grid.md |