From 4c8ba12c0a9faebc27b6fc8892d423308f385e48 Mon Sep 17 00:00:00 2001 From: HerrHase Date: Thu, 3 Mar 2022 09:41:06 +0100 Subject: [PATCH] update documents --- examples/components.html | 10 +- examples/core.html | 93 +++++++++++++ examples/impressum.html | 90 ------------ examples/imprint.html | 90 ------------ examples/index.html | 271 ------------------------------------ src/scss/layouts/_grid.scss | 8 ++ 6 files changed, 110 insertions(+), 452 deletions(-) create mode 100644 examples/core.html delete mode 100644 examples/impressum.html delete mode 100644 examples/imprint.html delete mode 100644 examples/index.html diff --git a/examples/components.html b/examples/components.html index 319e928..61838a7 100644 --- a/examples/components.html +++ b/examples/components.html @@ -33,6 +33,7 @@ Components +

Badge

@@ -44,6 +45,8 @@ 99+ + +

Bar

@@ -60,7 +63,8 @@ - + +

Buttons

@@ -124,6 +128,8 @@ Small + +

Field

@@ -216,6 +222,8 @@ + +

Group

diff --git a/examples/core.html b/examples/core.html new file mode 100644 index 0000000..e0c2742 --- /dev/null +++ b/examples/core.html @@ -0,0 +1,93 @@ + + + + + + + + Plain UI 0.5 | Lightweight CSS UI Framework for Building Apps and Websites + + + + + + + + + +
+
+
+
+ Plain UI 0.5 +
+
+
+
+ +
+
+
+

+ Core +

+ + +

+ Heading +

+

Heading 1

+

Heading 2

+

Heading 3

+

Heading 4

+
Heading 5
+
Heading 6
+ + +

+ Content +

+
+

+ Y'know this time it wasn't my fault. The Doc set all of his clocks twenty-five minutes slow. Listen, this is very important, I forgot my video camera, could you stop by my place and pick it up on your way to the mall? whoa, this is it, this is the part coming up, Doc. I'm really gonna miss you. Doc, about the future- Thank you, don't forget to take a flyer. +

+

+ Dear Doctor Brown, on the night that I go back in time, you will be shot by terrorists. Please take whatever precautions are necessary to prevent this terrible disaster. Your friend, Marty. Well, safe and sound, now, n good old 1955. I've gotta go. Look, George, I'm telling you George, if you do not ask Lorraine to that dance, I'm gonna regret it for the rest of my life. Hey George, heard you laid out Biff, nice going. +

+
    +
  • item 1
    • +
  • + item 2 +
      +
    • child item 1
      • +
    • child item 2
      • +
    +
    • +
+
    +
  1. item 1
    2. +
  2. item 2
    3. +
+
+
defined title 1
+
defined item 1
+
+
+ I'm telling you George, if you do not ask Lorraine to that dance, I'm gonna regret it for the rest of my life. Hey George, heard you laid out Biff, nice going. +
+ Mark +
+
+
+
+ + + + + - - - - - - - Plain UI | Lightweight CSS UI Framework for Building Apps and Websites - - - - - - - - - -
-
-
-

- Plain UI 0.5 -

-
-
- - Github - - - - Gitea - - -
-
-
- -
-
-
- -
-
-
- -
-
-
- -
-
-
- - - - - - - - - - - - Plain UI | Lightweight CSS UI Framework for Building Apps and Websites - - - - - - - - - -
-
-
-

- Plain UI 0.5 -

-
-
- - Github - - - - Gitea - - -
-
-
- -
-
-
- -
-
-
- -
-
-
- -
-
-
- - - - - - - - - - - Plain UI | Lightweight CSS UI Framework for Building Apps and Websites - - - - - - - - -
-
-
-

- Plain UI 0.5 -

-
-
- - Github - - - - Gitea - - -
-
-
- -
-
-
- -
-
-
- -
-
-
-
-
-
-
-

