diff --git a/docs/source/docs/background-color.blade.md b/docs/source/docs/background-color.blade.md index 68f97f468..ae037d055 100644 --- a/docs/source/docs/background-color.blade.md +++ b/docs/source/docs/background-color.blade.md @@ -30,9 +30,9 @@ title: "Backgrounds" @foreach ($page->config['colors'] as $name => $value) - .bg-{{ $name }} - color: {{ $value }}; - Set the background color of an element to {{ implode(' ', array_reverse(explode('-', $name))) }}. + .bg-{{ $name }} + color: {{ $value }}; + Set the background color of an element to {{ implode(' ', array_reverse(explode('-', $name))) }}. @endforeach diff --git a/docs/source/docs/background-position.blade.md b/docs/source/docs/background-position.blade.md index e1533f245..c2ee40acb 100644 --- a/docs/source/docs/background-position.blade.md +++ b/docs/source/docs/background-position.blade.md @@ -20,11 +20,6 @@ title: "Background Position"
- - - - - @@ -34,49 +29,49 @@ title: "Background Position" - - - + + + - - - + + + - - - + + + - - - + + + - - - + + + - - - + + + - - - + + + - - - + + + - - - + + +
Class
.bg-bottombackground-position: bottomPlace the background image on the bottom edge.bg-bottombackground-position: bottom;Place the background image on the bottom edge.
.bg-centerbackground-position: centerPlace the background image in the center.bg-centerbackground-position: center;Place the background image in the center.
.bg-leftbackground-position: leftPlace the background image on the left edge.bg-leftbackground-position: left;Place the background image on the left edge.
.bg-left-bottombackground-position: left bottomPlace the background image on the left bottom edge.bg-left-bottombackground-position: left bottom;Place the background image on the left bottom edge.
.bg-left-topbackground-position: left topPlace the background image on the left top edge.bg-left-topbackground-position: left top;Place the background image on the left top edge.
.bg-rightbackground-position: rightPlace the background image on the right edge.bg-rightbackground-position: right;Place the background image on the right edge.
.bg-right-bottombackground-position: right bottomPlace the background image on the right bottom edge.bg-right-bottombackground-position: right bottom;Place the background image on the right bottom edge.
.bg-right-topbackground-position: right topPlace the background image on the right top edge.bg-right-topbackground-position: right top;Place the background image on the right top edge.
.bg-topbackground-position: topPlace the background image on the top edge.bg-topbackground-position: top;Place the background image on the top edge.
diff --git a/docs/source/docs/background-size.blade.md b/docs/source/docs/background-size.blade.md index a49a7fb52..bbf65bcc6 100644 --- a/docs/source/docs/background-size.blade.md +++ b/docs/source/docs/background-size.blade.md @@ -20,11 +20,11 @@ title: "Background Size"
- - - - - + + + + + @@ -34,14 +34,14 @@ title: "Background Size" - - - + + + - - + +
Class
.bg-coverbackground-position: coverScale the image until it fills the background layer.bg-coverbackground-position: cover;Scale the image until it fills the background layer.
.bg-containbackground-position: containScale the image to the outer edges without cropping or stretchingbackground-position: contain;Scale the image to the outer edges without cropping or stretching.
diff --git a/docs/source/docs/border-radius.blade.md b/docs/source/docs/border-radius.blade.md index 433c4c2b4..719b14583 100644 --- a/docs/source/docs/border-radius.blade.md +++ b/docs/source/docs/border-radius.blade.md @@ -33,32 +33,32 @@ title: "Border Radius" .rounded - border-radius: .25rem; + border-radius: .25rem; Apply a medium border radius to all corners of an element. .rounded-sm - border-radius: .125rem; + border-radius: .125rem; Apply a small border radius to all corners of an element. .rounded-lg - border-radius: .5rem; + border-radius: .5rem; Apply a large border radius to all corners of an element. .rounded-full - border-radius: 9999px; + border-radius: 9999px; Fully round all corners of an element. .rounded-none - border-radius: 0; + border-radius: 0; Remove any border radius from all sides of an element. .rounded-t - + border-bottom-left-radius: 0;
border-bottom-right-radius: 0; @@ -66,7 +66,7 @@ title: "Border Radius" .rounded-r - + border-top-left-radius: 0;
border-bottom-left-radius: 0; @@ -74,7 +74,7 @@ title: "Border Radius" .rounded-b - + border-top-right-radius: 0;
border-top-left-radius: 0; @@ -82,7 +82,7 @@ title: "Border Radius" .rounded-l - + border-top-right-radius: 0;
border-bottom-right-radius: 0; diff --git a/docs/source/docs/display.blade.md b/docs/source/docs/display.blade.md index 72dfdc904..200992a18 100644 --- a/docs/source/docs/display.blade.md +++ b/docs/source/docs/display.blade.md @@ -29,9 +29,9 @@ title: "Display" - .block - display: block; - Set the box type of the element to block. + .block + display: block; + Set the box type of the element to block. .inline-block diff --git a/docs/source/docs/flexbox-align-content.blade.md b/docs/source/docs/flexbox-align-content.blade.md index 78c01ac91..9f2e3710e 100644 --- a/docs/source/docs/flexbox-align-content.blade.md +++ b/docs/source/docs/flexbox-align-content.blade.md @@ -33,9 +33,9 @@ category: "Flexbox" - .content-start - align-content: flex-start; - Pack lines against the start of the cross axis. + .content-start + align-content: flex-start; + Pack lines against the start of the cross axis. .content-center diff --git a/docs/source/docs/flexbox-align-items.blade.md b/docs/source/docs/flexbox-align-items.blade.md index 7583897c6..b27fbb89b 100644 --- a/docs/source/docs/flexbox-align-items.blade.md +++ b/docs/source/docs/flexbox-align-items.blade.md @@ -19,11 +19,11 @@ category: "Flexbox"
- - - - - + + + + + @@ -33,9 +33,9 @@ category: "Flexbox" - - - + + + diff --git a/docs/source/docs/flexbox-align-self.blade.md b/docs/source/docs/flexbox-align-self.blade.md index 0f4e1ba60..50a8f97ea 100644 --- a/docs/source/docs/flexbox-align-self.blade.md +++ b/docs/source/docs/flexbox-align-self.blade.md @@ -19,11 +19,6 @@ category: "Flexbox"
Class
.items-stretchalign-items: flex-stretch;Stretch items to fill the cross axis..items-stretchalign-items: flex-stretch;Stretch items to fill the cross axis.
.items-start
- - - - - @@ -33,9 +28,9 @@ category: "Flexbox" - - - + + + diff --git a/docs/source/docs/flexbox-direction.blade.md b/docs/source/docs/flexbox-direction.blade.md index 5005f6e3e..153931142 100644 --- a/docs/source/docs/flexbox-direction.blade.md +++ b/docs/source/docs/flexbox-direction.blade.md @@ -19,11 +19,6 @@ category: "Flexbox"
Class
.self-autoalign-self: auto;Align item based on the container's `align-items` property..self-autoalign-self: auto;Align item based on the container's align-items property.
.self-start
- - - - - @@ -33,9 +28,9 @@ category: "Flexbox" - - - + + + diff --git a/docs/source/docs/flexbox-display.blade.md b/docs/source/docs/flexbox-display.blade.md index 8887004b9..7d5ac58ba 100644 --- a/docs/source/docs/flexbox-display.blade.md +++ b/docs/source/docs/flexbox-display.blade.md @@ -19,11 +19,6 @@ category: "Flexbox"
Class
.flex-rowflex-direction: row;Position flex items in the normal horizontal direction..flex-rowflex-direction: row;Position flex items in the normal horizontal direction.
.flex-row-reverse
- - - - - @@ -33,9 +28,9 @@ category: "Flexbox" - - - + + + diff --git a/docs/source/docs/flexbox-justify-content.blade.md b/docs/source/docs/flexbox-justify-content.blade.md index 5d5fcf8d8..06b179d18 100644 --- a/docs/source/docs/flexbox-justify-content.blade.md +++ b/docs/source/docs/flexbox-justify-content.blade.md @@ -19,11 +19,11 @@ category: "Flexbox"
Class
.flexdisplay: flex;Create a block-level flex container..flexdisplay: flex;Create a block-level flex container.
.inline-flex
- - - - - + + + + + @@ -33,9 +33,9 @@ category: "Flexbox" - - - + + + diff --git a/docs/source/docs/flexbox-wrapping.blade.md b/docs/source/docs/flexbox-wrapping.blade.md index d2e9ec32a..aba9efbc8 100644 --- a/docs/source/docs/flexbox-wrapping.blade.md +++ b/docs/source/docs/flexbox-wrapping.blade.md @@ -19,11 +19,6 @@ category: "Flexbox"
Class
.justify-startjustify-content: flex-start;Justify items against the start of the container..justify-startjustify-content: flex-start;Justify items against the start of the container.
.justify-center
- - - - - @@ -33,9 +28,9 @@ category: "Flexbox" - - - + + + diff --git a/docs/source/docs/floats.blade.md b/docs/source/docs/floats.blade.md index abd5ff88d..68fd26766 100644 --- a/docs/source/docs/floats.blade.md +++ b/docs/source/docs/floats.blade.md @@ -29,9 +29,9 @@ title: "Floats" - - - + + + diff --git a/docs/source/docs/font-weight.blade.md b/docs/source/docs/font-weight.blade.md index 5465de0d1..d8a6477bd 100644 --- a/docs/source/docs/font-weight.blade.md +++ b/docs/source/docs/font-weight.blade.md @@ -34,44 +34,44 @@ title: "Font Weight" - - - + + + - - - + + + - - - + + + - - - + + + - - - + + + - - - + + + - - - + + + - - - + + +
Class
.flex-no-wrapflex-wrap: nowrap;Don't allow flex items to wrap..flex-no-wrapflex-wrap: nowrap;Don't allow flex items to wrap.
.flex-wrap
.float-rightfloat: right;Moves the element to the right side of its container..float-rightfloat: right;Moves the element to the right side of its container.
.float-leftSet the font weight of an element to hairline.
.font-thinfont-weight: 200;Set the font weight of an element to thin..font-thinfont-weight: 200;Set the font weight of an element to thin.
.font-lightfont-weight: 300;Set the font weight of an element to light..font-lightfont-weight: 300;Set the font weight of an element to light.
.font-normalfont-weight: 400;Set the font weight of an element to normal..font-normalfont-weight: 400;Set the font weight of an element to normal.
.font-mediumfont-weight: 500;Set the font weight of an element to medium..font-mediumfont-weight: 500;Set the font weight of an element to medium.
.font-semiboldfont-weight: 600;Set the font weight of an element to semibold..font-semiboldfont-weight: 600;Set the font weight of an element to semibold.
.font-boldfont-weight: 700;Set the font weight of an element to bold..font-boldfont-weight: 700;Set the font weight of an element to bold.
.font-extraboldfont-weight: 800;Set the font weight of an element to extrabold..font-extraboldfont-weight: 800;Set the font weight of an element to extrabold.
.font-blackfont-weight: 900;Set the font weight of an element to black..font-blackfont-weight: 900;Set the font weight of an element to black.
diff --git a/docs/source/docs/fonts.blade.md b/docs/source/docs/fonts.blade.md index d1a930d30..cba4d4e67 100644 --- a/docs/source/docs/fonts.blade.md +++ b/docs/source/docs/fonts.blade.md @@ -39,14 +39,14 @@ title: "Font Families" Set the font family to the sans font stack. - .font-serif - font-family: Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif; - Set the font family to the serif font stack. + .font-serif + font-family: Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif; + Set the font family to the serif font stack. - .font-mono - font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace; - Set the font family to the mono font stack. + .font-mono + font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace; + Set the font family to the mono font stack. diff --git a/docs/source/docs/height.blade.md b/docs/source/docs/height.blade.md index 542075808..fc86e6b11 100644 --- a/docs/source/docs/height.blade.md +++ b/docs/source/docs/height.blade.md @@ -20,11 +20,11 @@ title: "Height"
- - - - - + + + + + @@ -34,9 +34,9 @@ title: "Height" - - - + + + @@ -115,7 +115,7 @@ title: "Height" - + diff --git a/docs/source/docs/letter-spacing.blade.md b/docs/source/docs/letter-spacing.blade.md index 6d0e83106..e133ff9b9 100644 --- a/docs/source/docs/letter-spacing.blade.md +++ b/docs/source/docs/letter-spacing.blade.md @@ -34,14 +34,14 @@ title: "Letter Spacing" - - - + + + - - - + + +
Class
.h-1height: 0.25rem;Set the element's height to 0.25rem..h-1height: 0.25rem;Set the element's height to 0.25rem.
.h-2
.h-screenheight: 100vhheight: 100vh; Set the element's height to 100vh.
Set the letter spacing of an element to -0.05em.
.tracking-normalletter-spacing: 0;Set the letter spacing of an element to 0..tracking-normalletter-spacing: 0;Set the letter spacing of an element to 0.
.tracking-wideletter-spacing: 0.05em;Set the letter spacing of an element to 0.05em..tracking-wideletter-spacing: 0.05em;Set the letter spacing of an element to 0.05em.
diff --git a/docs/source/docs/line-height.blade.md b/docs/source/docs/line-height.blade.md index 5ee00342d..1d9f1f4b2 100644 --- a/docs/source/docs/line-height.blade.md +++ b/docs/source/docs/line-height.blade.md @@ -34,19 +34,19 @@ title: "Line Height" Set the line height of an element to 1. - .leading-tight - line-height: 1.25; - Set the line height of an element to 1.25. + .leading-tight + line-height: 1.25; + Set the line height of an element to 1.25. - .leading-normal - line-height: 1.5; - Set the line height of an element to 1.5. + .leading-normal + line-height: 1.5; + Set the line height of an element to 1.5. - .leading-loose - line-height: 2; - Set the line height of an element to 2. + .leading-loose + line-height: 2; + Set the line height of an element to 2. diff --git a/docs/source/docs/max-height.blade.md b/docs/source/docs/max-height.blade.md index 61a44864b..a6e10804e 100644 --- a/docs/source/docs/max-height.blade.md +++ b/docs/source/docs/max-height.blade.md @@ -20,11 +20,11 @@ title: "Max-Height"
- - - - - + + + + + @@ -34,9 +34,9 @@ title: "Max-Height" - - - + + + diff --git a/docs/source/docs/max-width.blade.md b/docs/source/docs/max-width.blade.md index b50f901c4..1f9fb28e7 100644 --- a/docs/source/docs/max-width.blade.md +++ b/docs/source/docs/max-width.blade.md @@ -20,11 +20,11 @@ title: "Max-Width"
Class
.max-h-fullmax-height: 100%;Set the element's maximum height to 100%..max-h-fullmax-height: 100%;Set the element's maximum height to 100%.
.max-h-screen
- - - - - + + + + + @@ -34,9 +34,9 @@ title: "Max-Width" - - - + + + diff --git a/docs/source/docs/min-height.blade.md b/docs/source/docs/min-height.blade.md index 41dfc5143..8731f6091 100644 --- a/docs/source/docs/min-height.blade.md +++ b/docs/source/docs/min-height.blade.md @@ -20,11 +20,11 @@ title: "Min-Height"
Class
.max-w-xsmax-width: 20rem;Set the element's maximum width to 20rem..max-w-xsmax-width: 20rem;Set the element's maximum width to 20rem.
.max-w-sm
- - - - - + + + + + @@ -34,9 +34,9 @@ title: "Min-Height" - - - + + + diff --git a/docs/source/docs/min-width.blade.md b/docs/source/docs/min-width.blade.md index 82ee06c8d..53b0e9743 100644 --- a/docs/source/docs/min-width.blade.md +++ b/docs/source/docs/min-width.blade.md @@ -20,11 +20,11 @@ title: "Min-Width"
Class
.min-h-0min-height: 0;Set the element's minimum height to 0..min-h-0min-height: 0;Set the element's minimum height to 0.
.min-h-full
- - - - - + + + + + @@ -34,9 +34,9 @@ title: "Min-Width" - - - + + + diff --git a/docs/source/docs/overflow.blade.md b/docs/source/docs/overflow.blade.md index d7fe3eaea..9b78cfd52 100644 --- a/docs/source/docs/overflow.blade.md +++ b/docs/source/docs/overflow.blade.md @@ -18,6 +18,11 @@ title: "Overflow"
Class
.min-w-0min-width: 0;Set the element's minimum width to 0.25rem..min-w-0min-width: 0;Set the element's minimum width to 0.25rem.
.min-w-full
+ + + + + @@ -27,38 +32,38 @@ title: "Overflow" - - - + + + - - + + - - + + - - + + - - + + - - + + - - + + diff --git a/docs/source/docs/positioning.blade.md b/docs/source/docs/positioning.blade.md index 7405b5234..8546ee8a9 100644 --- a/docs/source/docs/positioning.blade.md +++ b/docs/source/docs/positioning.blade.md @@ -27,64 +27,64 @@ title: "Positioning" - - - + + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + - - + - - + - + @@ -34,65 +34,65 @@ title: "Style & Decoration" - - + + - - - + + + - - - + + + - - - + + + - - - + + + - - - + + + - - - + + + - - - + + + - - - + + + - - + - + - - + - +
Class
.overflow-visibleoverflow: 'visible';Prevent content within an element from being clipped..overflow-visibleoverflow: 'visible';Prevent content within an element from being clipped.
.overflow-autooverflow: 'auto';.overflow-autooverflow: 'auto'; Add scrollbars to an element if needed.
.overflow-hiddenoverflow: 'hidden';.overflow-hiddenoverflow: 'hidden'; Clip any content that overflows the element.
.maskoverflow: 'hidden';.maskoverflow: 'hidden'; Clip any content that overflows the element. Alias of .overflow-hidden.
.overflow-x-scrolloverflow-x: 'auto'.overflow-x-scrolloverflow-x: 'auto' Allow horizontal scrolling if needed.
.overflow-y-scrolloverflow-y: 'auto'.overflow-y-scrolloverflow-y: 'auto' Allow horizontal scrolling if needed.
.overflow-scrolloverflow: 'scroll';.overflow-scrolloverflow: 'scroll'; Add scrollbars to an element.
.staticposition: static;Position an element according to the normal flow of the document..staticposition: static;Position an element according to the normal flow of the document.
.fixedposition: fixed;.fixedposition: fixed; Position an element relative to the browser window.
.absoluteposition: absolute;.absoluteposition: absolute; Position an element outside of the normal flow of the document, causing neighboring elements to act as if the element doesn't exist.
.relativeposition: relative;.relativeposition: relative; Position an element according to the normal flow of the document.
.pin-ttop: 0;.pin-ttop: 0; Anchor absolutely positioned element to the top edge of the nearest positioned parent.
.pin-rright: 0;.pin-rright: 0; Anchor absolutely positioned element to the right edge of the nearest positioned parent.
.pin-bbottom: 0;.pin-bbottom: 0; Anchor absolutely positioned element to the bottom edge of the nearest positioned parent.
.pin-lleft: 0;.pin-lleft: 0; Anchor absolutely positioned element to the left edge of the nearest positioned parent.
.pin-y + .pin-y top: 0;
bottom: 0; 		Anchor absolutely positioned element to the top and bottom edges of the nearest positioned parent.
.pin-x + .pin-x right: 0;
left: 0; 		Anchor absolutely positioned element to the left and right edges of the nearest positioned parent.
.pin + .pin top: 0;
right: 0;
bottom: 0;
diff --git a/docs/source/docs/shadows.blade.md b/docs/source/docs/shadows.blade.md index 0e48a7b30..316abcca9 100644 --- a/docs/source/docs/shadows.blade.md +++ b/docs/source/docs/shadows.blade.md @@ -18,11 +18,11 @@ title: "Shadows"
- - - - - + + + + + diff --git a/docs/source/docs/text-color.blade.md b/docs/source/docs/text-color.blade.md index 9e28cb458..966430af3 100644 --- a/docs/source/docs/text-color.blade.md +++ b/docs/source/docs/text-color.blade.md @@ -30,9 +30,9 @@ title: "Text Color" @foreach ($page->config['colors'] as $name => $value) - - - + + + @endforeach diff --git a/docs/source/docs/text-sizing.blade.md b/docs/source/docs/text-sizing.blade.md index 82e41f922..b5ad7a111 100644 --- a/docs/source/docs/text-sizing.blade.md +++ b/docs/source/docs/text-sizing.blade.md @@ -22,8 +22,8 @@ title: "Text Sizing"
Class
.text-{{ $name }}color: {{ $value }};Set the text color of an element to {{ implode(' ', array_reverse(explode('-', $name))) }}..text-{{ $name }}color: {{ $value }};Set the text color of an element to {{ implode(' ', array_reverse(explode('-', $name))) }}.
- - + + @@ -39,44 +39,44 @@ title: "Text Sizing" - - - + + + - - - + + + - - - + + + - - - + + + - - - + + + - - - + + + - - - + + + - - - + + +
Set the text size to .75rem (12px).
.text-smfont-size: .875rem;Set the text size to .875rem (14px)..text-smfont-size: .875rem;Set the text size to .875rem (14px).
.text-basefont-size: 1rem;Set the text size to 1rem (16px)..text-basefont-size: 1rem;Set the text size to 1rem (16px).
.text-lgfont-size: 1.125rem;Set the text size to 1.125rem (18px)..text-lgfont-size: 1.125rem;Set the text size to 1.125rem (18px).
.text-xlfont-size: 1.25rem;Set the text size to 1.25rem (20px)..text-xlfont-size: 1.25rem;Set the text size to 1.25rem (20px).
.text-2xlfont-size: 1.5rem;Set the text size to 1.5rem (24px)..text-2xlfont-size: 1.5rem;Set the text size to 1.5rem (24px).
.text-3xlfont-size: 1.875rem;Set the text size to 1.875rem (30px)..text-3xlfont-size: 1.875rem;Set the text size to 1.875rem (30px).
.text-4xlfont-size: 2.25rem;Set the text size to 2.25rem (36px)..text-4xlfont-size: 2.25rem;Set the text size to 2.25rem (36px).
.text-5xlfont-size: 3rem;Set the text size to 3rem (48px)..text-5xlfont-size: 3rem;Set the text size to 3rem (48px).
diff --git a/docs/source/docs/text-style.blade.md b/docs/source/docs/text-style.blade.md index 5d5118a55..5fc99b080 100644 --- a/docs/source/docs/text-style.blade.md +++ b/docs/source/docs/text-style.blade.md @@ -23,7 +23,7 @@ title: "Style & Decoration"
.italicfont-style: italic;.italicfont-style: italic; Italicizes the text within an element.
.romanfont-style: normal;Sets the text to roman (disables italics) within an element..romanfont-style: normal;Sets the text to roman (disables italics) within an element.
.uppercasetext-transform: uppercase;Makes all text uppercase within an element..uppercasetext-transform: uppercase;Makes all text uppercase within an element.
.lowercasetext-transform: lowercase;Makes all text lowercase within an element..lowercasetext-transform: lowercase;Makes all text lowercase within an element.
.capitalizetext-transform: capitalize;Capitalizes the text within an element..capitalizetext-transform: capitalize;Capitalizes the text within an element.
.normal-casetext-transform: none;Disables any text transformations previously applied to an element..normal-casetext-transform: none;Disables any text transformations previously applied to an element.
.underlinetext-decoration: underline;Underlines the text within an element..underlinetext-decoration: underline;Underlines the text within an element.
.line-throughtext-decoration: line-through;Adds a line through the text within an element..line-throughtext-decoration: line-through;Adds a line through the text within an element.
.no-underlinetext-decoration: none;Disables any text decorations previously applied to an element..no-underlinetext-decoration: none;Disables any text decorations previously applied to an element.
.antialiased + .antialiased -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; 		Set the font smoothing of an element to antialiased.Set the font smoothing of an element to antialiased.
.subpixel-antialiased + .subpixel-antialiased -webkit-font-smoothing: auto;
-moz-osx-font-smoothing: auto; 		Set the font smoothing of an element to subpixel antialiasing (the default).Set the font smoothing of an element to subpixel antialiasing (the default).
diff --git a/docs/source/docs/vertical-alignment.blade.md b/docs/source/docs/vertical-alignment.blade.md index 61d9d6ca4..5789d0cd1 100644 --- a/docs/source/docs/vertical-alignment.blade.md +++ b/docs/source/docs/vertical-alignment.blade.md @@ -20,11 +20,11 @@ title: "Vertical Alignment"
- - - - - + + + + + @@ -34,9 +34,9 @@ title: "Vertical Alignment" - - - + + + diff --git a/docs/source/docs/visibility.blade.md b/docs/source/docs/visibility.blade.md index 89d7899a8..52118f15d 100644 --- a/docs/source/docs/visibility.blade.md +++ b/docs/source/docs/visibility.blade.md @@ -19,11 +19,11 @@ title: "Visibility"
Class
.align-baselinevertical-align: baseline;Align the baseline of an element with the baseline of its parent.align-baselinevertical-align: baseline;Align the baseline of an element with the baseline of its parent.
.align-top
- - - - - + + + + + @@ -33,9 +33,9 @@ title: "Visibility" - - - + + + diff --git a/docs/source/docs/whitespace-and-wrapping.blade.md b/docs/source/docs/whitespace-and-wrapping.blade.md index 1d846aa75..9771a6b9c 100644 --- a/docs/source/docs/whitespace-and-wrapping.blade.md +++ b/docs/source/docs/whitespace-and-wrapping.blade.md @@ -20,6 +20,11 @@ title: "Whitespace & Wrapping"
Class
.visiblevisibility: visible;Make an element visible..visiblevisibility: visible;Make an element visible.
.invisible
+ + + + + @@ -29,48 +34,48 @@ title: "Whitespace & Wrapping" - - + + - - - + + + - - - + + + - - - + + + - - - + + + - - - + + + - - - + + + - - + - +
Class
.whitespace-normalwhite-space: normal;.whitespace-normalwhite-space: normal; Cause text to wrap normally within an element.
.whitespace-no-wrapwhite-space: nowrap;Prevent text from wrapping within an element..whitespace-no-wrapwhite-space: nowrap;Prevent text from wrapping within an element.
.whitespace-prewhite-space: pre;Preserve line returns and spaces within an element..whitespace-prewhite-space: pre;Preserve line returns and spaces within an element.
.whitespace-pre-linewhite-space: pre-line;Preserve line returns but not spaces within an element..whitespace-pre-linewhite-space: pre-line;Preserve line returns but not spaces within an element.
.whitespace-pre-wrapwhite-space: pre-wrap;Preserve spaces but not line returns within an element..whitespace-pre-wrapwhite-space: pre-wrap;Preserve spaces but not line returns within an element.
.break-wordsword-wrap: break-word;Allow unbreakable words to be broken within an element..break-wordsword-wrap: break-word;Allow unbreakable words to be broken within an element.
.break-normalword-wrap: normal;Break words only at allowed break points within an element..break-normalword-wrap: normal;Break words only at allowed break points within an element.
.truncate + .truncate overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
Cause overflowing text within an element get to truncated with an ellipsis (…) if required.Cause overflowing text within an element get to truncated with an ellipsis (…) if required.
diff --git a/docs/source/docs/width.blade.md b/docs/source/docs/width.blade.md index 1925ed9eb..ca85bbfa3 100644 --- a/docs/source/docs/width.blade.md +++ b/docs/source/docs/width.blade.md @@ -20,11 +20,11 @@ title: "Width"
- - - - - + + + + + @@ -34,9 +34,9 @@ title: "Width" - - - + + + @@ -100,77 +100,77 @@ title: "Width" - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + diff --git a/docs/source/docs/z-index.blade.md b/docs/source/docs/z-index.blade.md index 0b866d2cd..6a3074c71 100644 --- a/docs/source/docs/z-index.blade.md +++ b/docs/source/docs/z-index.blade.md @@ -19,9 +19,9 @@ title: "Z-Index"
Class
.w-1width: 0.25rem;Set the element's width to 0.25rem..w-1width: 0.25rem;Set the element's width to 0.25rem.
.w-2
.w-autowidth: autowidth: auto; Set the element's width to auto.
.w-pxwidth: 1pxwidth: 1px; Set the element's width to 1px.
.w-1/2width: 50%width: 50%; Set the element's width to 50%.
.w-1/3width: 33.33333%width: 33.33333%; Set the element's width to 33.33333%.
.w-2/3width: 66.66667%width: 66.66667%; Set the element's width to 66.66667%.
.w-1/4width: 25%width: 25%; Set the element's width to 25%.
.w-3/4width: 75%width: 75%; Set the element's width to 75%.
.w-1/5width: 20%width: 20%; Set the element's width to 20%.
.w-2/5width: 49%width: 49%; Set the element's width to 49%.
.w-3/5width: 60%width: 60%; Set the element's width to 60%.
.w-4/5width: 80%width: 80%; Set the element's width to 80%.
.w-1/6width: 16.66667%width: 16.66667%; Set the element's width to 16.66667%.
.w-5/6width: 83.33333%width: 83.33333%; Set the element's width to 83.33333%.
.w-fullwidth: 100%width: 100%; Set the element's width to 100%.
.w-screenwidth: 100vwwidth: 100vw; Set the element's width to 100vw.
- - - + + + @@ -32,9 +32,9 @@ title: "Z-Index" - - - + + +
.z-0z-index: 0;Set the z-index of the element to 0..z-0z-index: 0;Set the z-index of the element to 0.
.z-10