Sam's Debug Paradise/Hell
this boi is to debug almost all components in this framework in your own risk because shit's about to get dirrty, some helpers are not present. it's kinda laggy now because i shat on it too much
TEMPLATE ACCORDIO BOI
Curse
mousedown
Nested modal/accordion test
Add Tags
.scroller
Bitch one should light up
The coconut nut is a giant nut If you eat too much, you'll get very fat Now, the coconut nut is a big, big nut But this delicious nut is not a nut It's the coco fruit (it's the coco fruit) Of the coco tree (of the coco tree) From the coco palm family There are so many uses of the coconut tree You can build a big house for the family All you need is to find a coconut man If he cuts the tree, he gets the fruit free It's the coco fruit (it's the coco fruit) Of the coco tree (of the coco tree) From the coco palm family
Bitch two should light up
The coconut bark for the kitchen floor If you save some of it, you can build a door Now, the coconut trunk, do not throw this junk If you save some of it, you'll have the second floor The coconut wood is very good It can stand 20 years if you pray it would Now, the coconut root, to tell you the truth You can throw it or use it as firewood The coconut leaves, good shade it gives For the roof, for the walls up against the eaves Now, the coconut fruit, say my relatives Make good cannonballs up against the eaves It's the coco fruit (it's the coco fruit) Of the coco tree (of the coco tree) From the coco palm family
Bitch three should light up
The coconut nut is a giant nut If you eat too much, you'll get very fat Now, the coconut nut is a big, big nut But this delicious nut is not a nut It's the coco fruit (it's the coco fruit) Of the coco tree (of the coco tree) From the coco palm family It's the coco fruit (it's the coco fruit) Of the coco tree (of the coco tree) From the coco palm family It's the coco fruit (it's the coco fruit) Of the coco tree (of the coco tree) From the coco palm family
kanban boi
what the hell
- Select All
- Client Name
- Terry Fawles
- Phoenix Wright
- Larry Butz
- Maya Fey
- Will Powers
- Miles Edgelord
- Lana Skye
- Max Galactica
- Matt Engarde
- Ron Delite
- Maggey Byrde
- Iris Nun
- Zak Gramarye
- Wocky Kitaki
- Machi Tobaye
- Vera Misham
- Solomon Starbuck
- Juniper Woods
- Damian Tenma
- Athena Cykes
- Ahlbi Ur'gaid
- Trucy Wright
- Bucky Whet
- Dhurke Sahdmadhi
Module grid
data-toggle switch-on and switch-off
Click to edit me
switch but it on first
switch but it on first n idlidldidle
switch but idle
Modal with a bitch ass table
| Rank Absolute | Rank Group | Result Type | Search Result | Note |
|---|---|---|---|---|
| 31 | 31 | organic |
Richard Schulte, A Product Liability Attorney With Wright ...
Richard Schulte, founding partner of Wright & Schulte LLC and a product liability attorney, will appear on Cincinnati, Ohio Fox 19, “Moore Law” show to answer ... |
| Rank Absolute | Rank Group | Result Type | Search Result | Note |
|---|---|---|---|---|
| 31 | 31 | organic |
Richard Schulte, A Product Liability Attorney With Wright ...
Richard Schulte, founding partner of Wright & Schulte LLC and a product liability attorney, will appear on Cincinnati, Ohio Fox 19, “Moore Law” show to answer ...
|
sidebar module template
Ratio
Border Radius
smol
lorg
reset
Toolbar
input-toggle
colors
highlight for #hashtags and @tagging profiles and shit
Oooh… that’s hard.
I know what I'd be... I'd be a #whale. I love whales. I've loved @whales since I was a little girl.
I think I would be a #bird, because they can fly. Not only can they fly, but they can travel all over the world. You know what I’m saying?
I would like to be a black panther. So I can creep. Through the wilderness. And I like when they walk, their backs go like... that, and when they step, they step better than I do, they step with a stride. And they’re graceful. So when I walk out of here, I’m going to step like a #black panther.
I know what I'd be... I'd be a #whale. I love whales. I've loved @whales since I was a little girl.
I think I would be a #bird, because they can fly. Not only can they fly, but they can travel all over the world. You know what I’m saying?
I would like to be a black panther. So I can creep. Through the wilderness. And I like when they walk, their backs go like... that, and when they step, they step better than I do, they step with a stride. And they’re graceful. So when I walk out of here, I’m going to step like a #black panther.
I know what I'd be... I'd be a #whale. I love whales. I've loved @whales since I was a little girl.
I think I would be a #bird, because they can fly. Not only can they fly, but they can travel all over the world. You know what I’m saying?
I would like to be a black panther. So I can creep. Through the wilderness. And I like when they walk, their backs go like... that, and when they step, they step better than I do, they step with a stride. And they’re graceful. So when I walk out of here, I’m going to step like a #black panther.
I know what I'd be... I'd be a #whale. I love whales. I've loved @whales since I was a little girl.
I think I would be a #bird, because they can fly. Not only can they fly, but they can travel all over the world. You know what I’m saying?
I would like to be a black panther. So I can creep. Through the wilderness. And I like when they walk, their backs go like... that, and when they step, they step better than I do, they step with a stride. And they’re graceful. So when I walk out of here, I’m going to step like a #black panther.
I know what I'd be... I'd be a #whale. I love whales. I've loved @whales since I was a little girl.
I think I would be a #bird, because they can fly. Not only can they fly, but they can travel all over the world. You know what I’m saying?
I would like to be a black panther. So I can creep. Through the wilderness. And I like when they walk, their backs go like... that, and when they step, they step better than I do, they step with a stride. And they’re graceful. So when I walk out of here, I’m going to step like a #black panther.
I know what I'd be... I'd be a #whale. I love whales. I've loved @whales since I was a little girl.
I think I would be a #bird, because they can fly. Not only can they fly, but they can travel all over the world. You know what I’m saying?
I would like to be a black panther. So I can creep. Through the wilderness. And I like when they walk, their backs go like... that, and when they step, they step better than I do, they step with a stride. And they’re graceful. So when I walk out of here, I’m going to step like a #black panther.
I know what I'd be... I'd be a #whale. I love whales. I've loved @whales since I was a little girl.
I think I would be a #bird, because they can fly. Not only can they fly, but they can travel all over the world. You know what I’m saying?
I would like to be a black panther. So I can creep. Through the wilderness. And I like when they walk, their backs go like... that, and when they step, they step better than I do, they step with a stride. And they’re graceful. So when I walk out of here, I’m going to step like a #black panther.
I know what I'd be... I'd be a #whale. I love whales. I've loved @whales since I was a little girl.
I think I would be a #bird, because they can fly. Not only can they fly, but they can travel all over the world. You know what I’m saying?
I would like to be a black panther. So I can creep. Through the wilderness. And I like when they walk, their backs go like... that, and when they step, they step better than I do, they step with a stride. And they’re graceful. So when I walk out of here, I’m going to step like a #black panther.
ASSETS
bitch-ass.mp3
69kb
bitch-ass.json
69kb
bitch-ass.docx
69kb
bitch-ass.txt
69kb
bitch-ass.otf
69kb
bitch-ass.jpg
69kb
bitch-ass-portrait.jpg
69kb
bitch-ass-obscure-or-nonweb-image-type-or-vector-shit-that-dont-like-fit-cover.tiff
69kb
bitch-ass-obscure-or-nonweb-image-type-or-vector-shit-that-dont-like-fit-cover.ps
69kb
bitch-ass-obscure-or-nonweb-image-type-or-vector-shit-that-dont-like-fit-cover.ai
69kb
bitch-ass-obscure-or-nonweb-image-type-or-vector-shit-that-dont-like-fit-cover.xd
69kb
Well Shit.pdf
69kb
Well Shit.indb
69kb
bitch-ass.csv
69kb
bitch-ass.mp4
69kb
Zone
with input fiweld
board
form: tags field
Keyup shits
external plugin support/throttle/yea boi
potaother basic bitches
Cristian's code 06-09 ayyyyy
modddddaaaalNadia's code but fucked up by me
Nadia's code
cristian's code
modddddaaaalini may dupli
ini mayo pang nakalaag
Well
theme polar
theme outline
theme polar outline
Tabs
bititichhc
form: Date module
bitch but no value
data-calendar-start-day="0" data-calendar-disabled-dates="past" data-calendar-year-span="0" min="2019-01-20" data-calendar-max="2021-02-20" value="2020-03-05"
use cases
different size
in fieldset
sizes
color classes
in input-group-vertical
in input-group-horizontal
Alerts
Alert titty
Alert titty
Alert titty
Alert titty
Alert titty
Alert titty
Alert titty
Alert titty
Alert titty
Hello. This is what html looks like. A couple more rules: if you ever watch a sad movie, you have to wear mascara so we can see whether or not you’ve been crying. There’s no noise allowed on Mondays. And no TV after breakfast.
Header one
Header two
Header three
Header four
Header five
Header six
Blockquotes
Single line blockquote:
Stay hungry. Stay foolish.
Multi line blockquote with a cite reference:
People think focus means saying yes to the thing you’ve got to focus on. But that’s not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick carefully. I’m actually as proud of the things we haven’t done as the things I have done. Innovation is saying no to 1,000 things.
People think focus means saying yes to the thing you’ve got to focus on. But that’s not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick carefully. I’m actually as proud of the things we haven’t done as the things I have done. Innovation is saying no to 1,000 things. Steve Jobs – Apple Worldwide Developers’ Conference, 1997
Basic Bitch Table
| Employee | Salary | |
|---|---|---|
| Jane | $1 | Because that’s all Steve Job’ needed for a salary. |
| John | $100K | For all the blogging he does. |
| Jane | $100M | Pictures are worth a thousand words, right? So Tom x 1,000. |
| Jane | $100B | With hair like that?! Enough said… |
Definition Lists
- Definition List Title
- Definition list division.
- Startup
- A startup company or startup is a company or temporary organization designed to search for a repeatable and scalable business model.
- #dowork
- Coined by Rob Dyrdek and his personal body guard Christopher “Big Black” Boykins, “Do Work” works as a self motivator, to motivating your friends.
- Do It Live
- I’ll let Bill O’Reilly will explain this one.
Unordered Lists (Nested)
- List item one
- List item one
- List item one
- List item two
- List item three
- List item four
- List item two
- List item three
- List item four
- List item one
- List item two
- List item three
- List item four
Ordered List (Nested)
- List item one
- List item one
- List item one
- List item two
- List item three
- List item four
- List item two
- List item three
- List item four
- List item one
- List item two
- List item three
- List item four
HTML Tags
These supported tags come from the WordPress.com code FAQ.
Address Tag
1 Infinite LoopCupertino, CA 95014
United States
Anchor Tag (aka. Link)
This is an example of a link.
Abbreviation Tag
The abbreviation srsly stands for “seriously”.
Acronym Tag
The acronym ftw stands for “for the win”.
Big Tag
These tests are a big deal, but this tag is no longer supported in HTML5.
Cite Tag
“Code is poetry.” —Automattic
Code Tag
You will learn later on in these tests that word-wrap: break-word; will be your best friend.
Delete Tag
This tag will let you strikeout text, but this tag is no longer supported in HTML5 (use the <strike> instead).
Emphasize Tag
The emphasize tag should italicize text.
Insert Tag
This tag should denote inserted text.
Keyboard Tag
This scarcely known tag emulates keyboard text, which is usually styled like the <code> tag.
Preformatted Tag
This tag styles large blocks of code.
.post-title {
margin: 0 0 5px;
font-weight: bold;
font-size: 38px;
line-height: 1.2;
}
Quote Tag
Developers, developers, developers…
–Steve Ballmer
Strong Tag
This tag shows bold text.
Subscript Tag
Getting our science styling on with H2O, which should push the “2” down.
Superscript Tag
Still sticking with science and Isaac Newton’s E = MC2, which should lift the 2 up.
Teletype Tag
This rarely used tag emulates teletype text, which is usually styled like the <code> tag.
Variable Tag
This allows you to denote variables.
.alert.alert-primary but then also There's a fucking link hooheehoo that shit sexy
TABLES BIIIIIITXCCCCHHHTHTHCVHCHTYHVHTH^
| Column heading | Column heading | Column heading | Total |
|---|---|---|---|
| Primary | Column content | Column content | 0 |
| secondary | Column content | Column content | 0 |
| accent | Column content | Column content | 0 |
| Success | Column content | Column content | 666 |
| Error | Column content | Column content | 0 |
| Caution | Column content | Column content | 0 |
| neutral | Column content | Column content | 0 |
| Intensity 1 | Column content | Column content | 0 |
| Intensity 2 | Column content | Column content | 0 |
| Intensity 3 | Column content | Column content | 0 |
| Intensity 4 | Column content | Column content | 0 |
| Intensity 5 | Column content | Column content | 0 |
| Disabled | Column content | Column content | 0 |
Hello. This is what html looks like. A couple more rules: if you ever watch a sad movie, you have to wear mascara so we can see whether or not you’ve been crying. There’s no noise allowed on Mondays. And no TV after breakfast.
Header one
Header two
Header three
Header four
Header five
Header six
Blockquotes
Single line blockquote:
Stay hungry. Stay foolish.
Multi line blockquote with a cite reference:
People think focus means saying yes to the thing you’ve got to focus on. But that’s not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick carefully. I’m actually as proud of the things we haven’t done as the things I have done. Innovation is saying no to 1,000 things.
People think focus means saying yes to the thing you’ve got to focus on. But that’s not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick carefully. I’m actually as proud of the things we haven’t done as the things I have done. Innovation is saying no to 1,000 things. Steve Jobs – Apple Worldwide Developers’ Conference, 1997
Basic Bitch Table
| Employee | Salary | |
|---|---|---|
| Jane | $1 | Because that’s all Steve Job’ needed for a salary. |
| John | $100K | For all the blogging he does. |
| Jane | $100M | Pictures are worth a thousand words, right? So Tom x 1,000. |
| Jane | $100B | With hair like that?! Enough said… |
Definition Lists
- Definition List Title
- Definition list division.
- Startup
- A startup company or startup is a company or temporary organization designed to search for a repeatable and scalable business model.
- #dowork
- Coined by Rob Dyrdek and his personal body guard Christopher “Big Black” Boykins, “Do Work” works as a self motivator, to motivating your friends.
- Do It Live
- I’ll let Bill O’Reilly will explain this one.
Unordered Lists (Nested)
- List item one
- List item one
- List item one
- List item two
- List item three
- List item four
- List item two
- List item three
- List item four
- List item one
- List item two
- List item three
- List item four
Ordered List (Nested)
- List item one
- List item one
- List item one
- List item two
- List item three
- List item four
- List item two
- List item three
- List item four
- List item one
- List item two
- List item three
- List item four
HTML Tags
These supported tags come from the WordPress.com code FAQ.
Address Tag
1 Infinite LoopCupertino, CA 95014
United States
Anchor Tag (aka. Link)
This is an example of a link.
Abbreviation Tag
The abbreviation srsly stands for “seriously”.
Acronym Tag
The acronym ftw stands for “for the win”.
Big Tag
These tests are a big deal, but this tag is no longer supported in HTML5.
Cite Tag
“Code is poetry.” —Automattic
Code Tag
You will learn later on in these tests that word-wrap: break-word; will be your best friend.
Delete Tag
This tag will let you strikeout text, but this tag is no longer supported in HTML5 (use the <strike> instead).
Emphasize Tag
The emphasize tag should italicize text.
Insert Tag
This tag should denote inserted text.
Keyboard Tag
This scarcely known tag emulates keyboard text, which is usually styled like the <code> tag.
Preformatted Tag
This tag styles large blocks of code.
.post-title {
margin: 0 0 5px;
font-weight: bold;
font-size: 38px;
line-height: 1.2;
}
Quote Tag
Developers, developers, developers…
–Steve Ballmer
Strong Tag
This tag shows bold text.
Subscript Tag
Getting our science styling on with H2O, which should push the “2” down.
Superscript Tag
Still sticking with science and Isaac Newton’s E = MC2, which should lift the 2 up.
Teletype Tag
This rarely used tag emulates teletype text, which is usually styled like the <code> tag.
Variable Tag
This allows you to denote variables.
.alert.alert-secondary but then also There's a fucking link hooheehoo that shit sexy
Hello. This is what html looks like. A couple more rules: if you ever watch a sad movie, you have to wear mascara so we can see whether or not you’ve been crying. There’s no noise allowed on Mondays. And no TV after breakfast.
Header one
Header two
Header three
Header four
Header five
Header six
Blockquotes
Single line blockquote:
Stay hungry. Stay foolish.
Multi line blockquote with a cite reference:
People think focus means saying yes to the thing you’ve got to focus on. But that’s not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick carefully. I’m actually as proud of the things we haven’t done as the things I have done. Innovation is saying no to 1,000 things.
People think focus means saying yes to the thing you’ve got to focus on. But that’s not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick carefully. I’m actually as proud of the things we haven’t done as the things I have done. Innovation is saying no to 1,000 things. Steve Jobs – Apple Worldwide Developers’ Conference, 1997
Basic Bitch Table
| Employee | Salary | |
|---|---|---|
| Jane | $1 | Because that’s all Steve Job’ needed for a salary. |
| John | $100K | For all the blogging he does. |
| Jane | $100M | Pictures are worth a thousand words, right? So Tom x 1,000. |
| Jane | $100B | With hair like that?! Enough said… |
Definition Lists
- Definition List Title
- Definition list division.
- Startup
- A startup company or startup is a company or temporary organization designed to search for a repeatable and scalable business model.
- #dowork
- Coined by Rob Dyrdek and his personal body guard Christopher “Big Black” Boykins, “Do Work” works as a self motivator, to motivating your friends.
- Do It Live
- I’ll let Bill O’Reilly will explain this one.
Unordered Lists (Nested)
- List item one
- List item one
- List item one
- List item two
- List item three
- List item four
- List item two
- List item three
- List item four
- List item one
- List item two
- List item three
- List item four
Ordered List (Nested)
- List item one
- List item one
- List item one
- List item two
- List item three
- List item four
- List item two
- List item three
- List item four
- List item one
- List item two
- List item three
- List item four
HTML Tags
These supported tags come from the WordPress.com code FAQ.
Address Tag
1 Infinite LoopCupertino, CA 95014
United States
Anchor Tag (aka. Link)
This is an example of a link.
Abbreviation Tag
The abbreviation srsly stands for “seriously”.
Acronym Tag
The acronym ftw stands for “for the win”.
Big Tag
These tests are a big deal, but this tag is no longer supported in HTML5.
Cite Tag
“Code is poetry.” —Automattic
Code Tag
You will learn later on in these tests that word-wrap: break-word; will be your best friend.
Delete Tag
This tag will let you strikeout text, but this tag is no longer supported in HTML5 (use the <strike> instead).
Emphasize Tag
The emphasize tag should italicize text.
Insert Tag
This tag should denote inserted text.
Keyboard Tag
This scarcely known tag emulates keyboard text, which is usually styled like the <code> tag.
Preformatted Tag
This tag styles large blocks of code.
.post-title {
margin: 0 0 5px;
font-weight: bold;
font-size: 38px;
line-height: 1.2;
}
Quote Tag
Developers, developers, developers…
–Steve Ballmer
Strong Tag
This tag shows bold text.
Subscript Tag
Getting our science styling on with H2O, which should push the “2” down.
Superscript Tag
Still sticking with science and Isaac Newton’s E = MC2, which should lift the 2 up.
Teletype Tag
This rarely used tag emulates teletype text, which is usually styled like the <code> tag.
Variable Tag
This allows you to denote variables.
.alert.alert-accent but then also There's a fucking link hooheehoo that shit sexy
Hello. This is what html looks like. A couple more rules: if you ever watch a sad movie, you have to wear mascara so we can see whether or not you’ve been crying. There’s no noise allowed on Mondays. And no TV after breakfast.
Header one
Header two
Header three
Header four
Header five
Header six
Blockquotes
Single line blockquote:
Stay hungry. Stay foolish.
Multi line blockquote with a cite reference:
People think focus means saying yes to the thing you’ve got to focus on. But that’s not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick carefully. I’m actually as proud of the things we haven’t done as the things I have done. Innovation is saying no to 1,000 things.
People think focus means saying yes to the thing you’ve got to focus on. But that’s not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick carefully. I’m actually as proud of the things we haven’t done as the things I have done. Innovation is saying no to 1,000 things. Steve Jobs – Apple Worldwide Developers’ Conference, 1997
Basic Bitch Table
| Employee | Salary | |
|---|---|---|
| Jane | $1 | Because that’s all Steve Job’ needed for a salary. |
| John | $100K | For all the blogging he does. |
| Jane | $100M | Pictures are worth a thousand words, right? So Tom x 1,000. |
| Jane | $100B | With hair like that?! Enough said… |
Definition Lists
- Definition List Title
- Definition list division.
- Startup
- A startup company or startup is a company or temporary organization designed to search for a repeatable and scalable business model.
- #dowork
- Coined by Rob Dyrdek and his personal body guard Christopher “Big Black” Boykins, “Do Work” works as a self motivator, to motivating your friends.
- Do It Live
- I’ll let Bill O’Reilly will explain this one.
Unordered Lists (Nested)
- List item one
- List item one
- List item one
- List item two
- List item three
- List item four
- List item two
- List item three
- List item four
- List item one
- List item two
- List item three
- List item four
Ordered List (Nested)
- List item one
- List item one
- List item one
- List item two
- List item three
- List item four
- List item two
- List item three
- List item four
- List item one
- List item two
- List item three
- List item four
HTML Tags
These supported tags come from the WordPress.com code FAQ.
Address Tag
1 Infinite LoopCupertino, CA 95014
United States
Anchor Tag (aka. Link)
This is an example of a link.
Abbreviation Tag
The abbreviation srsly stands for “seriously”.
Acronym Tag
The acronym ftw stands for “for the win”.
Big Tag
These tests are a big deal, but this tag is no longer supported in HTML5.
Cite Tag
“Code is poetry.” —Automattic
Code Tag
You will learn later on in these tests that word-wrap: break-word; will be your best friend.
Delete Tag
This tag will let you strikeout text, but this tag is no longer supported in HTML5 (use the <strike> instead).
Emphasize Tag
The emphasize tag should italicize text.
Insert Tag
This tag should denote inserted text.
Keyboard Tag
This scarcely known tag emulates keyboard text, which is usually styled like the <code> tag.
Preformatted Tag
This tag styles large blocks of code.
.post-title {
margin: 0 0 5px;
font-weight: bold;
font-size: 38px;
line-height: 1.2;
}
Quote Tag
Developers, developers, developers…
–Steve Ballmer
Strong Tag
This tag shows bold text.
Subscript Tag
Getting our science styling on with H2O, which should push the “2” down.
Superscript Tag
Still sticking with science and Isaac Newton’s E = MC2, which should lift the 2 up.
Teletype Tag
This rarely used tag emulates teletype text, which is usually styled like the <code> tag.
Variable Tag
This allows you to denote variables.
.alert.alert-neutral but then also There's a fucking link hooheehoo that shit sexy
Hello. This is what html looks like. A couple more rules: if you ever watch a sad movie, you have to wear mascara so we can see whether or not you’ve been crying. There’s no noise allowed on Mondays. And no TV after breakfast.
Header one
Header two
Header three
Header four
Header five
Header six
Blockquotes
Single line blockquote:
Stay hungry. Stay foolish.
Multi line blockquote with a cite reference:
People think focus means saying yes to the thing you’ve got to focus on. But that’s not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick carefully. I’m actually as proud of the things we haven’t done as the things I have done. Innovation is saying no to 1,000 things.
People think focus means saying yes to the thing you’ve got to focus on. But that’s not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick carefully. I’m actually as proud of the things we haven’t done as the things I have done. Innovation is saying no to 1,000 things. Steve Jobs – Apple Worldwide Developers’ Conference, 1997
Basic Bitch Table
| Employee | Salary | |
|---|---|---|
| Jane | $1 | Because that’s all Steve Job’ needed for a salary. |
| John | $100K | For all the blogging he does. |
| Jane | $100M | Pictures are worth a thousand words, right? So Tom x 1,000. |
| Jane | $100B | With hair like that?! Enough said… |
Definition Lists
- Definition List Title
- Definition list division.
- Startup
- A startup company or startup is a company or temporary organization designed to search for a repeatable and scalable business model.
- #dowork
- Coined by Rob Dyrdek and his personal body guard Christopher “Big Black” Boykins, “Do Work” works as a self motivator, to motivating your friends.
- Do It Live
- I’ll let Bill O’Reilly will explain this one.
Unordered Lists (Nested)
- List item one
- List item one
- List item one
- List item two
- List item three
- List item four
- List item two
- List item three
- List item four
- List item one
- List item two
- List item three
- List item four
Ordered List (Nested)
- List item one
- List item one
- List item one
- List item two
- List item three
- List item four
- List item two
- List item three
- List item four
- List item one
- List item two
- List item three
- List item four
HTML Tags
These supported tags come from the WordPress.com code FAQ.
Address Tag
1 Infinite LoopCupertino, CA 95014
United States
Anchor Tag (aka. Link)
This is an example of a link.
Abbreviation Tag
The abbreviation srsly stands for “seriously”.
Acronym Tag
The acronym ftw stands for “for the win”.
Big Tag
These tests are a big deal, but this tag is no longer supported in HTML5.
Cite Tag
“Code is poetry.” —Automattic
Code Tag
You will learn later on in these tests that word-wrap: break-word; will be your best friend.
Delete Tag
This tag will let you strikeout text, but this tag is no longer supported in HTML5 (use the <strike> instead).
Emphasize Tag
The emphasize tag should italicize text.
Insert Tag
This tag should denote inserted text.
Keyboard Tag
This scarcely known tag emulates keyboard text, which is usually styled like the <code> tag.
Preformatted Tag
This tag styles large blocks of code.
.post-title {
margin: 0 0 5px;
font-weight: bold;
font-size: 38px;
line-height: 1.2;
}
Quote Tag
Developers, developers, developers…
–Steve Ballmer
Strong Tag
This tag shows bold text.
Subscript Tag
Getting our science styling on with H2O, which should push the “2” down.
Superscript Tag
Still sticking with science and Isaac Newton’s E = MC2, which should lift the 2 up.
Teletype Tag
This rarely used tag emulates teletype text, which is usually styled like the <code> tag.
Variable Tag
This allows you to denote variables.
.alert.alert-success but then also There's a fucking link hooheehoo that shit sexy
Hello. This is what html looks like. A couple more rules: if you ever watch a sad movie, you have to wear mascara so we can see whether or not you’ve been crying. There’s no noise allowed on Mondays. And no TV after breakfast.
Header one
Header two
Header three
Header four
Header five
Header six
Blockquotes
Single line blockquote:
Stay hungry. Stay foolish.
Multi line blockquote with a cite reference:
People think focus means saying yes to the thing you’ve got to focus on. But that’s not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick carefully. I’m actually as proud of the things we haven’t done as the things I have done. Innovation is saying no to 1,000 things.
People think focus means saying yes to the thing you’ve got to focus on. But that’s not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick carefully. I’m actually as proud of the things we haven’t done as the things I have done. Innovation is saying no to 1,000 things. Steve Jobs – Apple Worldwide Developers’ Conference, 1997
Basic Bitch Table
| Employee | Salary | |
|---|---|---|
| Jane | $1 | Because that’s all Steve Job’ needed for a salary. |
| John | $100K | For all the blogging he does. |
| Jane | $100M | Pictures are worth a thousand words, right? So Tom x 1,000. |
| Jane | $100B | With hair like that?! Enough said… |
Definition Lists
- Definition List Title
- Definition list division.
- Startup
- A startup company or startup is a company or temporary organization designed to search for a repeatable and scalable business model.
- #dowork
- Coined by Rob Dyrdek and his personal body guard Christopher “Big Black” Boykins, “Do Work” works as a self motivator, to motivating your friends.
- Do It Live
- I’ll let Bill O’Reilly will explain this one.
Unordered Lists (Nested)
- List item one
- List item one
- List item one
- List item two
- List item three
- List item four
- List item two
- List item three
- List item four
- List item one
- List item two
- List item three
- List item four
Ordered List (Nested)
- List item one
- List item one
- List item one
- List item two
- List item three
- List item four
- List item two
- List item three
- List item four
- List item one
- List item two
- List item three
- List item four
HTML Tags
These supported tags come from the WordPress.com code FAQ.
Address Tag
1 Infinite LoopCupertino, CA 95014
United States
Anchor Tag (aka. Link)
This is an example of a link.
Abbreviation Tag
The abbreviation srsly stands for “seriously”.
Acronym Tag
The acronym ftw stands for “for the win”.
Big Tag
These tests are a big deal, but this tag is no longer supported in HTML5.
Cite Tag
“Code is poetry.” —Automattic
Code Tag
You will learn later on in these tests that word-wrap: break-word; will be your best friend.
Delete Tag
This tag will let you strikeout text, but this tag is no longer supported in HTML5 (use the <strike> instead).
Emphasize Tag
The emphasize tag should italicize text.
Insert Tag
This tag should denote inserted text.
Keyboard Tag
This scarcely known tag emulates keyboard text, which is usually styled like the <code> tag.
Preformatted Tag
This tag styles large blocks of code.
.post-title {
margin: 0 0 5px;
font-weight: bold;
font-size: 38px;
line-height: 1.2;
}
Quote Tag
Developers, developers, developers…
–Steve Ballmer
Strong Tag
This tag shows bold text.
Subscript Tag
Getting our science styling on with H2O, which should push the “2” down.
Superscript Tag
Still sticking with science and Isaac Newton’s E = MC2, which should lift the 2 up.
Teletype Tag
This rarely used tag emulates teletype text, which is usually styled like the <code> tag.
Variable Tag
This allows you to denote variables.
.alert.alert-caution but then also There's a fucking link hooheehoo that shit sexy
Hello. This is what html looks like. A couple more rules: if you ever watch a sad movie, you have to wear mascara so we can see whether or not you’ve been crying. There’s no noise allowed on Mondays. And no TV after breakfast.
Header one
Header two
Header three
Header four
Header five
Header six
Blockquotes
Single line blockquote:
Stay hungry. Stay foolish.
Multi line blockquote with a cite reference:
People think focus means saying yes to the thing you’ve got to focus on. But that’s not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick carefully. I’m actually as proud of the things we haven’t done as the things I have done. Innovation is saying no to 1,000 things.
People think focus means saying yes to the thing you’ve got to focus on. But that’s not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick carefully. I’m actually as proud of the things we haven’t done as the things I have done. Innovation is saying no to 1,000 things. Steve Jobs – Apple Worldwide Developers’ Conference, 1997
Basic Bitch Table
| Employee | Salary | |
|---|---|---|
| Jane | $1 | Because that’s all Steve Job’ needed for a salary. |
| John | $100K | For all the blogging he does. |
| Jane | $100M | Pictures are worth a thousand words, right? So Tom x 1,000. |
| Jane | $100B | With hair like that?! Enough said… |
Definition Lists
- Definition List Title
- Definition list division.
- Startup
- A startup company or startup is a company or temporary organization designed to search for a repeatable and scalable business model.
- #dowork
- Coined by Rob Dyrdek and his personal body guard Christopher “Big Black” Boykins, “Do Work” works as a self motivator, to motivating your friends.
- Do It Live
- I’ll let Bill O’Reilly will explain this one.
Unordered Lists (Nested)
- List item one
- List item one
- List item one
- List item two
- List item three
- List item four
- List item two
- List item three
- List item four
- List item one
- List item two
- List item three
- List item four
Ordered List (Nested)
- List item one
- List item one
- List item one
- List item two
- List item three
- List item four
- List item two
- List item three
- List item four
- List item one
- List item two
- List item three
- List item four
HTML Tags
These supported tags come from the WordPress.com code FAQ.
Address Tag
1 Infinite LoopCupertino, CA 95014
United States
Anchor Tag (aka. Link)
This is an example of a link.
Abbreviation Tag
The abbreviation srsly stands for “seriously”.
Acronym Tag
The acronym ftw stands for “for the win”.
Big Tag
These tests are a big deal, but this tag is no longer supported in HTML5.
Cite Tag
“Code is poetry.” —Automattic
Code Tag
You will learn later on in these tests that word-wrap: break-word; will be your best friend.
Delete Tag
This tag will let you strikeout text, but this tag is no longer supported in HTML5 (use the <strike> instead).
Emphasize Tag
The emphasize tag should italicize text.
Insert Tag
This tag should denote inserted text.
Keyboard Tag
This scarcely known tag emulates keyboard text, which is usually styled like the <code> tag.
Preformatted Tag
This tag styles large blocks of code.
.post-title {
margin: 0 0 5px;
font-weight: bold;
font-size: 38px;
line-height: 1.2;
}
Quote Tag
Developers, developers, developers…
–Steve Ballmer
Strong Tag
This tag shows bold text.
Subscript Tag
Getting our science styling on with H2O, which should push the “2” down.
Superscript Tag
Still sticking with science and Isaac Newton’s E = MC2, which should lift the 2 up.
Teletype Tag
This rarely used tag emulates teletype text, which is usually styled like the <code> tag.
Variable Tag
This allows you to denote variables.
.alert.alert-error but then also There's a fucking link hooheehoo that shit sexy
Hello. This is what html looks like. A couple more rules: if you ever watch a sad movie, you have to wear mascara so we can see whether or not you’ve been crying. There’s no noise allowed on Mondays. And no TV after breakfast.
Header one
Header two
Header three
Header four
Header five
Header six
Blockquotes
Single line blockquote:
Stay hungry. Stay foolish.
Multi line blockquote with a cite reference:
People think focus means saying yes to the thing you’ve got to focus on. But that’s not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick carefully. I’m actually as proud of the things we haven’t done as the things I have done. Innovation is saying no to 1,000 things.
People think focus means saying yes to the thing you’ve got to focus on. But that’s not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick carefully. I’m actually as proud of the things we haven’t done as the things I have done. Innovation is saying no to 1,000 things. Steve Jobs – Apple Worldwide Developers’ Conference, 1997
Basic Bitch Table
| Employee | Salary | |
|---|---|---|
| Jane | $1 | Because that’s all Steve Job’ needed for a salary. |
| John | $100K | For all the blogging he does. |
| Jane | $100M | Pictures are worth a thousand words, right? So Tom x 1,000. |
| Jane | $100B | With hair like that?! Enough said… |
Definition Lists
- Definition List Title
- Definition list division.
- Startup
- A startup company or startup is a company or temporary organization designed to search for a repeatable and scalable business model.
- #dowork
- Coined by Rob Dyrdek and his personal body guard Christopher “Big Black” Boykins, “Do Work” works as a self motivator, to motivating your friends.
- Do It Live
- I’ll let Bill O’Reilly will explain this one.
Unordered Lists (Nested)
- List item one
- List item one
- List item one
- List item two
- List item three
- List item four
- List item two
- List item three
- List item four
- List item one
- List item two
- List item three
- List item four
Ordered List (Nested)
- List item one
- List item one
- List item one
- List item two
- List item three
- List item four
- List item two
- List item three
- List item four
- List item one
- List item two
- List item three
- List item four
HTML Tags
These supported tags come from the WordPress.com code FAQ.
Address Tag
1 Infinite LoopCupertino, CA 95014
United States
Anchor Tag (aka. Link)
This is an example of a link.
Abbreviation Tag
The abbreviation srsly stands for “seriously”.
Acronym Tag
The acronym ftw stands for “for the win”.
Big Tag
These tests are a big deal, but this tag is no longer supported in HTML5.
Cite Tag
“Code is poetry.” —Automattic
Code Tag
You will learn later on in these tests that word-wrap: break-word; will be your best friend.
Delete Tag
This tag will let you strikeout text, but this tag is no longer supported in HTML5 (use the <strike> instead).
Emphasize Tag
The emphasize tag should italicize text.
Insert Tag
This tag should denote inserted text.
Keyboard Tag
This scarcely known tag emulates keyboard text, which is usually styled like the <code> tag.
Preformatted Tag
This tag styles large blocks of code.
.post-title {
margin: 0 0 5px;
font-weight: bold;
font-size: 38px;
line-height: 1.2;
}
Quote Tag
Developers, developers, developers…
–Steve Ballmer
Strong Tag
This tag shows bold text.
Subscript Tag
Getting our science styling on with H2O, which should push the “2” down.
Superscript Tag
Still sticking with science and Isaac Newton’s E = MC2, which should lift the 2 up.
Teletype Tag
This rarely used tag emulates teletype text, which is usually styled like the <code> tag.
Variable Tag
This allows you to denote variables.
Modal
Modal boi with max width and no close butt but overlay can close the boi
Modal boi
Modal boi with a callback
Modal boi with a fullscreen
Look at this bitchboy going modal and shit
Hello. This is what html looks like. A couple more rules: if you ever watch a sad movie, you have to wear mascara so we can see whether or not you’ve been crying. There’s no noise allowed on Mondays. And no TV after breakfast.
Header one
Header two
Header three
Header four
Header five
Header six
Blockquotes
Single line blockquote:
Stay hungry. Stay foolish.
Multi line blockquote with a cite reference:
People think focus means saying yes to the thing you’ve got to focus on. But that’s not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick carefully. I’m actually as proud of the things we haven’t done as the things I have done. Innovation is saying no to 1,000 things.
People think focus means saying yes to the thing you’ve got to focus on. But that’s not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick carefully. I’m actually as proud of the things we haven’t done as the things I have done. Innovation is saying no to 1,000 things. Steve Jobs – Apple Worldwide Developers’ Conference, 1997
Basic Bitch Table
| Employee | Salary | |
|---|---|---|
| Jane | $1 | Because that’s all Steve Job’ needed for a salary. |
| John | $100K | For all the blogging he does. |
| Jane | $100M | Pictures are worth a thousand words, right? So Tom x 1,000. |
| Jane | $100B | With hair like that?! Enough said… |
Definition Lists
- Definition List Title
- Definition list division.
- Startup
- A startup company or startup is a company or temporary organization designed to search for a repeatable and scalable business model.
- #dowork
- Coined by Rob Dyrdek and his personal body guard Christopher “Big Black” Boykins, “Do Work” works as a self motivator, to motivating your friends.
- Do It Live
- I’ll let Bill O’Reilly will explain this one.
Unordered Lists (Nested)
- List item one
- List item one
- List item one
- List item two
- List item three
- List item four
- List item two
- List item three
- List item four
- List item one
- List item two
- List item three
- List item four
Ordered List (Nested)
- List item one
- List item one
- List item one
- List item two
- List item three
- List item four
- List item two
- List item three
- List item four
- List item one
- List item two
- List item three
- List item four
HTML Tags
These supported tags come from the WordPress.com code FAQ.
Address Tag
1 Infinite LoopCupertino, CA 95014
United States
Anchor Tag (aka. Link)
This is an example of a link.
Abbreviation Tag
The abbreviation srsly stands for “seriously”.
Acronym Tag
The acronym ftw stands for “for the win”.
Big Tag
These tests are a big deal, but this tag is no longer supported in HTML5.
Cite Tag
“Code is poetry.” —Automattic
Code Tag
You will learn later on in these tests that word-wrap: break-word; will be your best friend.
Delete Tag
This tag will let you strikeout text, but this tag is no longer supported in HTML5 (use the <strike> instead).
Emphasize Tag
The emphasize tag should italicize text.
Insert Tag
This tag should denote inserted text.
Keyboard Tag
This scarcely known tag emulates keyboard text, which is usually styled like the <code> tag.
Preformatted Tag
This tag styles large blocks of code.
.post-title {
margin: 0 0 5px;
font-weight: bold;
font-size: 38px;
line-height: 1.2;
}
Quote Tag
Developers, developers, developers…
–Steve Ballmer
Strong Tag
This tag shows bold text.
Subscript Tag
Getting our science styling on with H2O, which should push the “2” down.
Superscript Tag
Still sticking with science and Isaac Newton’s E = MC2, which should lift the 2 up.
Teletype Tag
This rarely used tag emulates teletype text, which is usually styled like the <code> tag.
Variable Tag
This allows you to denote variables.
Tooltips
Add a tooltip with data-toggle-tooltip-click of data-toggle-tooltip-hover
Tooltip on click
Bitch boi to the left Bitch boi on the bottom and badge is large Bitch boi on the top Bitch boi to the right and badge is small Bitch boi customTooltip on hover
Bitch boi to the left Bitch boi on bottom Bitch boi on top Bitch boi to the rightNav
Progress Bar
Basic
custom background colors with special fx woooo
Animated
Stacked
Dropdowns
Basic offset classes
-
Drop DOWN
-
I'm a bottom dropdown and your mother will never love you
has data-width but number -
Fuck
- Fuck
- Fuck
- Fuck
- Fuck
- Fuck
- Fuck
- Fuck
-
Fuck
- Fuck
- Fuck
- Fuck
- Fuck
- Fuck
- Fuck
- Fuck
-
Fuck
- Fuck
- Fuck
- Fuck
- Fuck
- Fuck
- Fuck
- Fuck
-
Fuck
- Fuck
- Fuck
- Fuck
- Fuck
- Fuck
- Fuck
- Fuck
-
Fuck
- Fuck
- Fuck
- Fuck
- Fuck
- Fuck
- Fuck
- Fuck
-
Fuck
- Fuck
- Fuck
- Fuck
- Fuck
- Fuck
- Fuck
- Fuck
-
Fuck
- Fuck
- Fuck
- Fuck
- Fuck
- Fuck
- Fuck
- Fuck
-
I'm a bottom dropdown and your mother will never love you
-
Drop DOWN
-
I'm a top dropdown and your mother will never love you
has data width but pixeled -
Drop DOWN
-
I'm a left dropdown and your mother will never love you
-
Drop DOWN
-
I'm a right dropdown and your mother will never love you
Dropdown flush
-
Drop DOWN
-
I'm a bottom-flush dropdown and your mother will never love you
-
Drop DOWN
-
I'm a top-flush dropdown and your mother will never love you
-
Drop DOWN
-
I'm a left-flush dropdown and your mother will never love you
-
Drop DOWN
-
I'm a right-flush dropdown and your mother will never love you
Combination of dem classes
-
Drop DOWN
-
I'm a bottom right-flush dropdown and your mother will never love you
-
Drop DOWN
-
I'm a right top-flush dropdown and your mother will never love you
-
Drop DOWN
-
I'm a left bottom-flush dropdown and your mother will never love you
-
Drop DOWN
-
I'm a top left-flush dropdown and your mother will never love you
Form
Form: Accordion + extreme testing for input fields because fuck input fields
form field types without classes just to say no conflicty bois
This is a basic accordion setup with just data-toggle, and a sibling .accordion element
with the basic input class to normalize the bitch
This is a a dom weridness ready accordion setup with data-toggle and data-href setup to the id of this accordi boi, and a sibling .accordion element
it blends motherfucker
colorThis is a a dom weridness ready accordion setup with data-toggle and href setup to the id of this accordi boi, and a sibling .accordion element
colorThis is a a dom weridness ready accordion setup with data-toggle and href setup to the id of this accordi boi, and a sibling .accordion element
dumbfuck in an input-group
Btn
Basic
outline
glassy
gradient
Small
Large
Block
Disabled
Default Primary secondary accent neutral Success caution error LinkIn nav
groups
Basic
Block
group but hover effects are triggered together btn-group-unite
another group but one is disabled and one has interactive animations disabled
group it's all disabled interaction enabled
a vertical btn group
toggle group
note: all have btn-group-responsive on them because the buttons are a LOT and in context should wrap into a column on mobile
toggle group but multiple allowed and theres a resetter
symbols with toggle classes on them to react during .open and or .active (has to be child of whatever is active or open tho)
list group
- Cras justo odio
- Dapibus ac facilisis in
- Morbi leo risus
- Cras justo odio
- Dapibus ac facilisis in
- Morbi leo risus
- Cras justo odio
- Dapibus ac facilisis in
- Morbi leo risus
interactive
toggle feature
allow multiople
SPECIAL TEXT
Yo I'm jumbo. don't talk to me or my sons ever again
Yo I'm second jumbo. Fight me weewooweewoo. shit shit shit shit shit shit shit shit it stinks
Yo I'm second jumbo. but i have a background-gradient that has been clipped
I'm lead, how about you shit yourself. Lorem ipsum dolor sit amet, consectetur adipiscing 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.
Thumbnail
Thumbnail clooster
Thumbnail but inline
Ugly image size
bedge
tags
Symbols fucker
groups and symbols
Symbol 1p21 Symbol play Symbol pause Symbol stop Symbol square Symbol square-outline Symbol checkbox Symbol checkbox-inverse Symbol addbox Symbol addbox-inverse Symbol grid Symbol list Symbol search Symbol plus Symbol minus Symbol check Symbol close Symbol thumbs-up Symbol thumbs-up-inverse Symbol thumbs-down Symbol thumbs-down-inverse Symbol star Symbol star-half Symbol star-stroke Symbol kebab-vertical Symbol kebab-horizontal Symbol arrow-up Symbol arrow-down Symbol arrow-left Symbol arrow-right Symbol arrow-double-up Symbol arrow-double-down Symbol arrow-double-left Symbol arrow-double-right Symbol upload Symbol download Symbol arrow-tail-up Symbol arrow-tail-down Symbol arrow-tail-left Symbol arrow-tail-right Symbol caret-up Symbol caret-down Symbol caret-left Symbol caret-right Symbol text-center Symbol text-left Symbol text-right Symbol text-justify Symbol map Symbol pin Symbol bell Symbol bell-active Symbol hyperlink Symbol dash Symbol caution Symbol error Symbol info Symbol success Symbol stack Symbol clap Symbol copy Symbol share Symbol filter Symbol chart Symbol segment Symbol user Symbol user-add Symbol user-remove Symbol expand Symbol collapse Symbol expand-alt Symbol collapse-alt Symbol burger Symbol fries Symbol waffle Symbol pencil Symbol edit Symbol delete Symbol robot Symbol file Symbol clipboard Symbol paperplane Symbol timer Symbol time Symbol caution-inverse Symbol error-inverse Symbol info-inverse Symbol success-inverse Symbol phone Symbol calendar Symbol calendar-alt Symbol paperclip Symbol envelope Symbol envelope-inverse Symbol cloud-upload Symbol cloud-download Symbol drag Symbol sync Symbol sync-alt Symbol invisible Symbol visible Symbol envelope-open Symbol envelope-open-inverse Symbol reply Symbol users Symbol users-add Symbol users-remove Symbol takoyaki Symbol folder Symbol folder-add Symbol folder-remove Symbol folder-open Symbol folder-copy Symbol window Symbol window-success Symbol window-error Symbol sun Symbol pin-althighlight
Symbol 1p21 Symbol play Symbol pause Symbol stop Symbol square Symbol square-outline Symbol checkbox Symbol checkbox-inverse Symbol addbox Symbol addbox-inverse Symbol grid Symbol list Symbol search Symbol plus Symbol minus Symbol check Symbol close Symbol thumbs-up Symbol thumbs-up-inverse Symbol thumbs-down Symbol thumbs-down-inverse Symbol star Symbol star-half Symbol star-stroke Symbol kebab-vertical Symbol kebab-horizontal Symbol arrow-up Symbol arrow-down Symbol arrow-left Symbol arrow-right Symbol arrow-double-up Symbol arrow-double-down Symbol arrow-double-left Symbol arrow-double-right Symbol upload Symbol download Symbol arrow-tail-up Symbol arrow-tail-down Symbol arrow-tail-left Symbol arrow-tail-right Symbol caret-up Symbol caret-down Symbol caret-left Symbol caret-right Symbol text-center Symbol text-left Symbol text-right Symbol text-justify Symbol map Symbol pin Symbol bell Symbol bell-active Symbol hyperlink Symbol dash Symbol caution Symbol error Symbol info Symbol success Symbol stack Symbol clap Symbol copy Symbol share Symbol filter Symbol chart Symbol segment Symbol user Symbol user-add Symbol user-remove Symbol expand Symbol collapse Symbol expand-alt Symbol collapse-alt Symbol burger Symbol fries Symbol waffle Symbol pencil Symbol edit Symbol delete Symbol robot Symbol file Symbol clipboard Symbol paperplane Symbol timer Symbol time Symbol caution-inverse Symbol error-inverse Symbol info-inverse Symbol success-inverse Symbol phone Symbol calendar Symbol calendar-alt Symbol paperclip Symbol envelope Symbol envelope-inverse Symbol cloud-upload Symbol cloud-download Symbol drag Symbol sync Symbol sync-alt Symbol invisible Symbol visible Symbol envelope-open Symbol envelope-open-inverse Symbol reply Symbol users Symbol users-add Symbol users-remove Symbol takoyaki Symbol folder Symbol folder-add Symbol folder-remove Symbol folder-open Symbol folder-copy Symbol window Symbol window-success Symbol window-error Symbol sun Symbol pin-alt
1p21
play
pause
stop
square
square-outline
checkbox
checkbox-inverse
addbox
addbox-inverse
grid
list
search
plus
minus
check
close
thumbs-up
thumbs-up-inverse
thumbs-down
thumbs-down-inverse
star
star-half
star-stroke
kebab-vertical
kebab-horizontal
arrow-up
arrow-down
arrow-left
arrow-right
arrow-double-up
arrow-double-down
arrow-double-left
arrow-double-right
upload
download
arrow-tail-up
arrow-tail-down
arrow-tail-left
arrow-tail-right
caret-up
caret-down
caret-left
caret-right
text-center
text-left
text-right
text-justify
map
pin
bell
bell-active
hyperlink
dash
caution
error
info
success
stack
clap
copy
share
filter
chart
segment
user
user-add
user-remove
expand
collapse
expand-alt
collapse-alt
burger
fries
waffle
pencil
edit
delete
robot
file
clipboard
paperplane
timer
time
caution-inverse
error-inverse
info-inverse
success-inverse
phone
calendar
calendar-alt
paperclip
envelope
envelope-inverse
cloud-upload
cloud-download
drag
sync
sync-alt
invisible
visible
envelope-open
envelope-open-inverse
reply
users
users-add
users-remove
takoyaki
folder
folder-add
folder-remove
folder-open
folder-copy
window
window-success
window-error
sun
pin-alt
black pantherBadges
Primary
secondary
accent
Neutral
Success
Caution
Error
micro
Small
Large
Custom color
Legends
Primary
secondary
accent
Neutral
Success
Caution
Error
Intensity 1
Intensity 2
Intensity 3
Intensity 4
Intensity 5
Custom color
CustomTags
Custom color
CustomTable
| # | Column heading | Column heading | Column heading | Total |
|---|---|---|---|---|
| Column content | Column content | Column content | 69 | |
| Column content | Column content | Column content | 420 | |
| Column content | Column content | Column content | 420 | |
| Column contentColumn contentColumn contentColumn contentColumn contentColumn contentColumn content more more more | Column contentColumn contentColumn contentColumn contentColumn contentColumn contentColumn content more more more | Column contentColumn contentColumn contentColumn contentColumn contentColumn contentColumn content more more more | 666 | |
| Column content | Column content | Column content | 0 | |
| Column content | Column content | Column content | 0 | |
| Column content | Column content | Column content | 0 | |
| Column content | Column content | Column content | 0 | |
| Column content | Column content | Column content | 0 | |
| Column content | Column content | Column content | 0 | |
| Column content | Column content | Column content | 0 |
Table small and with wrapper so you can scroll through the bullshit
| # | Column heading | Column heading | Column heading | Total |
|---|---|---|---|---|
| Column content | Column content | Column content | 69 | |
| Column content | Column content | Column content | 420 | |
| Column content | Column content | Column content | 420 | |
| Column contentColumn contentColumn contentColumn contentColumn contentColumn contentColumn content more more more | Column contentColumn contentColumn contentColumn contentColumn contentColumn contentColumn content more more more | Column contentColumn contentColumn contentColumn contentColumn contentColumn contentColumn content more more more | 666 | |
| Column content | Column content | Column content | 0 | |
| Column content | Column content | Column content | 0 | |
| Column content | Column content | Column content | 0 | |
| Column content | Column content | Column content | 0 | |
| Column content | Column content | Column content | 0 |
Table but bordad
| Column heading | Column heading | Column heading | Total |
|---|---|---|---|
| Primary | Column content | Column content | 0 |
| secondary | Column content | Column content | 0 |
| accent | Column content | Column content | 0 |
| Success | Column content | Column content | 666 |
| Error | Column content | Column content | 0 |
| Caution | Column content | Column content | 0 |
| neutral | Column content | Column content | 0 |
| Intensity 1 | Column content | Column content | 0 |
| Intensity 2 | Column content | Column content | 0 |
| Intensity 3 | Column content | Column content | 0 |
| Intensity 4 | Column content | Column content | 0 |
| Intensity 5 | Column content | Column content | 0 |
| Disabled | Column content | Column content | 0 |
Table but large spacing + color scheme
| Column heading | Column heading | Column heading | Total |
|---|---|---|---|
| Primary | Column content | Column content | 0 |
| secondary | Column content | Column content | 0 |
| accent | Column content | Column content | 0 |
| Success | Column content | Column content | 666 |
| Error | Column content | Column content | 0 |
| Caution | Column content | Column content | 0 |
| neutral | Column content | Column content | 0 |
| Intensity 1 | Column content | Column content | 0 |
| Intensity 2 | Column content | Column content | 0 |
| Intensity 3 | Column content | Column content | 0 |
| Intensity 4 | Column content | Column content | 0 |
| Intensity 5 | Column content | Column content | 0 |
| Disabled | Column content | Column content | 0 |
Table but compact
| Column heading | Column heading | Column heading | Total |
|---|---|---|---|
| Primary | Column content | Column content | 0 |
| secondary | Column content | Column content | 0 |
| accent | Column content | Column content | 0 |
| Success | Column content | Column content | 666 |
| Error | Column content | Column content | 0 |
| Caution | Column content | Column content | 0 |
| neutral | Column content | Column content | 0 |
| Intensity 1 | Column content | Column content | 0 |
| Intensity 2 | Column content | Column content | 0 |
| Intensity 3 | Column content | Column content | 0 |
| Intensity 4 | Column content | Column content | 0 |
| Intensity 5 | Column content | Column content | 0 |
| Disabled | Column content | Column content | 0 |
Table but constricted
| Column heading | Column heading | Column heading | Total |
|---|---|---|---|
| Primary | Column content | Column content | 0 |
| secondary | Column content | Column content | 0 |
| accent | Column content | Column content | 0 |
| Success | Column content | Column content | 666 |
| Error | Column content | Column content | 0 |
| Caution | Column content | Column content | 0 |
| neutral | Column content | Column content | 0 |
| Intensity 1 | Column content | Column content | 0 |
| Intensity 2 | Column content | Column content | 0 |
| Intensity 3 | Column content | Column content | 0 |
| Intensity 4 | Column content | Column content | 0 |
| Intensity 5 | Column content | Column content | 0 |
| Disabled | Column content | Column content | 0 |
Table but just generated with dem classes
#
Column heading
Column heading
Column heading
Total
Column content
Column content
Column content
420
Column content
Column content
Column content
0
Column contentColumn contentColumn contentColumn contentColumn contentColumn contentColumn content more more more
Column contentColumn contentColumn contentColumn contentColumn contentColumn contentColumn content more more more
Column contentColumn contentColumn contentColumn contentColumn contentColumn contentColumn content more more more
666
Column content
Column content
Column content
0
Column content
Column content
Column content
0
Column content
Column content
Column content
0
Column content
Column content
Column content
0
Helpers
Helper classes: font family
Primary
Accent
Helper classes: font size
normalize. inherits set body font size
large. is chonky
smal. is smol
Helper classes: font style
italic
oblique
normal
Helper classes: disple
block
inline block
inline
Helper classes: text leading or line-height for u nerds
Compact Center Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent finibus lacus eu ante malesuada, eu consectetur nulla imperdiet. Nam ultricies, risus finibus ultrices molestie, felis magna convallis sem, at blandit massa diam eget sapien. Fusce auctor ut eros id auctor. Fusce tempor blandit neque, ac ultricies tellus tristique vitae. Curabitur tincidunt malesuada libero sit amet lobortis. Pellentesque eu lorem nec est viverra laoreet. Suspendisse id odio malesuada, lobortis lacus eu, feugiat justo.
Expanded Center Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent finibus lacus eu ante malesuada, eu consectetur nulla imperdiet. Nam ultricies, risus finibus ultrices molestie, felis magna convallis sem, at blandit massa diam eget sapien. Fusce auctor ut eros id auctor. Fusce tempor blandit neque, ac ultricies tellus tristique vitae. Curabitur tincidunt malesuada libero sit amet lobortis. Pellentesque eu lorem nec est viverra laoreet. Suspendisse id odio malesuada, lobortis lacus eu, feugiat justo.
Normalize Compact Center Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent finibus lacus eu ante malesuada, eu consectetur nulla imperdiet. Nam ultricies, risus finibus ultrices molestie, felis magna convallis sem, at blandit massa diam eget sapien. Fusce auctor ut eros id auctor. Fusce tempor blandit neque, ac ultricies tellus tristique vitae. Curabitur tincidunt malesuada libero sit amet lobortis. Pellentesque eu lorem nec est viverra laoreet. Suspendisse id odio malesuada, lobortis lacus eu, feugiat justo.
Helper classes: text align
Center Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent finibus lacus eu ante malesuada, eu consectetur nulla imperdiet. Nam ultricies, risus finibus ultrices molestie, felis magna convallis sem, at blandit massa diam eget sapien. Fusce auctor ut eros id auctor. Fusce tempor blandit neque, ac ultricies tellus tristique vitae. Curabitur tincidunt malesuada libero sit amet lobortis. Pellentesque eu lorem nec est viverra laoreet. Suspendisse id odio malesuada, lobortis lacus eu, feugiat justo.
Left Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent finibus lacus eu ante malesuada, eu consectetur nulla imperdiet. Nam ultricies, risus finibus ultrices molestie, felis magna convallis sem, at blandit massa diam eget sapien. Fusce auctor ut eros id auctor. Fusce tempor blandit neque, ac ultricies tellus tristique vitae. Curabitur tincidunt malesuada libero sit amet lobortis. Pellentesque eu lorem nec est viverra laoreet. Suspendisse id odio malesuada, lobortis lacus eu, feugiat justo.
Right Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent finibus lacus eu ante malesuada, eu consectetur nulla imperdiet. Nam ultricies, risus finibus ultrices molestie, felis magna convallis sem, at blandit massa diam eget sapien. Fusce auctor ut eros id auctor. Fusce tempor blandit neque, ac ultricies tellus tristique vitae. Curabitur tincidunt malesuada libero sit amet lobortis. Pellentesque eu lorem nec est viverra laoreet. Suspendisse id odio malesuada, lobortis lacus eu, feugiat justo.
Justify Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent finibus lacus eu ante malesuada, eu consectetur nulla imperdiet. Nam ultricies, risus finibus ultrices molestie, felis magna convallis sem, at blandit massa diam eget sapien. Fusce auctor ut eros id auctor. Fusce tempor blandit neque, ac ultricies tellus tristique vitae. Curabitur tincidunt malesuada libero sit amet lobortis. Pellentesque eu lorem nec est viverra laoreet. Suspendisse id odio malesuada, lobortis lacus eu, feugiat justo.
Helper classes: font weight (note: only works properly if loaded font actually has that font weight. installing all font-weights is not recommended)
100: go crazy with them font-weights the fuck do i care about performance boohoohoo
200: go crazy with them font-weights the fuck do i care about performance boohoohoo
300: go crazy with them font-weights the fuck do i care about performance boohoohoo
400: go crazy with them font-weights the fuck do i care about performance boohoohoo
500: go crazy with them font-weights the fuck do i care about performance boohoohoo
600: go crazy with them font-weights the fuck do i care about performance boohoohoo
700: go crazy with them font-weights the fuck do i care about performance boohoohoo
800: go crazy with them font-weights the fuck do i care about performance boohoohoo
900: go crazy with them font-weights the fuck do i care about performance boohoohoo
Helper classes: text transform
Uppercase
Lowercase
Capitalize
Helper classes: vertical-align
Helper classes: Colors... there's a text shadow so you can see it shit itself
color-theme
color-theme-polar
color-theme-contrast
color-theme-polar-contrast
color-base
color-base-alt
color-base-alpha-1
color-base-alpha-2
color-base-alpha-3
color-base-alpha-4
color-base-alpha-5
color-base-alpha-6
color-base-alpha-7
color-base-alpha-8
color-base-alpha-9
color-background
color-background-alt
color-background-alpha-1
color-background-alpha-2
color-background-alpha-3
color-background-alpha-4
color-background-alpha-5
color-background-alpha-6
color-background-alpha-7
color-background-alpha-8
color-background-alpha-9
color-primary
color-primary-light
color-primary-lighter
color-primary-lightest
color-primary-dark
color-primary-darker
color-primary-darkest
color-primary-alpha-1
color-primary-alpha-2
color-primary-alpha-3
color-primary-alpha-4
color-primary-alpha-5
color-primary-alpha-6
color-primary-alpha-7
color-primary-alpha-8
color-primary-alpha-9
color-secondary
color-secondary-light
color-secondary-lighter
color-secondary-lightest
color-secondary-dark
color-secondary-darker
color-secondary-darkest
color-secondary-alpha-1
color-secondary-alpha-2
color-secondary-alpha-3
color-secondary-alpha-4
color-secondary-alpha-5
color-secondary-alpha-6
color-secondary-alpha-7
color-secondary-alpha-8
color-secondary-alpha-9
color-accent
color-accent-light
color-accent-lighter
color-accent-lightest
color-accent-dark
color-accent-darker
color-accent-darkest
color-accent-alpha-1
color-accent-alpha-2
color-accent-alpha-3
color-accent-alpha-4
color-accent-alpha-5
color-accent-alpha-6
color-accent-alpha-7
color-accent-alpha-8
color-accent-alpha-9
color-neutral
color-neutral-light
color-neutral-lighter
color-neutral-lightest
color-neutral-dark
color-neutral-darker
color-neutral-darkest
color-neutral-alpha-1
color-neutral-alpha-2
color-neutral-alpha-3
color-neutral-alpha-4
color-neutral-alpha-5
color-neutral-alpha-6
color-neutral-alpha-7
color-neutral-alpha-8
color-neutral-alpha-9
color-success
color-success-light
color-success-lighter
color-success-lightest
color-success-dark
color-success-darker
color-success-darkest
color-success-alpha-1
color-success-alpha-2
color-success-alpha-3
color-success-alpha-4
color-success-alpha-5
color-success-alpha-6
color-success-alpha-7
color-success-alpha-8
color-success-alpha-9
color-caution
color-caution-light
color-caution-lighter
color-caution-lightest
color-caution-dark
color-caution-darker
color-caution-darkest
color-caution-alpha-1
color-caution-alpha-2
color-caution-alpha-3
color-caution-alpha-4
color-caution-alpha-5
color-caution-alpha-6
color-caution-alpha-7
color-caution-alpha-8
color-caution-alpha-9
color-error
color-error-light
color-error-lighter
color-error-lightest
color-error-dark
color-error-darker
color-error-darkest
color-error-alpha-1
color-error-alpha-2
color-error-alpha-3
color-error-alpha-4
color-error-alpha-5
color-error-alpha-6
color-error-alpha-7
color-error-alpha-8
color-error-alpha-9
color-intensity-1
color-intensity-1-light
color-intensity-1-lighter
color-intensity-1-lightest
color-intensity-1-dark
color-intensity-1-darker
color-intensity-1-darkest
color-intensity-1-alpha-1
color-intensity-1-alpha-2
color-intensity-1-alpha-3
color-intensity-1-alpha-4
color-intensity-1-alpha-5
color-intensity-1-alpha-6
color-intensity-1-alpha-7
color-intensity-1-alpha-8
color-intensity-1-alpha-9
color-intensity-2
color-intensity-2-light
color-intensity-2-lighter
color-intensity-2-lightest
color-intensity-2-dark
color-intensity-2-darker
color-intensity-2-darkest
color-intensity-2-alpha-1
color-intensity-2-alpha-2
color-intensity-2-alpha-3
color-intensity-2-alpha-4
color-intensity-2-alpha-5
color-intensity-2-alpha-6
color-intensity-2-alpha-7
color-intensity-2-alpha-8
color-intensity-2-alpha-9
color-intensity-3
color-intensity-3-light
color-intensity-3-lighter
color-intensity-3-lightest
color-intensity-3-dark
color-intensity-3-darker
color-intensity-3-darkest
color-intensity-3-alpha-1
color-intensity-3-alpha-2
color-intensity-3-alpha-3
color-intensity-3-alpha-4
color-intensity-3-alpha-5
color-intensity-3-alpha-6
color-intensity-3-alpha-7
color-intensity-3-alpha-8
color-intensity-3-alpha-9
color-intensity-4
color-intensity-4-light
color-intensity-4-lighter
color-intensity-4-lightest
color-intensity-4-dark
color-intensity-4-darker
color-intensity-4-darkest
color-intensity-4-alpha-1
color-intensity-4-alpha-2
color-intensity-4-alpha-3
color-intensity-4-alpha-4
color-intensity-4-alpha-5
color-intensity-4-alpha-6
color-intensity-4-alpha-7
color-intensity-4-alpha-8
color-intensity-4-alpha-9
color-intensity-5
color-intensity-5-light
color-intensity-5-lighter
color-intensity-5-lightest
color-intensity-5-dark
color-intensity-5-darker
color-intensity-5-darkest
color-intensity-5-alpha-1
color-intensity-5-alpha-2
color-intensity-5-alpha-3
color-intensity-5-alpha-4
color-intensity-5-alpha-5
color-intensity-5-alpha-6
color-intensity-5-alpha-7
color-intensity-5-alpha-8
color-intensity-5-alpha-9
Helper classes: backgrounds
background-theme
background-theme-polar
background-theme-contrast
background-theme-polar-contrast
background-base
background-base-alt
background-base-alpha-1
background-base-alpha-2
background-base-alpha-3
background-base-alpha-4
background-base-alpha-5
background-base-alpha-6
background-base-alpha-7
background-base-alpha-8
background-base-alpha-9
background-background
background-background-alt
background-background-alpha-1
background-background-alpha-2
background-background-alpha-3
background-background-alpha-4
background-background-alpha-5
background-background-alpha-6
background-background-alpha-7
background-background-alpha-8
background-background-alpha-9
background-primary
background-primary-light
background-primary-lighter
background-primary-lightest
background-primary-dark
background-primary-darker
background-primary-darkest
background-primary-alpha-1
background-primary-alpha-2
background-primary-alpha-3
background-primary-alpha-4
background-primary-alpha-5
background-primary-alpha-6
background-primary-alpha-7
background-primary-alpha-8
background-primary-alpha-9
background-secondary
background-secondary-light
background-secondary-lighter
background-secondary-lightest
background-secondary-dark
background-secondary-darker
background-secondary-darkest
background-secondary-alpha-1
background-secondary-alpha-2
background-secondary-alpha-3
background-secondary-alpha-4
background-secondary-alpha-5
background-secondary-alpha-6
background-secondary-alpha-7
background-secondary-alpha-8
background-secondary-alpha-9
background-accent
background-accent-light
background-accent-lighter
background-accent-lightest
background-accent-dark
background-accent-darker
background-accent-darkest
background-accent-alpha-1
background-accent-alpha-2
background-accent-alpha-3
background-accent-alpha-4
background-accent-alpha-5
background-accent-alpha-6
background-accent-alpha-7
background-accent-alpha-8
background-accent-alpha-9
background-neutral
background-neutral-light
background-neutral-lighter
background-neutral-lightest
background-neutral-dark
background-neutral-darker
background-neutral-darkest
background-neutral-alpha-1
background-neutral-alpha-2
background-neutral-alpha-3
background-neutral-alpha-4
background-neutral-alpha-5
background-neutral-alpha-6
background-neutral-alpha-7
background-neutral-alpha-8
background-neutral-alpha-9
background-success
background-success-light
background-success-lighter
background-success-lightest
background-success-dark
background-success-darker
background-success-darkest
background-success-alpha-1
background-success-alpha-2
background-success-alpha-3
background-success-alpha-4
background-success-alpha-5
background-success-alpha-6
background-success-alpha-7
background-success-alpha-8
background-success-alpha-9
background-caution
background-caution-light
background-caution-lighter
background-caution-lightest
background-caution-dark
background-caution-darker
background-caution-darkest
background-caution-alpha-1
background-caution-alpha-2
background-caution-alpha-3
background-caution-alpha-4
background-caution-alpha-5
background-caution-alpha-6
background-caution-alpha-7
background-caution-alpha-8
background-caution-alpha-9
background-error
background-error-light
background-error-lighter
background-error-lightest
background-error-dark
background-error-darker
background-error-darkest
background-error-alpha-1
background-error-alpha-2
background-error-alpha-3
background-error-alpha-4
background-error-alpha-5
background-error-alpha-6
background-error-alpha-7
background-error-alpha-8
background-error-alpha-9
background-intensity-1
background-intensity-1-light
background-intensity-1-lighter
background-intensity-1-lightest
background-intensity-1-dark
background-intensity-1-darker
background-intensity-1-darkest
background-intensity-1-alpha-1
background-intensity-1-alpha-2
background-intensity-1-alpha-3
background-intensity-1-alpha-4
background-intensity-1-alpha-5
background-intensity-1-alpha-6
background-intensity-1-alpha-7
background-intensity-1-alpha-8
background-intensity-1-alpha-9
background-intensity-2
background-intensity-2-light
background-intensity-2-lighter
background-intensity-2-lightest
background-intensity-2-dark
background-intensity-2-darker
background-intensity-2-darkest
background-intensity-2-alpha-1
background-intensity-2-alpha-2
background-intensity-2-alpha-3
background-intensity-2-alpha-4
background-intensity-2-alpha-5
background-intensity-2-alpha-6
background-intensity-2-alpha-7
background-intensity-2-alpha-8
background-intensity-2-alpha-9
background-intensity-3
background-intensity-3-light
background-intensity-3-lighter
background-intensity-3-lightest
background-intensity-3-dark
background-intensity-3-darker
background-intensity-3-darkest
background-intensity-3-alpha-1
background-intensity-3-alpha-2
background-intensity-3-alpha-3
background-intensity-3-alpha-4
background-intensity-3-alpha-5
background-intensity-3-alpha-6
background-intensity-3-alpha-7
background-intensity-3-alpha-8
background-intensity-3-alpha-9
background-intensity-4
background-intensity-4-light
background-intensity-4-lighter
background-intensity-4-lightest
background-intensity-4-dark
background-intensity-4-darker
background-intensity-4-darkest
background-intensity-4-alpha-1
background-intensity-4-alpha-2
background-intensity-4-alpha-3
background-intensity-4-alpha-4
background-intensity-4-alpha-5
background-intensity-4-alpha-6
background-intensity-4-alpha-7
background-intensity-4-alpha-8
background-intensity-4-alpha-9
background-intensity-5
background-intensity-5-light
background-intensity-5-lighter
background-intensity-5-lightest
background-intensity-5-dark
background-intensity-5-darker
background-intensity-5-darkest
background-intensity-5-alpha-1
background-intensity-5-alpha-2
background-intensity-5-alpha-3
background-intensity-5-alpha-4
background-intensity-5-alpha-5
background-intensity-5-alpha-6
background-intensity-5-alpha-7
background-intensity-5-alpha-8
background-intensity-5-alpha-9
Helper classes: border-color
border-color-theme
border-color-theme-polar
border-color-theme-contrast
border-color-theme-polar-contrast
border-color-base
border-color-base-alt
border-color-base-alpha-1
border-color-base-alpha-2
border-color-base-alpha-3
border-color-base-alpha-4
border-color-base-alpha-5
border-color-base-alpha-6
border-color-base-alpha-7
border-color-base-alpha-8
border-color-base-alpha-9
border-color-background
border-color-background-alt
border-color-background-alpha-1
border-color-background-alpha-2
border-color-background-alpha-3
border-color-background-alpha-4
border-color-background-alpha-5
border-color-background-alpha-6
border-color-background-alpha-7
border-color-background-alpha-8
border-color-background-alpha-9
border-color-primary
border-color-primary-light
border-color-primary-lighter
border-color-primary-lightest
border-color-primary-dark
border-color-primary-darker
border-color-primary-darkest
border-color-primary-alpha-1
border-color-primary-alpha-2
border-color-primary-alpha-3
border-color-primary-alpha-4
border-color-primary-alpha-5
border-color-primary-alpha-6
border-color-primary-alpha-7
border-color-primary-alpha-8
border-color-primary-alpha-9
border-color-secondary
border-color-secondary-light
border-color-secondary-lighter
border-color-secondary-lightest
border-color-secondary-dark
border-color-secondary-darker
border-color-secondary-darkest
border-color-secondary-alpha-1
border-color-secondary-alpha-2
border-color-secondary-alpha-3
border-color-secondary-alpha-4
border-color-secondary-alpha-5
border-color-secondary-alpha-6
border-color-secondary-alpha-7
border-color-secondary-alpha-8
border-color-secondary-alpha-9
border-color-accent
border-color-accent-light
border-color-accent-lighter
border-color-accent-lightest
border-color-accent-dark
border-color-accent-darker
border-color-accent-darkest
border-color-accent-alpha-1
border-color-accent-alpha-2
border-color-accent-alpha-3
border-color-accent-alpha-4
border-color-accent-alpha-5
border-color-accent-alpha-6
border-color-accent-alpha-7
border-color-accent-alpha-8
border-color-accent-alpha-9
border-color-neutral
border-color-neutral-light
border-color-neutral-lighter
border-color-neutral-lightest
border-color-neutral-dark
border-color-neutral-darker
border-color-neutral-darkest
border-color-neutral-alpha-1
border-color-neutral-alpha-2
border-color-neutral-alpha-3
border-color-neutral-alpha-4
border-color-neutral-alpha-5
border-color-neutral-alpha-6
border-color-neutral-alpha-7
border-color-neutral-alpha-8
border-color-neutral-alpha-9
border-color-success
border-color-success-light
border-color-success-lighter
border-color-success-lightest
border-color-success-dark
border-color-success-darker
border-color-success-darkest
border-color-success-alpha-1
border-color-success-alpha-2
border-color-success-alpha-3
border-color-success-alpha-4
border-color-success-alpha-5
border-color-success-alpha-6
border-color-success-alpha-7
border-color-success-alpha-8
border-color-success-alpha-9
border-color-caution
border-color-caution-light
border-color-caution-lighter
border-color-caution-lightest
border-color-caution-dark
border-color-caution-darker
border-color-caution-darkest
border-color-caution-alpha-1
border-color-caution-alpha-2
border-color-caution-alpha-3
border-color-caution-alpha-4
border-color-caution-alpha-5
border-color-caution-alpha-6
border-color-caution-alpha-7
border-color-caution-alpha-8
border-color-caution-alpha-9
border-color-error
border-color-error-light
border-color-error-lighter
border-color-error-lightest
border-color-error-dark
border-color-error-darker
border-color-error-darkest
border-color-error-alpha-1
border-color-error-alpha-2
border-color-error-alpha-3
border-color-error-alpha-4
border-color-error-alpha-5
border-color-error-alpha-6
border-color-error-alpha-7
border-color-error-alpha-8
border-color-error-alpha-9
border-color-intensity-1
border-color-intensity-1-light
border-color-intensity-1-lighter
border-color-intensity-1-lightest
border-color-intensity-1-dark
border-color-intensity-1-darker
border-color-intensity-1-darkest
border-color-intensity-1-alpha-1
border-color-intensity-1-alpha-2
border-color-intensity-1-alpha-3
border-color-intensity-1-alpha-4
border-color-intensity-1-alpha-5
border-color-intensity-1-alpha-6
border-color-intensity-1-alpha-7
border-color-intensity-1-alpha-8
border-color-intensity-1-alpha-9
border-color-intensity-2
border-color-intensity-2-light
border-color-intensity-2-lighter
border-color-intensity-2-lightest
border-color-intensity-2-dark
border-color-intensity-2-darker
border-color-intensity-2-darkest
border-color-intensity-2-alpha-1
border-color-intensity-2-alpha-2
border-color-intensity-2-alpha-3
border-color-intensity-2-alpha-4
border-color-intensity-2-alpha-5
border-color-intensity-2-alpha-6
border-color-intensity-2-alpha-7
border-color-intensity-2-alpha-8
border-color-intensity-2-alpha-9
border-color-intensity-3
border-color-intensity-3-light
border-color-intensity-3-lighter
border-color-intensity-3-lightest
border-color-intensity-3-dark
border-color-intensity-3-darker
border-color-intensity-3-darkest
border-color-intensity-3-alpha-1
border-color-intensity-3-alpha-2
border-color-intensity-3-alpha-3
border-color-intensity-3-alpha-4
border-color-intensity-3-alpha-5
border-color-intensity-3-alpha-6
border-color-intensity-3-alpha-7
border-color-intensity-3-alpha-8
border-color-intensity-3-alpha-9
border-color-intensity-4
border-color-intensity-4-light
border-color-intensity-4-lighter
border-color-intensity-4-lightest
border-color-intensity-4-dark
border-color-intensity-4-darker
border-color-intensity-4-darkest
border-color-intensity-4-alpha-1
border-color-intensity-4-alpha-2
border-color-intensity-4-alpha-3
border-color-intensity-4-alpha-4
border-color-intensity-4-alpha-5
border-color-intensity-4-alpha-6
border-color-intensity-4-alpha-7
border-color-intensity-4-alpha-8
border-color-intensity-4-alpha-9
border-color-intensity-5
border-color-intensity-5-light
border-color-intensity-5-lighter
border-color-intensity-5-lightest
border-color-intensity-5-dark
border-color-intensity-5-darker
border-color-intensity-5-darkest
border-color-intensity-5-alpha-1
border-color-intensity-5-alpha-2
border-color-intensity-5-alpha-3
border-color-intensity-5-alpha-4
border-color-intensity-5-alpha-5
border-color-intensity-5-alpha-6
border-color-intensity-5-alpha-7
border-color-intensity-5-alpha-8
border-color-intensity-5-alpha-9
Background Gradient
Background Gradient 45
Background Gradient 90
Background Gradient 135
Background Gradient 180
Background Gradient 225
Background Gradient 270
Background Gradient 315
from primary
to secondary
from primary
to accent
from primary
to neutral
from primary
to success
from primary
to caution
from primary
to error
from primary
to transparent
from primary
to theme
from primary
to theme-contrast
from primary
to theme-polar
from primary
to theme-polar-contrast
from secondary
to primary
from secondary
to accent
from secondary
to neutral
from secondary
to success
from secondary
to caution
from secondary
to error
from secondary
to transparent
from secondary
to theme
from secondary
to theme-contrast
from secondary
to theme-polar
from secondary
to theme-polar-contrast
from accent
to primary
from accent
to secondary
from accent
to neutral
from accent
to success
from accent
to caution
from accent
to error
from accent
to transparent
from accent
to theme
from accent
to theme-contrast
from accent
to theme-polar
from accent
to theme-polar-contrast
from neutral
to primary
from neutral
to secondary
from neutral
to accent
from neutral
to success
from neutral
to caution
from neutral
to error
from neutral
to transparent
from neutral
to theme
from neutral
to theme-contrast
from neutral
to theme-polar
from neutral
to theme-polar-contrast
from success
to primary
from success
to secondary
from success
to accent
from success
to neutral
from success
to caution
from success
to error
from success
to transparent
from success
to theme
from success
to theme-contrast
from success
to theme-polar
from success
to theme-polar-contrast
from caution
to primary
from caution
to secondary
from caution
to accent
from caution
to neutral
from caution
to success
from caution
to error
from caution
to transparent
from caution
to theme
from caution
to theme-contrast
from caution
to theme-polar
from caution
to theme-polar-contrast
from error
to primary
from error
to secondary
from error
to accent
from error
to neutral
from error
to success
from error
to caution
from error
to transparent
from error
to theme
from error
to theme-contrast
from error
to theme-polar
from error
to theme-polar-contrast
from transparent
to primary
from transparent
to secondary
from transparent
to accent
from transparent
to neutral
from transparent
to success
from transparent
to caution
from transparent
to error
from transparent
to theme
from transparent
to theme-contrast
from transparent
to theme-polar
from transparent
to theme-polar-contrast
from theme
to primary
from theme
to secondary
from theme
to accent
from theme
to neutral
from theme
to success
from theme
to caution
from theme
to error
from theme
to transparent
from theme
to theme-contrast
from theme
to theme-polar
from theme
to theme-polar-contrast
from theme-contrast
to primary
from theme-contrast
to secondary
from theme-contrast
to accent
from theme-contrast
to neutral
from theme-contrast
to success
from theme-contrast
to caution
from theme-contrast
to error
from theme-contrast
to transparent
from theme-contrast
to theme
from theme-contrast
to theme-polar
from theme-contrast
to theme-polar-contrast
from theme-polar
to primary
from theme-polar
to secondary
from theme-polar
to accent
from theme-polar
to neutral
from theme-polar
to success
from theme-polar
to caution
from theme-polar
to error
from theme-polar
to transparent
from theme-polar
to theme
from theme-polar
to theme-contrast
from theme-polar
to theme-polar-contrast
from theme-polar-contrast
to primary
from theme-polar-contrast
to secondary
from theme-polar-contrast
to accent
from theme-polar-contrast
to neutral
from theme-polar-contrast
to success
from theme-polar-contrast
to caution
from theme-polar-contrast
to error
from theme-polar-contrast
to transparent
from theme-polar-contrast
to theme
from theme-polar-contrast
to theme-contrast
from theme-polar-contrast
to theme-polar
45
from primary
to secondary
45
from primary
to accent
45
from primary
to neutral
45
from primary
to success
45
from primary
to caution
45
from primary
to error
45
from primary
to transparent
45
from primary
to theme
45
from primary
to theme-contrast
45
from primary
to theme-polar
45
from primary
to theme-polar-contrast
45
from secondary
to primary
45
from secondary
to accent
45
from secondary
to neutral
45
from secondary
to success
45
from secondary
to caution
45
from secondary
to error
45
from secondary
to transparent
45
from secondary
to theme
45
from secondary
to theme-contrast
45
from secondary
to theme-polar
45
from secondary
to theme-polar-contrast
45
from accent
to primary
45
from accent
to secondary
45
from accent
to neutral
45
from accent
to success
45
from accent
to caution
45
from accent
to error
45
from accent
to transparent
45
from accent
to theme
45
from accent
to theme-contrast
45
from accent
to theme-polar
45
from accent
to theme-polar-contrast
45
from neutral
to primary
45
from neutral
to secondary
45
from neutral
to accent
45
from neutral
to success
45
from neutral
to caution
45
from neutral
to error
45
from neutral
to transparent
45
from neutral
to theme
45
from neutral
to theme-contrast
45
from neutral
to theme-polar
45
from neutral
to theme-polar-contrast
45
from success
to primary
45
from success
to secondary
45
from success
to accent
45
from success
to neutral
45
from success
to caution
45
from success
to error
45
from success
to transparent
45
from success
to theme
45
from success
to theme-contrast
45
from success
to theme-polar
45
from success
to theme-polar-contrast
45
from caution
to primary
45
from caution
to secondary
45
from caution
to accent
45
from caution
to neutral
45
from caution
to success
45
from caution
to error
45
from caution
to transparent
45
from caution
to theme
45
from caution
to theme-contrast
45
from caution
to theme-polar
45
from caution
to theme-polar-contrast
45
from error
to primary
45
from error
to secondary
45
from error
to accent
45
from error
to neutral
45
from error
to success
45
from error
to caution
45
from error
to transparent
45
from error
to theme
45
from error
to theme-contrast
45
from error
to theme-polar
45
from error
to theme-polar-contrast
45
from transparent
to primary
45
from transparent
to secondary
45
from transparent
to accent
45
from transparent
to neutral
45
from transparent
to success
45
from transparent
to caution
45
from transparent
to error
45
from transparent
to theme
45
from transparent
to theme-contrast
45
from transparent
to theme-polar
45
from transparent
to theme-polar-contrast
45
from theme
to primary
45
from theme
to secondary
45
from theme
to accent
45
from theme
to neutral
45
from theme
to success
45
from theme
to caution
45
from theme
to error
45
from theme
to transparent
45
from theme
to theme-contrast
45
from theme
to theme-polar
45
from theme
to theme-polar-contrast
45
from theme-contrast
to primary
45
from theme-contrast
to secondary
45
from theme-contrast
to accent
45
from theme-contrast
to neutral
45
from theme-contrast
to success
45
from theme-contrast
to caution
45
from theme-contrast
to error
45
from theme-contrast
to transparent
45
from theme-contrast
to theme
45
from theme-contrast
to theme-polar
45
from theme-contrast
to theme-polar-contrast
45
from theme-polar
to primary
45
from theme-polar
to secondary
45
from theme-polar
to accent
45
from theme-polar
to neutral
45
from theme-polar
to success
45
from theme-polar
to caution
45
from theme-polar
to error
45
from theme-polar
to transparent
45
from theme-polar
to theme
45
from theme-polar
to theme-contrast
45
from theme-polar
to theme-polar-contrast
45
from theme-polar-contrast
to primary
45
from theme-polar-contrast
to secondary
45
from theme-polar-contrast
to accent
45
from theme-polar-contrast
to neutral
45
from theme-polar-contrast
to success
45
from theme-polar-contrast
to caution
45
from theme-polar-contrast
to error
45
from theme-polar-contrast
to transparent
45
from theme-polar-contrast
to theme
45
from theme-polar-contrast
to theme-contrast
45
from theme-polar-contrast
to theme-polar
90
from primary
to secondary
90
from primary
to accent
90
from primary
to neutral
90
from primary
to success
90
from primary
to caution
90
from primary
to error
90
from primary
to transparent
90
from primary
to theme
90
from primary
to theme-contrast
90
from primary
to theme-polar
90
from primary
to theme-polar-contrast
90
from secondary
to primary
90
from secondary
to accent
90
from secondary
to neutral
90
from secondary
to success
90
from secondary
to caution
90
from secondary
to error
90
from secondary
to transparent
90
from secondary
to theme
90
from secondary
to theme-contrast
90
from secondary
to theme-polar
90
from secondary
to theme-polar-contrast
90
from accent
to primary
90
from accent
to secondary
90
from accent
to neutral
90
from accent
to success
90
from accent
to caution
90
from accent
to error
90
from accent
to transparent
90
from accent
to theme
90
from accent
to theme-contrast
90
from accent
to theme-polar
90
from accent
to theme-polar-contrast
90
from neutral
to primary
90
from neutral
to secondary
90
from neutral
to accent
90
from neutral
to success
90
from neutral
to caution
90
from neutral
to error
90
from neutral
to transparent
90
from neutral
to theme
90
from neutral
to theme-contrast
90
from neutral
to theme-polar
90
from neutral
to theme-polar-contrast
90
from success
to primary
90
from success
to secondary
90
from success
to accent
90
from success
to neutral
90
from success
to caution
90
from success
to error
90
from success
to transparent
90
from success
to theme
90
from success
to theme-contrast
90
from success
to theme-polar
90
from success
to theme-polar-contrast
90
from caution
to primary
90
from caution
to secondary
90
from caution
to accent
90
from caution
to neutral
90
from caution
to success
90
from caution
to error
90
from caution
to transparent
90
from caution
to theme
90
from caution
to theme-contrast
90
from caution
to theme-polar
90
from caution
to theme-polar-contrast
90
from error
to primary
90
from error
to secondary
90
from error
to accent
90
from error
to neutral
90
from error
to success
90
from error
to caution
90
from error
to transparent
90
from error
to theme
90
from error
to theme-contrast
90
from error
to theme-polar
90
from error
to theme-polar-contrast
90
from transparent
to primary
90
from transparent
to secondary
90
from transparent
to accent
90
from transparent
to neutral
90
from transparent
to success
90
from transparent
to caution
90
from transparent
to error
90
from transparent
to theme
90
from transparent
to theme-contrast
90
from transparent
to theme-polar
90
from transparent
to theme-polar-contrast
90
from theme
to primary
90
from theme
to secondary
90
from theme
to accent
90
from theme
to neutral
90
from theme
to success
90
from theme
to caution
90
from theme
to error
90
from theme
to transparent
90
from theme
to theme-contrast
90
from theme
to theme-polar
90
from theme
to theme-polar-contrast
90
from theme-contrast
to primary
90
from theme-contrast
to secondary
90
from theme-contrast
to accent
90
from theme-contrast
to neutral
90
from theme-contrast
to success
90
from theme-contrast
to caution
90
from theme-contrast
to error
90
from theme-contrast
to transparent
90
from theme-contrast
to theme
90
from theme-contrast
to theme-polar
90
from theme-contrast
to theme-polar-contrast
90
from theme-polar
to primary
90
from theme-polar
to secondary
90
from theme-polar
to accent
90
from theme-polar
to neutral
90
from theme-polar
to success
90
from theme-polar
to caution
90
from theme-polar
to error
90
from theme-polar
to transparent
90
from theme-polar
to theme
90
from theme-polar
to theme-contrast
90
from theme-polar
to theme-polar-contrast
90
from theme-polar-contrast
to primary
90
from theme-polar-contrast
to secondary
90
from theme-polar-contrast
to accent
90
from theme-polar-contrast
to neutral
90
from theme-polar-contrast
to success
90
from theme-polar-contrast
to caution
90
from theme-polar-contrast
to error
90
from theme-polar-contrast
to transparent
90
from theme-polar-contrast
to theme
90
from theme-polar-contrast
to theme-contrast
90
from theme-polar-contrast
to theme-polar
135
from primary
to secondary
135
from primary
to accent
135
from primary
to neutral
135
from primary
to success
135
from primary
to caution
135
from primary
to error
135
from primary
to transparent
135
from primary
to theme
135
from primary
to theme-contrast
135
from primary
to theme-polar
135
from primary
to theme-polar-contrast
135
from secondary
to primary
135
from secondary
to accent
135
from secondary
to neutral
135
from secondary
to success
135
from secondary
to caution
135
from secondary
to error
135
from secondary
to transparent
135
from secondary
to theme
135
from secondary
to theme-contrast
135
from secondary
to theme-polar
135
from secondary
to theme-polar-contrast
135
from accent
to primary
135
from accent
to secondary
135
from accent
to neutral
135
from accent
to success
135
from accent
to caution
135
from accent
to error
135
from accent
to transparent
135
from accent
to theme
135
from accent
to theme-contrast
135
from accent
to theme-polar
135
from accent
to theme-polar-contrast
135
from neutral
to primary
135
from neutral
to secondary
135
from neutral
to accent
135
from neutral
to success
135
from neutral
to caution
135
from neutral
to error
135
from neutral
to transparent
135
from neutral
to theme
135
from neutral
to theme-contrast
135
from neutral
to theme-polar
135
from neutral
to theme-polar-contrast
135
from success
to primary
135
from success
to secondary
135
from success
to accent
135
from success
to neutral
135
from success
to caution
135
from success
to error
135
from success
to transparent
135
from success
to theme
135
from success
to theme-contrast
135
from success
to theme-polar
135
from success
to theme-polar-contrast
135
from caution
to primary
135
from caution
to secondary
135
from caution
to accent
135
from caution
to neutral
135
from caution
to success
135
from caution
to error
135
from caution
to transparent
135
from caution
to theme
135
from caution
to theme-contrast
135
from caution
to theme-polar
135
from caution
to theme-polar-contrast
135
from error
to primary
135
from error
to secondary
135
from error
to accent
135
from error
to neutral
135
from error
to success
135
from error
to caution
135
from error
to transparent
135
from error
to theme
135
from error
to theme-contrast
135
from error
to theme-polar
135
from error
to theme-polar-contrast
135
from transparent
to primary
135
from transparent
to secondary
135
from transparent
to accent
135
from transparent
to neutral
135
from transparent
to success
135
from transparent
to caution
135
from transparent
to error
135
from transparent
to theme
135
from transparent
to theme-contrast
135
from transparent
to theme-polar
135
from transparent
to theme-polar-contrast
135
from theme
to primary
135
from theme
to secondary
135
from theme
to accent
135
from theme
to neutral
135
from theme
to success
135
from theme
to caution
135
from theme
to error
135
from theme
to transparent
135
from theme
to theme-contrast
135
from theme
to theme-polar
135
from theme
to theme-polar-contrast
135
from theme-contrast
to primary
135
from theme-contrast
to secondary
135
from theme-contrast
to accent
135
from theme-contrast
to neutral
135
from theme-contrast
to success
135
from theme-contrast
to caution
135
from theme-contrast
to error
135
from theme-contrast
to transparent
135
from theme-contrast
to theme
135
from theme-contrast
to theme-polar
135
from theme-contrast
to theme-polar-contrast
135
from theme-polar
to primary
135
from theme-polar
to secondary
135
from theme-polar
to accent
135
from theme-polar
to neutral
135
from theme-polar
to success
135
from theme-polar
to caution
135
from theme-polar
to error
135
from theme-polar
to transparent
135
from theme-polar
to theme
135
from theme-polar
to theme-contrast
135
from theme-polar
to theme-polar-contrast
135
from theme-polar-contrast
to primary
135
from theme-polar-contrast
to secondary
135
from theme-polar-contrast
to accent
135
from theme-polar-contrast
to neutral
135
from theme-polar-contrast
to success
135
from theme-polar-contrast
to caution
135
from theme-polar-contrast
to error
135
from theme-polar-contrast
to transparent
135
from theme-polar-contrast
to theme
135
from theme-polar-contrast
to theme-contrast
135
from theme-polar-contrast
to theme-polar
borders
border theme
border theme polar
border theme contrast
border theme polar contrast
Border Base
Border Background
Border Primary
Border secondary
Border accent
Border Neutral
Border Success
Border Caution
Border Error
Border Intensity 1
Border Intensity 2
Border Intensity 3
Border Intensity 4
Border Intensity 5
Advanced shit: wrap
text-wrap Text wrap... it just wraps break it down yo
text-nowrap Text wrap... it never wraps. it's like your friend who doesnt know how to wrap what a piece of shit Justify Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent finibus lacus eu ante malesuada, eu consectetur nulla imperdiet. Nam ultricies, risus finibus ultrices molestie, felis magna convallis sem, at blandit massa diam eget sapien. Fusce auctor ut eros id auctor. Fusce tempor blandit neque, ac ultricies tellus tristique vitae. Curabitur tincidunt malesuada libero sit amet lobortis. Pellentesque eu lorem nec est viverra laoreet. Suspendisse id odio malesuada, lobortis lacus eu, feugiat justo.
text-wrap-ellipsis put an ellipsis on this shit, consectetur adipiscing elit. Praesent finibus lacus eu ante malesuada, eu consectetur nulla imperdiet. Nam ultricies, risus finibus ultrices molestie, felis magna convallis sem, at blandit massa diam eget sapien. Fusce auctor ut eros id auctor. Fusce tempor blandit neque, ac ultricies tellus tristique vitae. Curabitur tincidunt malesuada libero sit amet lobortis. Pellentesque eu lorem nec est viverra laoreet. Suspendisse id odio malesuada, lobortis lacus eu, feugiat justo.
text-wrap-ellipsis put an ellipsis on this shit but allow multiple lines but that depends on how many lines you set up that one sass var, consectetur adipiscing elit. Praesent finibus lacus eu ante malesuada, eu consectetur nulla imperdiet. Nam ultricies, risus finibus ultrices molestie, felis magna convallis sem, at blandit massa diam eget sapien. Fusce auctor ut eros id auctor. Fusce tempor blandit neque, ac ultricies tellus tristique vitae. Curabitur tincidunt malesuada libero sit amet lobortis. Pellentesque eu lorem nec est viverra laoreet. Suspendisse id odio malesuada, lobortis lacus eu, feugiat justo.
text-clip-background feat ya boi secondary. i have a background-image and other bullshit classes so u see what the fuck is happening to this child. it's on drugs. look how high the child is. don't do drugs kids. i'm trying to gill up more text so you can see shrek's bitch ass face. do you see it yet? layers motherfucker. if shrek was a graphic designer he'd be photoshop. personally i like illustrator myself because di becters are my life. We're no strangers to love You know the rules and so do I A full commitment's what I'm thinking of You wouldn't get this from any other guy I just wanna tell you how I'm feeling Gotta make you understand Never gonna give you up Never gonna let you down Never gonna run around and desert you Never gonna make you cry Never gonna say goodbye Never gonna tell a lie and hurt you
Advanced shit: no margin
Advanced shit: no padding
Advanced shit: overflow all
Overflow visible
fuck no, test it out urself
Overflow hidden
Overflow scroll
Overflow overlay
Overflow auto
Advanced shit: overflow x
Overflow x visible
fuck no, test it out urself
Overflow x hidden
Overflow x scroll
Overflow x overlay
Overflow x auto
Advanced shit: overflow y
Overflow y visible
fuck no, test it out urself
Overflow y hidden
Overflow y scroll
Overflow y overlay
Overflow y auto
Advanced shit: position
Fuck no test out position-sticky and position-fixed yourself
Advanced shit: float and clear and clearfix
Theres also align classes for flex and grid and display none and block but i won't put it here because you suck jk
Typographeee
Page Markup And Formatting
Hello. This is what html looks like. A couple more rules: if you ever watch a sad movie, you have to wear mascara so we can see whether or not you’ve been crying. There’s no noise allowed on Mondays. And no TV after breakfast.
Header one
Header two
Header three
Header four
Header five
Header six
Blockquotes
Single line blockquote:
Stay hungry. Stay foolish.
Multi line blockquote with a cite reference:
People think focus means saying yes to the thing you’ve got to focus on. But that’s not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick carefully. I’m actually as proud of the things we haven’t done as the things I have done. Innovation is saying no to 1,000 things.
People think focus means saying yes to the thing you’ve got to focus on. But that’s not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick carefully. I’m actually as proud of the things we haven’t done as the things I have done. Innovation is saying no to 1,000 things. Steve Jobs – Apple Worldwide Developers’ Conference, 1997
Basic Bitch Table
| Employee | Salary | |
|---|---|---|
| Jane | $1 | Because that’s all Steve Job’ needed for a salary. |
| John | $100K | For all the blogging he does. |
| Jane | $100M | Pictures are worth a thousand words, right? So Tom x 1,000. |
| Jane | $100B | With hair like that?! Enough said… |
Definition Lists
- Definition List Title
- Definition list division.
- Startup
- A startup company or startup is a company or temporary organization designed to search for a repeatable and scalable business model.
- #dowork
- Coined by Rob Dyrdek and his personal body guard Christopher “Big Black” Boykins, “Do Work” works as a self motivator, to motivating your friends.
- Do It Live
- I’ll let Bill O’Reilly will explain this one.
Unordered Lists (Nested)
- List item one
- List item one
- List item one
- List item two
- List item three
- List item four
- List item two
- List item three
- List item four
- List item one
- List item two
- List item three
- List item four
Ordered List (Nested)
- List item one
- List item one
- List item one
- List item two
- List item three
- List item four
- List item two
- List item three
- List item four
- List item one
- List item two
- List item three
- List item four
HTML Tags
These supported tags come from the WordPress.com code FAQ.
Address Tag
1 Infinite LoopCupertino, CA 95014
United States
Anchor Tag (aka. Link)
This is an example of a link.
Abbreviation Tag
The abbreviation srsly stands for “seriously”.
Acronym Tag
The acronym ftw stands for “for the win”.
Big Tag
These tests are a big deal, but this tag is no longer supported in HTML5.
Cite Tag
“Code is poetry.” —Automattic
Code Tag
You will learn later on in these tests that word-wrap: break-word; will be your best friend.
Delete Tag
This tag will let you strikeout text, but this tag is no longer supported in HTML5 (use the <strike> instead).
Emphasize Tag
The emphasize tag should italicize text.
Insert Tag
This tag should denote inserted text.
Keyboard Tag
This scarcely known tag emulates keyboard text, which is usually styled like the <code> tag.
Preformatted Tag
This tag styles large blocks of code.
.post-title {
margin: 0 0 5px;
font-weight: bold;
font-size: 38px;
line-height: 1.2;
}
Quote Tag
Developers, developers, developers…
–Steve Ballmer
Strong Tag
This tag shows bold text.
Subscript Tag
Getting our science styling on with H2O, which should push the “2” down.
Superscript Tag
Still sticking with science and Isaac Newton’s E = MC2, which should lift the 2 up.
Teletype Tag
This rarely used tag emulates teletype text, which is usually styled like the <code> tag.
Variable Tag
This allows you to denote variables.
SVG
Grid
Typical grid
Compact grid
Expanded grid
constricted grid
constricted x grid
constricted y grid
fixed grid
grid but not necessarily columnized children
Would toolt tip work for dynamic shit? Idk let's see
We're no strangers to love You know the rules and so do I A full commitment's what I'm thinking of You wouldn't get this from any other guy I just wanna tell you how I'm feeling Gotta make you understand Never gonna give you up Never gonna let you down Never gonna run around and desert you Never gonna make you cry Never gonna say goodbye Never gonna tell a lie and hurt you We've known each other for so long Your heart's been aching but you're too shy to say it Inside we both know what's been going on We know the game and we're gonna play it And if you ask me how I'm feeling Don't tell me you're too blind to see Never gonna give you up Never gonna let you down Never gonna run around and desert you Never gonna make you cry Never gonna say goodbye Never gonna tell a lie and hurt you Never gonna give you up Never gonna let you down Never gonna run around and desert you Never gonna make you cry Never gonna say goodbye Never gonna tell a lie and hurt you Never gonna give, never gonna give (Give you up) (Ooh) Never gonna give, never gonna give (Give you up) We've known each other for so long Your heart's been aching but you're too shy to say it Inside we both know what's been going on We know the game and we're gonna play it I just wanna tell you how I'm feeling Gotta make you understand Never gonna give you up Never gonna let you down Never gonna run around and desert you Never gonna make you cry Never gonna say goodbye Never gonna tell a lie and hurt you Never gonna give you up Never gonna let you down Never gonna run around and desert you Never gonna make you cry Never gonna say goodbye Never gonna tell a lie and hurt you Never gonna give you up Never gonna let you down Never gonna run around and desert you Never gonna make you cry
We're no strangers to love You know the rules and so do I A full commitment's what I'm thinking of You wouldn't get this from any other guy I just wanna tell you how I'm feeling Gotta make you understand Never gonna give you up Never gonna let you down Never gonna run around and desert you Never gonna make you cry Never gonna say goodbye Never gonna tell a lie and hurt you We've known each other for so long Your heart's been aching but you're too shy to say it Inside we both know what's been going on We know the game and we're gonna play it And if you ask me how I'm feeling Don't tell me you're too blind to see Never gonna give you up Never gonna let you down Never gonna run around and desert you Never gonna make you cry Never gonna say goodbye Never gonna tell a lie and hurt you Never gonna give you up Never gonna let you down Never gonna run around and desert you Never gonna make you cry Never gonna say goodbye Never gonna tell a lie and hurt you Never gonna give, never gonna give (Give you up) (Ooh) Never gonna give, never gonna give (Give you up) We've known each other for so long Your heart's been aching but you're too shy to say it Inside we both know what's been going on We know the game and we're gonna play it I just wanna tell you how I'm feeling Gotta make you understand Never gonna give you up Never gonna let you down Never gonna run around and desert you Never gonna make you cry Never gonna say goodbye Never gonna tell a lie and hurt you Never gonna give you up Never gonna let you down Never gonna run around and desert you Never gonna make you cry Never gonna say goodbye Never gonna tell a lie and hurt you Never gonna give you up Never gonna let you down Never gonna run around and desert you Never gonna make you cry
We're no strangers to love You know the rules and so do I A full commitment's what I'm thinking of You wouldn't get this from any other guy I just wanna tell you how I'm feeling Gotta make you understand Never gonna give you up Never gonna let you down Never gonna run around and desert you Never gonna make you cry Never gonna say goodbye Never gonna tell a lie and hurt you We've known each other for so long Your heart's been aching but you're too shy to say it Inside we both know what's been going on We know the game and we're gonna play it And if you ask me how I'm feeling Don't tell me you're too blind to see Never gonna give you up Never gonna let you down Never gonna run around and desert you Never gonna make you cry Never gonna say goodbye Never gonna tell a lie and hurt you Never gonna give you up Never gonna let you down Never gonna run around and desert you Never gonna make you cry Never gonna say goodbye Never gonna tell a lie and hurt you Never gonna give, never gonna give (Give you up) (Ooh) Never gonna give, never gonna give (Give you up) We've known each other for so long Your heart's been aching but you're too shy to say it Inside we both know what's been going on We know the game and we're gonna play it I just wanna tell you how I'm feeling Gotta make you understand Never gonna give you up Never gonna let you down Never gonna run around and desert you Never gonna make you cry Never gonna say goodbye Never gonna tell a lie and hurt you Never gonna give you up Never gonna let you down Never gonna run around and desert you Never gonna make you cry Never gonna say goodbye Never gonna tell a lie and hurt you Never gonna give you up Never gonna let you down Never gonna run around and desert you Never gonna make you cry
We're no strangers to love You know the rules and so do I A full commitment's what I'm thinking of You wouldn't get this from any other guy I just wanna tell you how I'm feeling Gotta make you understand Never gonna give you up Never gonna let you down Never gonna run around and desert you Never gonna make you cry Never gonna say goodbye Never gonna tell a lie and hurt you We've known each other for so long Your heart's been aching but you're too shy to say it Inside we both know what's been going on We know the game and we're gonna play it And if you ask me how I'm feeling Don't tell me you're too blind to see Never gonna give you up Never gonna let you down Never gonna run around and desert you Never gonna make you cry Never gonna say goodbye Never gonna tell a lie and hurt you Never gonna give you up Never gonna let you down Never gonna run around and desert you Never gonna make you cry Never gonna say goodbye Never gonna tell a lie and hurt you Never gonna give, never gonna give (Give you up) (Ooh) Never gonna give, never gonna give (Give you up) We've known each other for so long Your heart's been aching but you're too shy to say it Inside we both know what's been going on We know the game and we're gonna play it I just wanna tell you how I'm feeling Gotta make you understand Never gonna give you up Never gonna let you down Never gonna run around and desert you Never gonna make you cry Never gonna say goodbye Never gonna tell a lie and hurt you Never gonna give you up Never gonna let you down Never gonna run around and desert you Never gonna make you cry Never gonna say goodbye Never gonna tell a lie and hurt you Never gonna give you up Never gonna let you down Never gonna run around and desert you Never gonna make you cry
We're no strangers to love You know the rules and so do I A full commitment's what I'm thinking of You wouldn't get this from any other guy I just wanna tell you how I'm feeling Gotta make you understand Never gonna give you up Never gonna let you down Never gonna run around and desert you Never gonna make you cry Never gonna say goodbye Never gonna tell a lie and hurt you We've known each other for so long Your heart's been aching but you're too shy to say it Inside we both know what's been going on We know the game and we're gonna play it And if you ask me how I'm feeling Don't tell me you're too blind to see Never gonna give you up Never gonna let you down Never gonna run around and desert you Never gonna make you cry Never gonna say goodbye Never gonna tell a lie and hurt you Never gonna give you up Never gonna let you down Never gonna run around and desert you Never gonna make you cry Never gonna say goodbye Never gonna tell a lie and hurt you Never gonna give, never gonna give (Give you up) (Ooh) Never gonna give, never gonna give (Give you up) We've known each other for so long Your heart's been aching but you're too shy to say it Inside we both know what's been going on We know the game and we're gonna play it I just wanna tell you how I'm feeling Gotta make you understand Never gonna give you up Never gonna let you down Never gonna run around and desert you Never gonna make you cry Never gonna say goodbye Never gonna tell a lie and hurt you Never gonna give you up Never gonna let you down Never gonna run around and desert you Never gonna make you cry Never gonna say goodbye Never gonna tell a lie and hurt you Never gonna give you up Never gonna let you down Never gonna run around and desert you Never gonna make you cry
We're no strangers to love You know the rules and so do I A full commitment's what I'm thinking of You wouldn't get this from any other guy I just wanna tell you how I'm feeling Gotta make you understand Never gonna give you up Never gonna let you down Never gonna run around and desert you Never gonna make you cry Never gonna say goodbye Never gonna tell a lie and hurt you We've known each other for so long Your heart's been aching but you're too shy to say it Inside we both know what's been going on We know the game and we're gonna play it And if you ask me how I'm feeling Don't tell me you're too blind to see Never gonna give you up Never gonna let you down Never gonna run around and desert you Never gonna make you cry Never gonna say goodbye Never gonna tell a lie and hurt you Never gonna give you up Never gonna let you down Never gonna run around and desert you Never gonna make you cry Never gonna say goodbye Never gonna tell a lie and hurt you Never gonna give, never gonna give (Give you up) (Ooh) Never gonna give, never gonna give (Give you up) We've known each other for so long Your heart's been aching but you're too shy to say it Inside we both know what's been going on We know the game and we're gonna play it I just wanna tell you how I'm feeling Gotta make you understand Never gonna give you up Never gonna let you down Never gonna run around and desert you Never gonna make you cry Never gonna say goodbye Never gonna tell a lie and hurt you Never gonna give you up Never gonna let you down Never gonna run around and desert you Never gonna make you cry Never gonna say goodbye Never gonna tell a lie and hurt you Never gonna give you up Never gonna let you down Never gonna run around and desert you Never gonna make you cry
We're no strangers to love You know the rules and so do I A full commitment's what I'm thinking of You wouldn't get this from any other guy I just wanna tell you how I'm feeling Gotta make you understand Never gonna give you up Never gonna let you down Never gonna run around and desert you Never gonna make you cry Never gonna say goodbye Never gonna tell a lie and hurt you We've known each other for so long Your heart's been aching but you're too shy to say it Inside we both know what's been going on We know the game and we're gonna play it And if you ask me how I'm feeling Don't tell me you're too blind to see Never gonna give you up Never gonna let you down Never gonna run around and desert you Never gonna make you cry Never gonna say goodbye Never gonna tell a lie and hurt you Never gonna give you up Never gonna let you down Never gonna run around and desert you Never gonna make you cry Never gonna say goodbye Never gonna tell a lie and hurt you Never gonna give, never gonna give (Give you up) (Ooh) Never gonna give, never gonna give (Give you up) We've known each other for so long Your heart's been aching but you're too shy to say it Inside we both know what's been going on We know the game and we're gonna play it I just wanna tell you how I'm feeling Gotta make you understand Never gonna give you up Never gonna let you down Never gonna run around and desert you Never gonna make you cry Never gonna say goodbye Never gonna tell a lie and hurt you Never gonna give you up Never gonna let you down Never gonna run around and desert you Never gonna make you cry Never gonna say goodbye Never gonna tell a lie and hurt you Never gonna give you up Never gonna let you down Never gonna run around and desert you Never gonna make you cry
We're no strangers to love You know the rules and so do I A full commitment's what I'm thinking of You wouldn't get this from any other guy I just wanna tell you how I'm feeling Gotta make you understand Never gonna give you up Never gonna let you down Never gonna run around and desert you Never gonna make you cry Never gonna say goodbye Never gonna tell a lie and hurt you We've known each other for so long Your heart's been aching but you're too shy to say it Inside we both know what's been going on We know the game and we're gonna play it And if you ask me how I'm feeling Don't tell me you're too blind to see Never gonna give you up Never gonna let you down Never gonna run around and desert you Never gonna make you cry Never gonna say goodbye Never gonna tell a lie and hurt you Never gonna give you up Never gonna let you down Never gonna run around and desert you Never gonna make you cry Never gonna say goodbye Never gonna tell a lie and hurt you Never gonna give, never gonna give (Give you up) (Ooh) Never gonna give, never gonna give (Give you up) We've known each other for so long Your heart's been aching but you're too shy to say it Inside we both know what's been going on We know the game and we're gonna play it I just wanna tell you how I'm feeling Gotta make you understand Never gonna give you up Never gonna let you down Never gonna run around and desert you Never gonna make you cry Never gonna say goodbye Never gonna tell a lie and hurt you Never gonna give you up Never gonna let you down Never gonna run around and desert you Never gonna make you cry Never gonna say goodbye Never gonna tell a lie and hurt you Never gonna give you up Never gonna let you down Never gonna run around and desert you Never gonna make you cry
We're no strangers to love You know the rules and so do I A full commitment's what I'm thinking of You wouldn't get this from any other guy I just wanna tell you how I'm feeling Gotta make you understand Never gonna give you up Never gonna let you down Never gonna run around and desert you Never gonna make you cry Never gonna say goodbye Never gonna tell a lie and hurt you We've known each other for so long Your heart's been aching but you're too shy to say it Inside we both know what's been going on We know the game and we're gonna play it And if you ask me how I'm feeling Don't tell me you're too blind to see Never gonna give you up Never gonna let you down Never gonna run around and desert you Never gonna make you cry Never gonna say goodbye Never gonna tell a lie and hurt you Never gonna give you up Never gonna let you down Never gonna run around and desert you Never gonna make you cry Never gonna say goodbye Never gonna tell a lie and hurt you Never gonna give, never gonna give (Give you up) (Ooh) Never gonna give, never gonna give (Give you up) We've known each other for so long Your heart's been aching but you're too shy to say it Inside we both know what's been going on We know the game and we're gonna play it I just wanna tell you how I'm feeling Gotta make you understand Never gonna give you up Never gonna let you down Never gonna run around and desert you Never gonna make you cry Never gonna say goodbye Never gonna tell a lie and hurt you Never gonna give you up Never gonna let you down Never gonna run around and desert you Never gonna make you cry Never gonna say goodbye Never gonna tell a lie and hurt you Never gonna give you up Never gonna let you down Never gonna run around and desert you Never gonna make you cry
We're no strangers to love You know the rules and so do I A full commitment's what I'm thinking of You wouldn't get this from any other guy I just wanna tell you how I'm feeling Gotta make you understand Never gonna give you up Never gonna let you down Never gonna run around and desert you Never gonna make you cry Never gonna say goodbye Never gonna tell a lie and hurt you We've known each other for so long Your heart's been aching but you're too shy to say it Inside we both know what's been going on We know the game and we're gonna play it And if you ask me how I'm feeling Don't tell me you're too blind to see Never gonna give you up Never gonna let you down Never gonna run around and desert you Never gonna make you cry Never gonna say goodbye Never gonna tell a lie and hurt you Never gonna give you up Never gonna let you down Never gonna run around and desert you Never gonna make you cry Never gonna say goodbye Never gonna tell a lie and hurt you Never gonna give, never gonna give (Give you up) (Ooh) Never gonna give, never gonna give (Give you up) We've known each other for so long Your heart's been aching but you're too shy to say it Inside we both know what's been going on We know the game and we're gonna play it I just wanna tell you how I'm feeling Gotta make you understand Never gonna give you up Never gonna let you down Never gonna run around and desert you Never gonna make you cry Never gonna say goodbye Never gonna tell a lie and hurt you Never gonna give you up Never gonna let you down Never gonna run around and desert you Never gonna make you cry Never gonna say goodbye Never gonna tell a lie and hurt you Never gonna give you up Never gonna let you down Never gonna run around and desert you Never gonna make you cry
- Switch to Time tracker App (For realsies)
- Switch to Client Outreach
- Switch to Timetracker Extension
- Switch to Webpack Tester
- Switch to Workflow/Time Tracker App
- Switch to Time tracker App (Prototype)
- Switch to dashboard App
- Debug framework
- View Available components
- Toggle Dark
- Switch to indie js
| Current App: | Templates pulled : |
|---|---|
outreach |
debug.php
|