- Plain UI is currently under development, Styles, Names and Documentation may change until Release! -

-
-
-
- -

- Plain UI is a simple UI Framework. The Layout is inpired by minimalistc UI from NASA and MS-DOS. - The Idea behind this is a more Science related Layout, that has clear Colors and simple Patterns. All the Fancy Gloomy Shiny UI you know - from other Frameworks, thats not what you find here. -

-

- Plain UI -

-

- Contribution -

- -
-
-
-
- -
-
-
-

- Installation -

-
-npm install @tentakelfabrik/plain-ui --save -
-
-
-
- -
-
-
-

- Building -

-
-

- Plain UI is build by Laravel-Mix. - For this Site also PurgeCSS was used. This is Important - to reduce the amount of Helper-Classes. For Laravel-Mix there is also a Wrapper - available. -

-mix - .setPublicPath('./public') - .sass('src/scss/plain-ui.scss', 'public/plain-ui.css') - .purgeCss({ - extend: { - enabled: true, - content: [ - path.join(__dirname, 'public/*.html'), - ] - } - }) - -
-
-
-
- -
-
-
-

- Core -

- -

- Normalize -

-
-

- This is mainly done by normalize.css with a few Modification. -

-
- -

- Heading -

-

Heading 1

-

Heading 2

-

Heading 3

-

Heading 4

-
Heading 5
-
Heading 6
- -

- Content -

-
-<div class="content"> - <p> - Y'know this time it wasn't my fault. The Doc set all of his clocks twenty-five minutes slow. - Listen, this is very important, I forgot my video camera, could you stop by my place and pick it up on - your way to the mall? whoa, this is it, this is the part coming up, Doc. I'm really gonna miss you. - Doc, about the future- Thank you, don't forget to take a flyer. - </p> - <p> - Dear Doctor Brown, on the night that I go back in time, you will be shot by terrorists. Please take - whatever precautions are necessary to prevent this terrible disaster. Your friend, Marty. - Well, safe and sound, now, n good old 1955. I've gotta go. Look, George, I'm telling you George, - if you do not ask Lorraine to that dance, I'm gonna regret it for the rest of my life. Hey George, - heard you laid out Biff, nice going. - </p> - <ul> - <li>item 1</li> - <li> - item 2 - <ul> - <li>child item 1</li> - <li>child item 2</li> - </ul> - </li> - </ul> - <ol> - <li>item 1</li> - <li>item 2</li> - </ol> - <dl> - <dt>defined title 1</dt> - <dd>defined item 1</dd> - </dl> - <blockquote> - I'm telling you George, if you do not ask Lorraine to that dance, I'm gonna - regret it for the rest of my life. Hey George, heard you laid out Biff, nice going. - </blockquote> - <mark>Mark</mark> -</div> - -
-
-

- Y'know this time it wasn't my fault. The Doc set all of his clocks twenty-five minutes slow. Listen, this is very important, I forgot my video camera, could you stop by my place and pick it up on your way to the mall? whoa, this is it, this is the part coming up, Doc. I'm really gonna miss you. Doc, about the future- Thank you, don't forget to take a flyer. -

-

- Dear Doctor Brown, on the night that I go back in time, you will be shot by terrorists. Please take whatever precautions are necessary to prevent this terrible disaster. Your friend, Marty. Well, safe and sound, now, n good old 1955. I've gotta go. Look, George, I'm telling you George, if you do not ask Lorraine to that dance, I'm gonna regret it for the rest of my life. Hey George, heard you laid out Biff, nice going. -

-
    -
  • item 1
    • -
  • - item 2 -
      -
    • child item 1
      • -
    • child item 2
      • -
    -
    • -
-
    -
  1. item 1
    2. -
  2. item 2
    3. -
-
-
defined title 1
-
defined item 1
-
-
- I'm telling you George, if you do not ask Lorraine to that dance, I'm gonna regret it for the rest of my life. Hey George, heard you laid out Biff, nice going. -
- Mark -
-
-
-
- - - - -