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
NOT WORKING
Header 1 |
---|
Header 2 |
Content 1.1 |
Content 1.2 |
Content 2.1 |
Content 2.2 |
This is feature popup