From d79366be82899c02f33810c34eac70f4d5dc3f99 Mon Sep 17 00:00:00 2001 From: Chris Cochrun Date: Mon, 31 Oct 2022 17:10:28 -0500 Subject: [PATCH] adding all of the tailwindcss changes to work for us woohoo! --- assets/css/compiled/main.css | 81 ++++++++++++++++++++--- content/_index.md | 2 - layouts/shortcodes/disciplemaking-tw.html | 10 +-- 3 files changed, 77 insertions(+), 16 deletions(-) diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css index b134b19..240fa9c 100644 --- a/assets/css/compiled/main.css +++ b/assets/css/compiled/main.css @@ -1449,6 +1449,10 @@ select { margin: 0.25rem; } +.m-10 { + margin: 2.5rem; +} + .mx-auto { margin-left: auto; margin-right: auto; @@ -1623,6 +1627,10 @@ select { display: table; } +.grid { + display: grid; +} + .hidden { display: none; } @@ -1778,9 +1786,35 @@ select { appearance: none; } -.columns-4 { - -moz-columns: 4; - columns: 4; +.columns-1 { + -moz-columns: 1; + columns: 1; +} + +.auto-cols-auto { + grid-auto-columns: auto; +} + +.auto-cols-max { + grid-auto-columns: -webkit-max-content; + grid-auto-columns: max-content; +} + +.auto-cols-min { + grid-auto-columns: -webkit-min-content; + grid-auto-columns: min-content; +} + +.grid-flow-col { + grid-auto-flow: column; +} + +.grid-cols-4 { + grid-template-columns: repeat(4, minmax(0, 1fr)); +} + +.grid-cols-1 { + grid-template-columns: repeat(1, minmax(0, 1fr)); } .flex-row { @@ -1807,6 +1841,10 @@ select { justify-content: space-between; } +.gap-4 { + gap: 1rem; +} + .space-y-10 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse))); @@ -2034,6 +2072,14 @@ select { padding: 0.25rem; } +.p-5 { + padding: 1.25rem; +} + +.p-2 { + padding: 0.5rem; +} + .px-0 { padding-left: 0px; padding-right: 0px; @@ -3522,9 +3568,13 @@ body:has(#menu-controller:checked) { max-width: 65ch; } - .sm\:columns-1 { - -moz-columns: 1; - columns: 1; + .sm\:columns-2 { + -moz-columns: 2; + columns: 2; + } + + .sm\:grid-cols-1 { + grid-template-columns: repeat(1, minmax(0, 1fr)); } .sm\:flex-row { @@ -3626,9 +3676,13 @@ body:has(#menu-controller:checked) { width: auto; } - .md\:columns-2 { - -moz-columns: 2; - columns: 2; + .md\:columns-4 { + -moz-columns: 4; + columns: 4; + } + + .md\:grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); } .md\:justify-start { @@ -3732,10 +3786,19 @@ body:has(#menu-controller:checked) { max-width: none; } + .lg\:columns-4 { + -moz-columns: 4; + columns: 4; + } + .lg\:grid-flow-col-dense { grid-auto-flow: column dense; } + .lg\:grid-cols-4 { + grid-template-columns: repeat(4, minmax(0, 1fr)); + } + .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } diff --git a/content/_index.md b/content/_index.md index b525a4f..5467dba 100644 --- a/content/_index.md +++ b/content/_index.md @@ -15,6 +15,4 @@ Our vision is to change the world from the heart of America by providing discipl ## Our Mission We do that by, connecting teens with the truth of Jesus Christ…teaching and equipping them to live out the Great Commission. -{{< disciplemaking >}} - {{< disciplemaking-tw >}} diff --git a/layouts/shortcodes/disciplemaking-tw.html b/layouts/shortcodes/disciplemaking-tw.html index 5a582f2..ef69959 100644 --- a/layouts/shortcodes/disciplemaking-tw.html +++ b/layouts/shortcodes/disciplemaking-tw.html @@ -1,8 +1,8 @@

Disciplemaking

TFC’s core value is to follow the example of Jesus whose strategy of disciplemaking allowed Him to minister to all levels of spiritual interest at all times. -
-
+
+

Lost and Seeking

  • The World
  • @@ -10,7 +10,7 @@ TFC’s core value is to follow the example of Jesus whose strategy of disciplem
  • Relationship Building
-
+

Come and Grow

  • Growing Believers
  • @@ -18,7 +18,7 @@ TFC’s core value is to follow the example of Jesus whose strategy of disciplem
  • Jesus Started Here
-
+

Come and Follow

  • Workers
  • @@ -26,7 +26,7 @@ TFC’s core value is to follow the example of Jesus whose strategy of disciplem
  • Jesus Invited Some
-
+

Come and Go

  • Leadership