diff --git a/docs/source/_partials/work-in-progress.blade.php b/docs/source/_partials/work-in-progress.blade.php new file mode 100644 index 000000000..c51275e8b --- /dev/null +++ b/docs/source/_partials/work-in-progress.blade.php @@ -0,0 +1,11 @@ +
+
+
+ +
+
+

Work in progress!

+

More detailed documentation is coming soon, but in the mean time here's a quick class reference.

+
+
+
diff --git a/docs/source/docs/background-position.blade.md b/docs/source/docs/background-position.blade.md index 5dc162338..e1533f245 100644 --- a/docs/source/docs/background-position.blade.md +++ b/docs/source/docs/background-position.blade.md @@ -6,7 +6,7 @@ title: "Background Position" # Background Position
- Utilities for setting the initial position of a background image + Utilities for controlling the position of an element's background image.
@include('_partials.feature-badges', [ @@ -16,6 +16,8 @@ title: "Background Position" 'focus' => false ]) +@include('_partials.work-in-progress') +
diff --git a/docs/source/docs/background-size.blade.md b/docs/source/docs/background-size.blade.md index 9e8ecc5a1..a49a7fb52 100644 --- a/docs/source/docs/background-size.blade.md +++ b/docs/source/docs/background-size.blade.md @@ -6,7 +6,7 @@ title: "Background Size" # Background Size
- Utilities for setting the background size of an element's background image + Utilities for controlling the background size of an element's background image.
@include('_partials.feature-badges', [ @@ -16,6 +16,8 @@ title: "Background Size" 'focus' => false ]) +@include('_partials.work-in-progress') +
diff --git a/docs/source/docs/border-color.blade.md b/docs/source/docs/border-color.blade.md index 1cbc472f5..fc3069387 100644 --- a/docs/source/docs/border-color.blade.md +++ b/docs/source/docs/border-color.blade.md @@ -4,3 +4,16 @@ title: "Border Color" --- # Border Color + +
+ Utilities for controlling the color of an element's borders. +
+ +@include('_partials.feature-badges', [ + 'responsive' => true, + 'customizable' => true, + 'hover' => true, + 'focus' => false +]) + +@include('_partials.work-in-progress') diff --git a/docs/source/docs/border-style.blade.md b/docs/source/docs/border-style.blade.md index ccee6ca0d..7dec807df 100644 --- a/docs/source/docs/border-style.blade.md +++ b/docs/source/docs/border-style.blade.md @@ -5,9 +5,16 @@ title: "Border Style" # Border Style -
- Usage - Responsive - Customizing +
+ Utilities for controlling the style of an element's borders.
+@include('_partials.feature-badges', [ + 'responsive' => true, + 'customizable' => false, + 'hover' => false, + 'focus' => false +]) + +@include('_partials.work-in-progress') + diff --git a/docs/source/docs/border-width.blade.md b/docs/source/docs/border-width.blade.md index 7d20c47b1..47730ed22 100644 --- a/docs/source/docs/border-width.blade.md +++ b/docs/source/docs/border-width.blade.md @@ -1,16 +1,23 @@ --- extends: _layouts.documentation -title: "Borders" +title: "Border Width" --- -# Borders +# Border Width & Position -
- Usage - Responsive - Customizing +
+ Utilities for controlling the width and position of an element's borders.
+@include('_partials.feature-badges', [ + 'responsive' => true, + 'customizable' => true, + 'hover' => false, + 'focus' => false +]) + +@include('_partials.work-in-progress') + ## Usage Add borders to any element using the `.border{-side?}{-width?}` syntax. For example, `.border` would add a `1px` border to all sides of the element, where `.border-b-4` would add a `4px` border to the bottom of the element. diff --git a/docs/source/docs/container.blade.md b/docs/source/docs/container.blade.md index cf85c04ab..593689e47 100644 --- a/docs/source/docs/container.blade.md +++ b/docs/source/docs/container.blade.md @@ -5,9 +5,15 @@ title: "Container" # Container -
- Usage - Responsive - Customizing +
+ A component for fixing an element's width to the current breakpoint.
+@include('_partials.feature-badges', [ + 'responsive' => true, + 'customizable' => true, + 'hover' => false, + 'focus' => false +]) + +@include('_partials.work-in-progress') diff --git a/docs/source/docs/display.blade.md b/docs/source/docs/display.blade.md index bd65f6584..72dfdc904 100644 --- a/docs/source/docs/display.blade.md +++ b/docs/source/docs/display.blade.md @@ -16,6 +16,8 @@ title: "Display" 'focus' => false ]) +@include('_partials.work-in-progress') +
diff --git a/docs/source/docs/floats.blade.md b/docs/source/docs/floats.blade.md index f7095be15..abd5ff88d 100644 --- a/docs/source/docs/floats.blade.md +++ b/docs/source/docs/floats.blade.md @@ -16,6 +16,8 @@ title: "Floats" 'focus' => false ]) +@include('_partials.work-in-progress') +
diff --git a/docs/source/docs/forms.blade.md b/docs/source/docs/forms.blade.md index 007210520..ef6fa995a 100644 --- a/docs/source/docs/forms.blade.md +++ b/docs/source/docs/forms.blade.md @@ -5,20 +5,24 @@ title: "Forms" # Forms -
- Usage - Responsive - Customizing +
+
+
+
+ +
+
+

Work in progress!

+

More detailed documentation is coming soon.

+
+
+
-Include documentation around: - -- `input-reset` helper -- Creating input groups/custom selects and using `pointer-events-none` -- The placeholder text styling in our base styles - ### Custom Select +Form controls are great candidates for component classes, but just for fun, here's how you can build a fully custom select menu with just utility classes: + @component('_partials.code-sample', ['lang' => 'html', 'class' => 'text-center'])