From c2e4d9d069a9280aa0d1430bf834c01fb1292ff5 Mon Sep 17 00:00:00 2001 From: David Hemphill Date: Mon, 30 Oct 2017 11:22:40 -0500 Subject: [PATCH 1/2] Remove some outdated docs --- docs/source/background-color.blade.md | 17 --------- docs/source/border-color.blade.md | 50 --------------------------- docs/source/fonts.blade.md | 28 --------------- docs/source/margin.blade.md | 47 +++---------------------- docs/source/negative-margin.blade.md | 50 +++------------------------ docs/source/padding.blade.md | 47 +++---------------------- 6 files changed, 12 insertions(+), 227 deletions(-) diff --git a/docs/source/background-color.blade.md b/docs/source/background-color.blade.md index 4a9b82bf4..e5661c988 100644 --- a/docs/source/background-color.blade.md +++ b/docs/source/background-color.blade.md @@ -248,20 +248,3 @@ Using the utilities in HTML:
``` - -Using the utilities in Less: - -```less -div { - .bg-white; - .bg-smoke-lighter; - .bg-smoke-light; - .bg-smoke; - - .bg-slate-darker; - .bg-slate-dark; - .bg-slate; - .bg-slate-light; -} -``` - diff --git a/docs/source/border-color.blade.md b/docs/source/border-color.blade.md index 99d97059c..df4241c6e 100644 --- a/docs/source/border-color.blade.md +++ b/docs/source/border-color.blade.md @@ -4,53 +4,3 @@ title: "Border Color" --- # Border Color - -
- Color - Responsive -
- -

Colors

- -By default, borders use the `@default-border-color`. To override a border color, add one of the border color utilities. - -```html -
-
-
- -
-
-
- -
-``` - -```less -div { - .border-smoke-darker; - .border-smoke-dark; - .border-smoke; - - .border-white; - .border-smoke-lighter; - .border-smoke-light; - - .border-invisible; -} -``` - -The default border colors can also be modified using the following variables. - -```less -// Variable: Default: -@border-smoke-darker: hsl(0, 0%, 82%); -@border-smoke-dark: hsl(0, 0%, 90%); -@border-smoke: hsl(0, 0%, 96%); - -@border-white: hsl(0, 0%, 100%); -@border-smoke-lighter: hsl(0, 0%, 60%); -@border-smoke-light: hsl(0, 0%, 35%); - -@default-border-color: @border-smoke-dark; -``` diff --git a/docs/source/fonts.blade.md b/docs/source/fonts.blade.md index b1efd80be..7ab6567b1 100644 --- a/docs/source/fonts.blade.md +++ b/docs/source/fonts.blade.md @@ -4,31 +4,3 @@ title: "Font Families" --- # Font Families - -
- Usage - Responsive - Customizing -
- -```html -
-
-
-``` - -```less -div { - .font-sans; - .font-serif; - .font-mono; -} -``` - -```less -// Customize the font stack -@font-family-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif; -@font-family-serif: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif; -@font-family-mono: Consolas, "Andale font-mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus font-mono L", Monaco, "Courier New", Courier, monospace; -@font-family-base: @font-family-sans; -``` diff --git a/docs/source/margin.blade.md b/docs/source/margin.blade.md index f6de45ff4..4a37fae4b 100644 --- a/docs/source/margin.blade.md +++ b/docs/source/margin.blade.md @@ -47,43 +47,8 @@ The syntax below is combined to create a system for padding and margins. For exa You can customize the margin and padding utilities using the `@sizing-scale` variable. Please note that the entire scale must be redefined. It's not possible to add a new value to the existing scale. -```less -// The default sizing scale -@sizing-scale: - '1' 0.25rem, - '2' 0.5rem, - '3' 0.75rem, - '4' 1rem, - '6' 1.5rem, - '8' 2rem, - '12' 3rem, - '16' 4rem, -; -``` - -By default the `@sizing-scale` is automatically applied to the margin, negative margin (pull) and padding scales. However, it's possible to customize each scale individually using the `@margin-scale`, `@pull-scale` and `@padding-scale` variables. - -```less -// Override the margin scale -@margin-scale: - '1' 0.25rem, - '2' 0.5rem, - // ... -; - -// Override the pull scale -@pull-scale: - '1' 0.25rem, - '2' 0.5rem, - // ... -; - -// Override the padding scale -@padding-scale: - '1' 0.25rem, - '2' 0.5rem, - // ... -; +```css +// Scale customization here ```

Responsive spacing utilities

@@ -96,10 +61,6 @@ The spacing utilities can also be used with responsive
``` -```less -div { - .screen(lg, { - .mt-6; - }); -} +```css +// Responsive example here ``` diff --git a/docs/source/negative-margin.blade.md b/docs/source/negative-margin.blade.md index 140df9f0f..78f4fd6ff 100644 --- a/docs/source/negative-margin.blade.md +++ b/docs/source/negative-margin.blade.md @@ -45,45 +45,8 @@ The syntax below is combined to create a system for padding and margins. For exa

