|
|
- <!doctype html>
- <html lang="en_EN">
-
- <head>
- <meta charset="utf-8">
- <meta http-equiv="x-ua-compatible" content="ie=edge">
- <title>Plain UI | Lightweight CSS UI Framework for Building Apps and Websites</title>
- <meta name="description" content="Lightweight UI Framework for building fast and clean Websites and Apps for Mobile, Tablet and Desktop. Minimal UI-Elements, Functions and Helpers">
- <meta name="viewport" content="width=device-width,initial-scale=1">
- <link rel="stylesheet" href="plain-ui.css">
- </head>
-
- <body class="overflow-x-hidden">
-
- <header class="header">
- <div class="bar">
- <div class="bar__start">
- <h1 class="m-top-4 m-bottom-4 h4">
- Plain UI 0.3
- </h1>
- </div>
- <div class="bar__main justify-end">
- <a class="button button--small m-bottom-0" href="#">
- Github
- <svg class="m-left-3 icon fill-text" aria-hidden="true">
- <use xlink:href="symbol-defs.svg#icon-github"></use>
- </svg>
- </a>
- <a class="button button--small m-left-sm-3 m-bottom-0" href="https://gitea.tentakelfabrik.de/" rel="noopener" target="_blank">
- Gitea
- <svg class="m-left-3 icon fill-text" aria-hidden="true">
- <use xlink:href="symbol-defs.svg#icon-gitea"></use>
- </svg>
- </a>
- </div>
- </div>
- </header>
-
- <div class="container m-top-6">
- <div class="grid">
- <div class="col-12">
- <nav>
- <div class="tabs">
- <a href="index.html" class="tabs__item">
- Basics
- </a>
- <a href="components.html" class="tabs__item">
- Components
- </a>
- <a href="layout.html" class="tabs__item">
- Layout
- </a>
- <a href="helpers.html" class="tabs__item tabs__item--selected">
- Helpers
- </a>
- </div>
- </nav>
- </div>
- </div>
- </div>
-
- <div class="container">
- <div class="grid">
- <div class="col-12">
- <h1 class="highlight m-bottom-5">
- Helpers
- </h1>
-
- <div class="panel panel--border-highlight border-color-danger m-bottom-4">
- <div class="panel__body">
- <div class="content m-last-child-0">
- <p>
- Plain UI is currently under development, Styles, Names and Documentation may change until Release!
- </p>
- </div>
- </div>
- </div>
-
- <div class="panel panel--border-highlight border-color-danger m-bottom-4">
- <div class="panel__body">
- <div class="content m-last-child-0">
- <p>
- @TODO Documentation
- </p>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
-
- <footer class="site-footer m-top-5">
- <div class="bar">
- <div class="bar__main">
- <a class="color-text-contrast m-right-4" href="/imprint.html">
- Imprint
- </a>
- <a class="color-text-contrast" href="/private-policy.html">
- Privacy Policy
- </a>
- </div>
- </div>
- </footer>
- </body>
- </html
|
