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 ``` -