From f83e5d7543dd77f2c608b6821eb8009fc29289dc Mon Sep 17 00:00:00 2001 From: Jonathan Reinink Date: Thu, 3 Aug 2017 13:19:18 -0400 Subject: [PATCH] Continued development of docs. --- docs/source/_assets/less/main.less | 31 +++--- docs/source/_assets/less/markdown.less | 44 ++++++++ docs/source/_assets/less/prism.less | 4 +- docs/source/_layouts/master.blade.php | 10 +- docs/source/backgrounds.blade.php | 73 ------------- docs/source/backgrounds.md | 97 ++++++++++++++++++ docs/source/borders.blade.php | 7 -- docs/source/borders.md | 6 ++ docs/source/constrain.blade.php | 54 ---------- docs/source/constrain.md | 71 +++++++++++++ docs/source/display.blade.php | 40 -------- docs/source/display.md | 57 ++++++++++ docs/source/flex.blade.php | 7 -- docs/source/flexbox.md | 6 ++ docs/source/grid.blade.php | 7 -- docs/source/grid.md | 6 ++ docs/source/images.blade.php | 7 -- docs/source/images.md | 6 ++ docs/source/img/adam.jpg | Bin 0 -> 19574 bytes docs/source/index.blade.php | 9 -- docs/source/index.md | 24 +++++ docs/source/installation.blade.php | 11 -- docs/source/installation.md | 12 +++ docs/source/position.blade.php | 45 -------- docs/source/position.md | 72 +++++++++++++ docs/source/principles.blade.php | 7 -- docs/source/principles.md | 6 ++ docs/source/{spacing.blade.php => spacing.md} | 57 ++++++---- docs/source/text.blade.php | 7 -- docs/source/text.md | 6 ++ docs/source/z-index.blade.php | 7 -- docs/source/z-index.md | 6 ++ 32 files changed, 476 insertions(+), 326 deletions(-) create mode 100644 docs/source/_assets/less/markdown.less delete mode 100644 docs/source/backgrounds.blade.php create mode 100644 docs/source/backgrounds.md delete mode 100644 docs/source/borders.blade.php create mode 100644 docs/source/borders.md delete mode 100644 docs/source/constrain.blade.php create mode 100644 docs/source/constrain.md delete mode 100644 docs/source/display.blade.php create mode 100644 docs/source/display.md delete mode 100644 docs/source/flex.blade.php create mode 100644 docs/source/flexbox.md delete mode 100644 docs/source/grid.blade.php create mode 100644 docs/source/grid.md delete mode 100644 docs/source/images.blade.php create mode 100644 docs/source/images.md create mode 100644 docs/source/img/adam.jpg delete mode 100644 docs/source/index.blade.php create mode 100644 docs/source/index.md delete mode 100644 docs/source/installation.blade.php create mode 100644 docs/source/installation.md delete mode 100644 docs/source/position.blade.php create mode 100644 docs/source/position.md delete mode 100644 docs/source/principles.blade.php create mode 100644 docs/source/principles.md rename docs/source/{spacing.blade.php => spacing.md} (53%) delete mode 100644 docs/source/text.blade.php create mode 100644 docs/source/text.md delete mode 100644 docs/source/z-index.blade.php create mode 100644 docs/source/z-index.md diff --git a/docs/source/_assets/less/main.less b/docs/source/_assets/less/main.less index f6cd34fe5..88db90491 100644 --- a/docs/source/_assets/less/main.less +++ b/docs/source/_assets/less/main.less @@ -1,10 +1,22 @@ @import "../../../../src/reset"; @import "../../../../src/utilities"; @import "prism"; +@import "markdown"; + +*, +*::before, +*::after { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} a { color: inherit; text-decoration: none; + + &:hover { + .text-underline; + } } .define-text-color('primary'; @@ -18,22 +30,3 @@ a { 'light' #a0cfee, 'dark' #2980b9 ;); - -.title { - .mb-4; - .leading-none; - .text-dark-softer; - .text-thin; - .text-2xl; - .text-primary; -} - -.subtitle { - .mt-8; - .mb-6; - .leading-none; - .text-dark-softer; - .text-thin; - .text-xl; - .text-primary; -} diff --git a/docs/source/_assets/less/markdown.less b/docs/source/_assets/less/markdown.less new file mode 100644 index 000000000..b40f67492 --- /dev/null +++ b/docs/source/_assets/less/markdown.less @@ -0,0 +1,44 @@ +.markdown { + a { + .text-primary; + } + + code.inline { + .border; + .rounded; + .text-sm; + .px-1; + color: #DD4A68; + } + + blockquote { + .text-em; + .text-dark-soft; + .text-sm; + } + + h1 { + .mb-4; + .leading-none; + .text-dark-softer; + .text-thin; + .text-2xl; + .text-primary; + } + + h2 { + .mt-8; + .mb-6; + .leading-none; + .text-dark-softer; + .text-thin; + .text-xl; + .text-primary; + } + + p { + .mt-6; + .mb-3; + } + +} diff --git a/docs/source/_assets/less/prism.less b/docs/source/_assets/less/prism.less index 3d923535a..15001e318 100644 --- a/docs/source/_assets/less/prism.less +++ b/docs/source/_assets/less/prism.less @@ -15,7 +15,7 @@ pre[class*="language-"] { word-spacing: normal; word-break: normal; word-wrap: normal; - line-height: 1.4; + line-height: 1.5; -moz-tab-size: 4; -o-tab-size: 4; @@ -51,8 +51,8 @@ code[class*="language-"]::selection, code[class*="language-"] ::selection { /* Code blocks */ pre[class*="language-"] { padding: 0.75em 1em; - margin: .5em 0; overflow: auto; + .my-4; } :not(pre) > code[class*="language-"], diff --git a/docs/source/_layouts/master.blade.php b/docs/source/_layouts/master.blade.php index 0d623fab1..f9a0b7ac2 100644 --- a/docs/source/_layouts/master.blade.php +++ b/docs/source/_layouts/master.blade.php @@ -4,13 +4,13 @@ - {{ isset($title) ? $title . ' - Tailwind CSS' : 'Tailwind CSS' }} + {{ $page->title ? $page->title . ' - Tailwind CSS' : 'Tailwind CSS' }}
-
Tailwind CSS
+ Tailwind CSS
A utility-first CSS framework for rapid UI development
@@ -27,7 +27,7 @@
  • Borders
  • Constrain
  • Display
    • -
  • Flex
    • +
  • Flexbox
  • Grid
  • Images
  • Position
    • @@ -36,8 +36,8 @@
  • Z-Index
    • -
    - @yield('body') +
    + @yield('content')
    diff --git a/docs/source/backgrounds.blade.php b/docs/source/backgrounds.blade.php deleted file mode 100644 index 01866d8cc..000000000 --- a/docs/source/backgrounds.blade.php +++ /dev/null @@ -1,73 +0,0 @@ -@extends('_layouts.master', ['title' => 'Backgrounds']) - -@section('body') - -

    Backgrounds

    - -

    Using the utilities in HTML:

    - -
    {{ '
    
-
    
-
    
-
    
-
-
    
-
    
-
    
-
    
-
-
-
    ' }}
    - -

    Using the utilities in Less:

    - -
    div {
-  .bg-light;
-  .bg-light-soft;
-  .bg-light-softer;
-  .bg-light-softest;
-
-  .bg-dark;
-  .bg-dark-soft;
-  .bg-dark-softer;
-  .bg-dark-softest;
-
-  // Responsive example
-  .screen(lg, {
-      .bg-light;
-  });
-}
    - -

    Custom backgrounds

    - -

    Generate custom background utilities:

    - -
    .define-text-color('primary';
-  default #3498db,
-  'light' #a0cfee,
-  'dark'  #2980b9
-;);
    - -

    Using custom background utilities in HTML:

    - -
    {{ '
    
-
    
-
    
-
-
-
    ' }}
    - -

    Using custom background utilities in Less:

    - -
    div {
-  .bg-primary;
-  .bg-primary-light;
-  .bg-primary-dark;
-
-  // Responsive example
-  .screen(lg, {
-      .bg-primary;
-  });
-}
    - -@endsection diff --git a/docs/source/backgrounds.md b/docs/source/backgrounds.md new file mode 100644 index 000000000..cefc3a8ca --- /dev/null +++ b/docs/source/backgrounds.md @@ -0,0 +1,97 @@ +--- +extends: _layouts.master +title: "Backgrounds" +--- + +# Backgrounds + +Using the utilities in HTML: + +```html +
    +
    +
    +
    + +
    +
    +
    +
    +``` + +Using the utilities in Less: + +```less +div { + .bg-light; + .bg-light-soft; + .bg-light-softer; + .bg-light-softest; + + .bg-dark; + .bg-dark-soft; + .bg-dark-softer; + .bg-dark-softest; +} +``` + +## Responsive + +The background utitlies can also be used with responsive prefixes: + +```html + + +
    +``` + +```less +// Using the utilities in Less: + +div { + .screen(lg, { + .bg-light; + }); +} +``` + + +## Custom backgrounds + +How to generate custom background utilities: + +```less +.define-text-color('primary'; + default #3498db, + 'light' #a0cfee, + 'dark' #2980b9 +;); +``` + +How to use custom background utilities: + +```html + + +
    +
    +
    + + +
    +``` + +```less +// Using custom utilities in Less: + +div { + .bg-primary; + .bg-primary-light; + .bg-primary-dark; + + // Responsive example + .screen(lg, { + .bg-primary; + }); +} +``` diff --git a/docs/source/borders.blade.php b/docs/source/borders.blade.php deleted file mode 100644 index d0e8fc8ff..000000000 --- a/docs/source/borders.blade.php +++ /dev/null @@ -1,7 +0,0 @@ -@extends('_layouts.master', ['title' => 'Borders']) - -@section('body') - -

    Borders

    - -@endsection diff --git a/docs/source/borders.md b/docs/source/borders.md new file mode 100644 index 000000000..545fbdb54 --- /dev/null +++ b/docs/source/borders.md @@ -0,0 +1,6 @@ +--- +extends: _layouts.master +title: "Borders" +--- + +# Borders diff --git a/docs/source/constrain.blade.php b/docs/source/constrain.blade.php deleted file mode 100644 index 7048b16e9..000000000 --- a/docs/source/constrain.blade.php +++ /dev/null @@ -1,54 +0,0 @@ -@extends('_layouts.master', ['title' => 'Constrain']) - -@section('body') - -

    Constrain

    - -

    The constrain utilities are simply max-width helpers designed to constrain content to a desired width.

    - -

    Using the utilities in HTML:

    - -
    {{ '
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
-tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
-quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
-cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
-proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
    
-
-
-
    Lorem ipsum dolor...
    ' }}
    - -

    Using the utilities in Less:

    - -
    div {
-  .constrain-xs;
-  .constrain-sm;
-  .constrain-md;
-  .constrain-lg;
-  .constrain-xl;
-  .constrain-2xl;
-  .constrain-3xl;
-  .constrain-4xl;
-  .constrain-5xl;
-
-  // Responsive example
-  .screen(md, {
-      .constrain-xl;
-  });
-}
    - -

    Customization

    - -

    Tailwind exposes the following variables to allow modification of the constrain utilities.

    - -
    @constrain-xs:  20rem;
-@constrain-sm:  30rem;
-@constrain-md:  40rem;
-@constrain-lg:  50rem;
-@constrain-xl:  60rem;
-@constrain-2xl: 70rem;
-@constrain-3xl: 80rem;
-@constrain-4xl: 90rem;
-@constrain-5xl: 100rem;
    - -@endsection diff --git a/docs/source/constrain.md b/docs/source/constrain.md new file mode 100644 index 000000000..6d6baee11 --- /dev/null +++ b/docs/source/constrain.md @@ -0,0 +1,71 @@ +--- +extends: _layouts.master +title: "Constrain" +--- + +# Constrain + +The constrain utilities are simply max-width helpers designed to constrain content to a desired width. + +```html + + +
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod +tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, +quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo +consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse +cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non +proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
    +``` + +```less +// Using the utilities in Less: + +div { + .constrain-xs; + .constrain-sm; + .constrain-md; + .constrain-lg; + .constrain-xl; + .constrain-2xl; + .constrain-3xl; + .constrain-4xl; + .constrain-5xl; +} +``` + +## Responsive + +The constrain utitlies can also be used with responsive prefixes: + +```html + + +
    Lorem ipsum dolor...
    +``` + +```less +// Using the utilities in Less: + +div { + .screen(lg, { + .constrain-lg; + }); +} +``` + +## Customization + +Tailwind exposes the following variables to allow modification of the constrain utilities. + +```less +@constrain-xs: 20rem; +@constrain-sm: 30rem; +@constrain-md: 40rem; +@constrain-lg: 50rem; +@constrain-xl: 60rem; +@constrain-2xl: 70rem; +@constrain-3xl: 80rem; +@constrain-4xl: 90rem; +@constrain-5xl: 100rem; +``` diff --git a/docs/source/display.blade.php b/docs/source/display.blade.php deleted file mode 100644 index ec911efda..000000000 --- a/docs/source/display.blade.php +++ /dev/null @@ -1,40 +0,0 @@ -@extends('_layouts.master', ['title' => 'Display']) - -@section('body') - -

    Display

    - -

    The display utilities simply display property helpers.

    - -

    Using the utilities in HTML:

    - -
    {{ '
    
-
    
-
-
-
    
-    
    
-        
    
-    
    
-
    
-
-
-
    ' }}
    - -

    Using the utilities in Less:

    - -
    div {
-  .block;
-  .inline-block;
-  .table;
-  .table-row;
-  .table-cell;
-  .hidden;
-
-  // Responsive example
-  .screen(lg, {
-      .inline-block;
-  });
-}
    - -@endsection diff --git a/docs/source/display.md b/docs/source/display.md new file mode 100644 index 000000000..8f843f36a --- /dev/null +++ b/docs/source/display.md @@ -0,0 +1,57 @@ +--- +extends: _layouts.master +title: "Display" +--- + +# Display + +> If you're looking for flexbox utilities, see the [flexbox](/flexbox) page. + +The display utilities simply display property helpers. + +```html + + +
    +
    + + +
    +
    +
    +
    +
    +``` + +```less +// Using the utilities in Less: + +div { + .block; + .inline-block; + .table; + .table-row; + .table-cell; + .hidden; +} +``` + +## Responsive + +The display utitlies can also be used with responsive prefixes: + +```html + + +
    +``` + +```less +// Using the utilities in Less: + +div { + .screen(lg, { + .inline-block; + }); +} +``` diff --git a/docs/source/flex.blade.php b/docs/source/flex.blade.php deleted file mode 100644 index ba848b6ec..000000000 --- a/docs/source/flex.blade.php +++ /dev/null @@ -1,7 +0,0 @@ -@extends('_layouts.master', ['title' => 'Flex']) - -@section('body') - -

    Flex

    - -@endsection diff --git a/docs/source/flexbox.md b/docs/source/flexbox.md new file mode 100644 index 000000000..289eeb0fe --- /dev/null +++ b/docs/source/flexbox.md @@ -0,0 +1,6 @@ +--- +extends: _layouts.master +title: "Flexbox" +--- + +# Flexbox diff --git a/docs/source/grid.blade.php b/docs/source/grid.blade.php deleted file mode 100644 index f6fe3a4d1..000000000 --- a/docs/source/grid.blade.php +++ /dev/null @@ -1,7 +0,0 @@ -@extends('_layouts.master', ['title' => 'Grid']) - -@section('body') - -

    Grid

    - -@endsection diff --git a/docs/source/grid.md b/docs/source/grid.md new file mode 100644 index 000000000..818df543e --- /dev/null +++ b/docs/source/grid.md @@ -0,0 +1,6 @@ +--- +extends: _layouts.master +title: "Grid" +--- + +# Grid diff --git a/docs/source/images.blade.php b/docs/source/images.blade.php deleted file mode 100644 index 9fb64898b..000000000 --- a/docs/source/images.blade.php +++ /dev/null @@ -1,7 +0,0 @@ -@extends('_layouts.master', ['title' => 'Images']) - -@section('body') - -

    Images

    - -@endsection diff --git a/docs/source/images.md b/docs/source/images.md new file mode 100644 index 000000000..fe073a157 --- /dev/null +++ b/docs/source/images.md @@ -0,0 +1,6 @@ +--- +extends: _layouts.master +title: "Images" +--- + +# Images diff --git a/docs/source/img/adam.jpg b/docs/source/img/adam.jpg new file mode 100644 index 0000000000000000000000000000000000000000..e84595dcd42491af2be55b18a95b89e1d5611fb5 GIT binary patch literal 19574 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 - -

    Welcome to Tailwind CSS! Tailwind is a utility-first CSS framework designed for rapid UI development. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

    - -@endsection diff --git a/docs/source/index.md b/docs/source/index.md new file mode 100644 index 000000000..d0af32d88 --- /dev/null +++ b/docs/source/index.md @@ -0,0 +1,24 @@ +--- +extends: _layouts.master +title: "Welcome" +--- + +# Welcome + +Welcome to Tailwind CSS! Tailwind is a utility-first CSS framework designed for rapid UI development. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. + +## Quick example + +
    + +
    Adam Wathan
    +
    Web Developer
    +
    + +```html +
    + +
    Adam Wathan
    +
    Web Developer
    +
    +``` diff --git a/docs/source/installation.blade.php b/docs/source/installation.blade.php deleted file mode 100644 index f8eb0601d..000000000 --- a/docs/source/installation.blade.php +++ /dev/null @@ -1,11 +0,0 @@ -@extends('_layouts.master', ['title' => 'Installation']) - -@section('body') - -

    Installation

    - -

    Install Tailwind using NPM:

    - -
    npm install tailwindcss
    - -@endsection diff --git a/docs/source/installation.md b/docs/source/installation.md new file mode 100644 index 000000000..b032b3e4f --- /dev/null +++ b/docs/source/installation.md @@ -0,0 +1,12 @@ +--- +extends: _layouts.master +title: "Installation" +--- + +# Installation + +Install Tailwind using NPM: + +```bash +npm install tailwindcss +``` diff --git a/docs/source/position.blade.php b/docs/source/position.blade.php deleted file mode 100644 index 03131de17..000000000 --- a/docs/source/position.blade.php +++ /dev/null @@ -1,45 +0,0 @@ -@extends('_layouts.master', ['title' => 'Position']) - -@section('body') - -

    Position

    - -

    The position utilities are primarily position property helpers.

    - -

    Using the utilities in HTML:

    - -
    {{ '
    
-
    
-
    ' }}
    - -

    Using the utilities in Less:

    - -
    div {
-  .fixed;
-  .absolute;
-  .relative;
-}
    - -

    Pinning absolute content

    - -

    Tailwind also provides pin utilties, useful for "pinning" absolutely positioned elements using the top, right, bottom and left properties.

    - -

    Using the utilities in HTML:

    - -
    {{ '
    
-    
    
-
    ' }}
    - -

    Using the utilities in Less:

    - -
    div {
-  .pin-t
-  .pin-r
-  .pin-b
-  .pin-l
-  .pin-y
-  .pin-x
-  .pin
-}
    - -@endsection diff --git a/docs/source/position.md b/docs/source/position.md new file mode 100644 index 000000000..d09b65fe8 --- /dev/null +++ b/docs/source/position.md @@ -0,0 +1,72 @@ +--- +extends: _layouts.master +title: "Position" +--- + +# Position + +The position utilities are primarily position property helpers. + +```html + + +
    +
    +
    +``` + +```less +// Using the utilities in Less: + +div { + .fixed; + .absolute; + .relative; +} +``` + +## Pinning absolute content + +Tailwind also provides pin utilties, useful for "pinning" absolutely positioned elements using the top, right, bottom and left properties. + +```html + + +
    +
    +
    +``` + +```less +// Using the utilities in Less: + +div { + .pin; + .pin-t; + .pin-r; + .pin-b; + .pin-l; + .pin-x; + .pin-y; +} +``` + +## Responsive + +The position utitlies can also be used with     responsive prefixes: + +```html + + +
    +``` + +```less +// Using the utilities in Less: + +div { + .screen(md, { + .relative; + }); +} +``` diff --git a/docs/source/principles.blade.php b/docs/source/principles.blade.php deleted file mode 100644 index 8e9eb3bc5..000000000 --- a/docs/source/principles.blade.php +++ /dev/null @@ -1,7 +0,0 @@ -@extends('_layouts.master', ['title' => 'Principles']) - -@section('body') - -

    Principles

    - -@endsection diff --git a/docs/source/principles.md b/docs/source/principles.md new file mode 100644 index 000000000..acc61fea3 --- /dev/null +++ b/docs/source/principles.md @@ -0,0 +1,6 @@ +--- +extends: _layouts.master +title: "Principles" +--- + +# Principles diff --git a/docs/source/spacing.blade.php b/docs/source/spacing.md similarity index 53% rename from docs/source/spacing.blade.php rename to docs/source/spacing.md index b1e05debc..bda640b12 100644 --- a/docs/source/spacing.blade.php +++ b/docs/source/spacing.md @@ -1,29 +1,30 @@ -@extends('_layouts.master', ['title' => 'Spacing']) +--- +extends: _layouts.master +title: "Spacing" +--- -@section('body') +# Spacing -

    Spacing

    +The syntax below is combined to create a system for padding and margins. For example, .pt-2 would add padding to the top of the element to the value of 0.5rem and .mx-0 would make the horizontal margin zero. -

    The syntax below is combined to create a system for padding and margins. For example, .pt-2 would add padding to the top of the element to the value of 0.5rem and .my-0 would make the horizontal margin zero.

    - -
    +
    -
    Class
    -
    p
    -
    m
    -
    pull
    +
    Class
    +
    p Padding
    +
    m Margin
    +
    pull Negative Margin
    -
    -
    Position
    -
    l Left
    +
    +
    Position (optional)
    +
    t Top
    r Right
    b Bottom
    -
    t Top
    -
    v Vertical
    -
    h Horizontal
    +
    l Left
    +
    x Horizontal
    +
    y Vertical
    -
    -
    Space
    +
    +
    Space
    0 0
    1 0.25rem
    2 0.5rem
    @@ -34,6 +35,24 @@
    +## Responsive +The spacing utitlies can also be used with responsive prefixes: -@endsection +```html + + +
    +
    +
    +``` + +```less +// Using the utilities in Less: + +div { + .screen(lg, { + .mt-6; + }); +} +``` diff --git a/docs/source/text.blade.php b/docs/source/text.blade.php deleted file mode 100644 index 6a1a50416..000000000 --- a/docs/source/text.blade.php +++ /dev/null @@ -1,7 +0,0 @@ -@extends('_layouts.master', ['title' => 'Text']) - -@section('body') - -

    Text

    - -@endsection diff --git a/docs/source/text.md b/docs/source/text.md new file mode 100644 index 000000000..920d93aee --- /dev/null +++ b/docs/source/text.md @@ -0,0 +1,6 @@ +--- +extends: _layouts.master +title: "Text" +--- + +# Text diff --git a/docs/source/z-index.blade.php b/docs/source/z-index.blade.php deleted file mode 100644 index 765e4772b..000000000 --- a/docs/source/z-index.blade.php +++ /dev/null @@ -1,7 +0,0 @@ -@extends('_layouts.master', ['title' => 'Z-Index']) - -@section('body') - -

    Z-Index

    - -@endsection diff --git a/docs/source/z-index.md b/docs/source/z-index.md new file mode 100644 index 000000000..eca29d7c6 --- /dev/null +++ b/docs/source/z-index.md @@ -0,0 +1,6 @@ +--- +extends: _layouts.master +title: "Z-Index" +--- + +# Z-Index