From 9232b8d817d4cd4122947375156fa2fa1e9fba14 Mon Sep 17 00:00:00 2001 From: Jasper Ras Date: Mon, 13 Jan 2025 13:16:06 +0100 Subject: vault backup: 2025-01-13 13:16:06 --- ...28970 bash join arguments escaped whitespace.md | 3 + Kast/1736635245 tailwindcss container.md | 3 + Kast/1736635545 tailwindcss.md | 3 + ... prevent scrolling when an element overflows.md | 3 + Kast/1736693295 inline vs block html elements.md | 69 ++++++++++++++++++++++ Kast/1736693605 flex layout.md | 4 ++ Kast/1736694326 align items.md | 4 ++ ...36696870 mobile first design and development.md | 2 + Kast/1736758994 Network switch.md | 7 +++ 9 files changed, 98 insertions(+) create mode 100644 Kast/1736628970 bash join arguments escaped whitespace.md create mode 100644 Kast/1736635245 tailwindcss container.md create mode 100644 Kast/1736635545 tailwindcss.md create mode 100644 Kast/1736692773 prevent scrolling when an element overflows.md create mode 100644 Kast/1736693295 inline vs block html elements.md create mode 100644 Kast/1736693605 flex layout.md create mode 100644 Kast/1736694326 align items.md create mode 100644 Kast/1736696870 mobile first design and development.md create mode 100644 Kast/1736758994 Network switch.md (limited to 'Kast') diff --git a/Kast/1736628970 bash join arguments escaped whitespace.md b/Kast/1736628970 bash join arguments escaped whitespace.md new file mode 100644 index 0000000..cf97464 --- /dev/null +++ b/Kast/1736628970 bash join arguments escaped whitespace.md @@ -0,0 +1,3 @@ +In [[bash]] we can reference arguments as an array using `$@`. +This isn't what we want when opening a new file for example, e.g `hx "$@"` opens a file for each argument. +We can use `$*` to reference them as a single string, thus `hx "$*"` opens 1 file with the name of all arguments as a single string. diff --git a/Kast/1736635245 tailwindcss container.md b/Kast/1736635245 tailwindcss container.md new file mode 100644 index 0000000..86df090 --- /dev/null +++ b/Kast/1736635245 tailwindcss container.md @@ -0,0 +1,3 @@ +The container class in [[1736635545 tailwindcss]] basically adds a margin. If added mx-auto; it splits the margin +over both sides. +The margin depends on the current breakpoint. The container max-width is the breakpoints' min-width. diff --git a/Kast/1736635545 tailwindcss.md b/Kast/1736635545 tailwindcss.md new file mode 100644 index 0000000..55e6c29 --- /dev/null +++ b/Kast/1736635545 tailwindcss.md @@ -0,0 +1,3 @@ +Tailwindcss is a utility first CSS framework. It basically provides all things CSS as a seperate class; +so similar to writing inline CSS but then using classes. +It allows for a granular custom design. diff --git a/Kast/1736692773 prevent scrolling when an element overflows.md b/Kast/1736692773 prevent scrolling when an element overflows.md new file mode 100644 index 0000000..8a4abed --- /dev/null +++ b/Kast/1736692773 prevent scrolling when an element overflows.md @@ -0,0 +1,3 @@ +When creating the wedding invitation I had an issue where the page would allow +scroll horizontally because the flower on the top-right was too big. +Adding the tailwindcss class `overflow-hidden` basically hides all parts that overflow from the container. diff --git a/Kast/1736693295 inline vs block html elements.md b/Kast/1736693295 inline vs block html elements.md new file mode 100644 index 0000000..bd72478 --- /dev/null +++ b/Kast/1736693295 inline vs block html elements.md @@ -0,0 +1,69 @@ +A block element always starts on a new line and automatically have their margin set to a non-zero value. +An inline element, as the name suggests, does not start on a new line and has no automatic margins. It +takes only the space that is required for the content it contains. + +Block elements: +-
+-
+-