New CKEditor - Style guide
Headings
Heading 1 - H1 (Max: 60 - Min: 30)
This is my h1 which is heading1 which have maximum size 60px and minimum size 30px. This is very very long text
Heading 2 - H2 (Max: 50 - Min: 25)
This is my h2 which is heading 2 which have maximum size 50px and minimum size 25px. This is very very long text
Heading 3 - H3
Heading 4 - H4
Heading 5 - H5
Heading 6 - H6
Unordered List - UL and LI
- Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem Ipsum is simply dummy text of
the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
- Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Ordered List - OL and LI
- Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
- Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Anchor - Link
This is example of anchor tag.
Text style - Strong, Bold, Italic, Emphasized, Underline
This is example of bold and strong. This is example of italic and emphasized. This is example of underline
Blockquote
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Author name
Quotes
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Solid Buttons
Solid Fullwidth Buttons
Border Buttons
Border Fullwidth Buttons
Primary Border Button Fullwidth
Secondary Border Button Fullwidth
Tertiary Border Button Fullwidth
White Buttons
Solid Buttons inline in Paragraph
Primary Button InlineSecondary Button InlineTertiary Button InlinePrimary Button InlineSecondary Button InlineTertiary Button InlinePrimary Button InlineSecondary Button InlineTertiary Button InlinePrimary Button InlineSecondary Button InlineTertiary Button Inline
Solid Buttons stack with <br>
Primary Button Inline
Secondary Button Inline
Tertiary Button Inline
Arrow Buttons
Primary Arrow Button Fullwidth
Secondary Arrow Button Fullwidth
Tertiary Arrow Button Fullwidth
Dynamic Buttons
Link Scroll Animation - Need to discuss with Jo (Ask David)
Table with no class
| Heading 1 | Heading 2 | Heading 3 | Heading 4 |
|---|---|---|---|
| Content 1 | Content 2 | Content 3 | Content 4.1 |
| Content 1.1 | Content 2.1 | Content 3.1 | Content 4.2 |
Table with no scroll: site-table-no-scroll
| Heading 1 | Heading 2 | Heading 3 | Heading 4 |
|---|---|---|---|
| Content 1 | Content 2 | Content 3 | Content 4.1 |
| Content 1.1 | Content 2.1 | Content 3.1 | Content 4.2 |
Table table mobile: site-table-mobile
| Heading 1 | Heading 2 | Heading 3 | Heading 4 |
|---|---|---|---|
| Content 1 | Content 2 | Content 3 | Content 4.1 |
| Content 1.1 | Content 2.1 | Content 3.1 | Content 4.2 |
Table stack in mobile: site-table-mobile-stack
| Heading 1 | Heading 2 | Heading 3 | Heading 4 |
|---|---|---|---|
| Content 1 | Content 2 | Content 3 | Content 4.1 |
| Content 1.1 | Content 2.1 | Content 3.1 | Content 4.2 |
Format table
| Heading 1 | Heading 2 | Heading 3 | Heading 4 | ||||||
|---|---|---|---|---|---|---|---|---|---|
 Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. | Content 2 | Content 3 | Content 4 | ||||||
| Content 2.1 | Content 3.1 | Content 4.1 | ||||||
|
NOT WORKING
| Header 1 |
|---|
| Header 2 |
| Content 1.1 |
| Content 1.2 |
| Content 2.1 |
| Content 2.2 |
This is feature popup