Differences

This shows you the differences between two versions of the page.

--- development:css:start [2020/03/19 12:55]
kalenpw created
+++ development:css:start [2021/06/29 14:59] (current)
kalenpw
@@ Line 1: / Line 1: @@
 ====== CSS ======
-  * [[ .css : bootstrap | Bootstrap ]]
+  * [[ .: bootstrap | Bootstrap ]]
-  * [[ .css : bulma | Bulma ]]
+  * [[ .: bulma | Bulma ]]
-  * [[ .css : less | LESS ]]
+  * [[ .: less | LESS ]]
+  * [[ .: sass | SASS ]]
+----
+===== Sticky Footer =====
+Ensure your content (header, body, etc everything besides footer) is all wrapped in a ''<div>'' with class ''.content-wrapper''
+<code css>
+html,
+body {
+    height: 100%;
+}
+body {
+    display: flex;
+    flex-direction: column;
+}
+.content-wrapper {
+    flex: 1 0 auto;
+}
+footer {
+    flex-shrink: 0;
+}
+</code>
+----
+===== Misc Notes =====
+<code css>
+/* center element vertial & horizontal */
+.element {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+</code>
+----