diff --git a/utils/theme/theme-routing.module.ts b/utils/theme/theme-routing.module.ts new file mode 100644 index 00000000..142f9bb3 --- /dev/null +++ b/utils/theme/theme-routing.module.ts @@ -0,0 +1,14 @@ +import { NgModule} from '@angular/core'; +import { RouterModule } from '@angular/router'; +import {ThemeComponent} from "./theme.component"; + + +@NgModule({ + imports: [ + RouterModule.forChild([ + { path: '', component: ThemeComponent} + ]) + ] +}) +export class ThemeRoutingModule { +} diff --git a/utils/theme/theme.component.html b/utils/theme/theme.component.html new file mode 100644 index 00000000..9ded1579 --- /dev/null +++ b/utils/theme/theme.component.html @@ -0,0 +1,798 @@ +
+ + + +
+
+ +
+
+ + + +
+ +

Article Title

+ +
+ +

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+ +

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.

+ +

Written by Super User on 12 April 2012. Posted in Blog

+ +
+ +
+
+ +
+ +
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+ +
+
+ +
+
+
    +
  • em element
    • +
  • ins element
    • +
  • mark element
    • +
  • q inside a q
    • +
  • strong element
    • +
  • Link Reset
    • +
+
+
+
    +
  • Text Muted
    • +
  • Text Emphasis
    • +
  • Text Primary
    • +
  • Text Secondary
    • +
  • Text Success
    • +
  • Text Warning
    • +
  • Text Danger
    • +
  • Text Meta
    • +
+
+
+
    +
  • Default
    • +
  • Success
    • +
  • Warning
    • +
  • Danger
    • +
  • 1
    • +
  • + + + +
    • +
+
+
+ + 
<div class="myclass">...<div>
+ +
+

The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a footer or cite element.

+ +
+ +
+
+ Read more +
+ +
+ +
+ +
+ +
    +
  • +
    +
    +
    +
    + +
    +
    +

    Author

    +

    12 days ago

    +
    +
    +
    Reply
    +
    +
    +

    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

    +
    +
    +
    • +
+ +
    +
    • +
  • 1
    • +
  • ...
    • +
  • 4
    • +
  • 5
    • +
  • 6
    • +
  • 7
    • +
  • 8
    • +
  • 9
    • +
  • 10
    • +
  • ...
    • +
  • 20
    • +
    • +
+ +
+
+ +
+
+ + +
+
+ + + +
+

Default

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+
+ +
+

Primary

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+
+ +
+

Secondary

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+
+ +
+

Hover

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+
+ +
+
+ +
+ +
+
+ +
+
+ +
+ +
+ + +
+ +
+ +
+ +
+ +
+ +
+
+ +
+
+ +
+
+ +
+ +
+ +
+ +
+
+ +
+ +
+ + +
+ +
+ +
+
+ +
+
+ +
+ +
+ +
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Table HeadingTable HeadingTable Heading
Table DataTable DataTable Data
Table DataTable DataTable Data
Table DataTable DataTable Data
Table DataTable DataTable Data
+
+ +
+ +

Default

+
+ +
+ +

Primary

+
+ +
+ +

Success

+
+ +
+ +

Warning

+
+ +
+ +

Danger

+
+ +
+
+
06
+
+
:
+
+
23
+
+
:
+
+
59
+
+
:
+
+
50
+
+
+ + + +
+
+ +

2XL

+

XLarge

+

Heading L

+

Heading M

+

Heading S

+ +

Heading H1

+

Heading H2

+

Heading H3

+

Heading H4

+
Heading H5
+
Heading H6
+ +

Heading Divider

+

Heading Bullet

+

Heading Line

+ +
+
+ +
+ +
+
+ +
+ + + + +
+ +
+
+ +
+ +
+

Default Lorem ipsum dolor sit amet, consectetur.

+
+
+ +
+
+ +
+ +
+

Primary Lorem ipsum dolor sit amet, consectetur.

+
+
+ +
+
+ +
+ +
+ +
+
+ +
+
+ +
+ +
+
+ + + +
+
+ + + + +
+
+ +
    +
    • +
    • +
    • +
+ +
+
+ +
Tooltip
+ +
+
+ + 45% + +
+
+ + + +
+
+ + + +
+
+ +
+ +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ +
+ +
+
+ +
    +
  • List item 1
    • +
  • List item 2
    • +
  • List item 3
    • +
+ +
    +
  • List item 1
    • +
  • List item 2
    • +
  • List item 3
    • +
+ +
+
+ +
    +
  • List item 1
    • +
  • List item 2
    • +
  • List item 3
    • +
+ +
+
Description lists
+
A description text
+
Description lists
+
A description text
+
+ +
+
+ +
    +
  • + + Item 1 +
    +

    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.

    +
    + +
    • +
  • + + Item 2 + + +
    • +
  • + + Item 3 + + +
    • +
+ +
+
+ +
+
+ +
+
+
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.
+
+
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.
+
+
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.
+
+
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.
+
+
+
+ +
+
+ +
+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.

+
+
+ Button +
+
+ +
+
+ +
+
+ +
+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.

+
+
+ Button +
+
+ +
+
+ +
+
+ +
+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.

+
+
+ Button +
+
+ +
+
+ +
+
+ +
+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.

+
+
+ Button +
+
+ +
+
+ + + + + +
+
+ +
portal-color
+
portal-secondary-color
+
portal-background-color
+ portal-link +
portal-box
+
portal-icon-button + uk-icon-button uk-icon
+ +
+
+
small container
+ + +
+
+
large container
+ + +
+
+
large container
+ + +
+ +. diff --git a/utils/theme/theme.component.ts b/utils/theme/theme.component.ts new file mode 100644 index 00000000..297bb143 --- /dev/null +++ b/utils/theme/theme.component.ts @@ -0,0 +1,11 @@ +import {Component} from '@angular/core'; + + +@Component({ + selector: 'theme', + templateUrl: 'theme.component.html', +}) + +export class ThemeComponent { + +} diff --git a/utils/theme/theme.module.ts b/utils/theme/theme.module.ts new file mode 100644 index 00000000..bdea91d5 --- /dev/null +++ b/utils/theme/theme.module.ts @@ -0,0 +1,19 @@ +import { NgModule} from '@angular/core'; +import { CommonModule } from '@angular/common'; +import { RouterModule } from '@angular/router'; +import {ThemeRoutingModule} from "./theme-routing.module"; +import {ThemeComponent} from "./theme.component"; + +@NgModule({ + imports: [ + CommonModule, RouterModule, + ThemeRoutingModule + ], + declarations: [ + ThemeComponent + ], + exports: [ + ThemeComponent + ] +}) +export class ThemeModule {}