Customizing the spacing scale

-You can customize the margin and padding utilities using the `@sizing-scale` variable. Please note that the entire scale must be redefined. It's not possible to add a new value to the existing scale. - -```less -// The default sizing scale -@sizing-scale: - '1' 0.25rem, - '2' 0.5rem, - '3' 0.75rem, - '4' 1rem, - '6' 1.5rem, - '8' 2rem, - '12' 3rem, - '16' 4rem, -; -``` - -By default the `@sizing-scale` is automatically applied to the margin, negative margin (pull) and padding scales. However, it's possible to customize each scale individually using the `@margin-scale`, `@pull-scale` and `@padding-scale` variables. - -```less -// Override the margin scale -@margin-scale: - '1' 0.25rem, - '2' 0.5rem, - // ... -; - -// Override the pull scale -@pull-scale: - '1' 0.25rem, - '2' 0.5rem, - // ... -; - -// Override the padding scale -@padding-scale: - '1' 0.25rem, - '2' 0.5rem, - // ... -; +```css +// Scale customization here ```

Responsive spacing utilities

@@ -96,11 +59,6 @@ The spacing utilities can also be used with responsive
``` -```less -div { - .screen(lg, { - .mt-6; - }); -} +```css +// Responsive example here ``` - diff --git a/docs/source/padding.blade.md b/docs/source/padding.blade.md index 549551a30..9eabdb144 100644 --- a/docs/source/padding.blade.md +++ b/docs/source/padding.blade.md @@ -47,43 +47,9 @@ The syntax below is combined to create a system for padding and margins. For exa You can customize the margin and padding utilities using the `@sizing-scale` variable. Please note that the entire scale must be redefined. It's not possible to add a new value to the existing scale. -```less -// The default sizing scale -@sizing-scale: - '1' 0.25rem, - '2' 0.5rem, - '3' 0.75rem, - '4' 1rem, - '6' 1.5rem, - '8' 2rem, - '12' 3rem, - '16' 4rem, -; -``` -By default the `@sizing-scale` is automatically applied to the margin, negative margin (pull) and padding scales. However, it's possible to customize each scale individually using the `@margin-scale`, `@pull-scale` and `@padding-scale` variables. - -```less -// Override the margin scale -@margin-scale: - '1' 0.25rem, - '2' 0.5rem, - // ... -; - -// Override the pull scale -@pull-scale: - '1' 0.25rem, - '2' 0.5rem, - // ... -; - -// Override the padding scale -@padding-scale: - '1' 0.25rem, - '2' 0.5rem, - // ... -; +```css +// Scale customization here ```

Responsive spacing utilities

@@ -96,11 +62,6 @@ The spacing utilities can also be used with responsive
``` -```less -div { - .screen(lg, { - .mt-6; - }); -} +```css +// Responsive example here ``` - From fad0ddb2f108e4c5f1c0d8746bca2864c8dbc5f2 Mon Sep 17 00:00:00 2001 From: David Hemphill Date: Mon, 30 Oct 2017 22:44:54 -0500 Subject: [PATCH 2/2] add mobile menu --- docs/source/_assets/less/base.less | 5 ++- docs/source/_assets/less/utilities.less | 6 ++- docs/source/_layouts/master.blade.php | 59 ++++++++++++++++++++++--- 3 files changed, 60 insertions(+), 10 deletions(-) diff --git a/docs/source/_assets/less/base.less b/docs/source/_assets/less/base.less index e9cc60cbd..dda9ad950 100644 --- a/docs/source/_assets/less/base.less +++ b/docs/source/_assets/less/base.less @@ -1,7 +1,7 @@ @tailwind reset; html { - font-size: 12px; + font-size: 14px; @media (min-width: 420px) { font-size: 16px; @@ -13,6 +13,7 @@ a { text-decoration: none; } -ol, ul { +ol, +ul { @apply .list-reset; } diff --git a/docs/source/_assets/less/utilities.less b/docs/source/_assets/less/utilities.less index dbe68377d..bef8ecb43 100644 --- a/docs/source/_assets/less/utilities.less +++ b/docs/source/_assets/less/utilities.less @@ -2,5 +2,9 @@ background-color: #e3ebed; } .bg-gradient-brand { - background-image: linear-gradient(to right, #2383ae, #6dd7b9); + background-image: linear-gradient(to right, #2383ae, #6dd7b9); +} + +.\!hidden { + display: none !important; } diff --git a/docs/source/_layouts/master.blade.php b/docs/source/_layouts/master.blade.php index e7f86d6c8..dc59439a6 100644 --- a/docs/source/_layouts/master.blade.php +++ b/docs/source/_layouts/master.blade.php @@ -22,15 +22,14 @@ - - +
-
+