Browse Source

init

release/0.2
Björn 1 year ago
commit
381a8d1165
  1. 6
      .gitignore
  2. 26292
      package-lock.json
  3. 22
      package.json
  4. 0
      src/scss/_core.scss
  5. 119
      src/scss/_variables.scss
  6. 12
      src/scss/components/_button.scss
  7. 12
      src/scss/components/_content.scss
  8. 0
      src/scss/components/_form.scss
  9. 10
      src/scss/components/_loading.scss
  10. 0
      src/scss/components/_modal.scss
  11. 10
      src/scss/components/_table.scss
  12. 0
      src/scss/plain-ui.scss
  13. 0
      src/scss/views/_dark.scss
  14. 0
      src/scss/views/_light.scss

6
.gitignore

@ -0,0 +1,6 @@
node_modules
build
*.DS_Store
Thumbs.db
.idea
*.log

26292
package-lock.json

File diff suppressed because it is too large

22
package.json

@ -0,0 +1,22 @@
{
"name": "plain-ui",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"repository": {
"type": "git",
"url": "git@gitea.tentakelfabrik.de:herrhase/plain-ui.git"
},
"author": "Björn Hase",
"license": "MIT",
"devDependencies": {
"laravel-mix": "^6.0.16"
},
"dependencies": {
"normalize.css": "^8.0.1",
"reflex-grid": "^2.0.7"
}
}

0
src/scss/_core.scss

119
src/scss/_variables.scss

@ -0,0 +1,119 @@
/**
* variables
*
*
*
* @author Björn Hase, Tentakelfabrik
* @license http://opensource.org/licenses/MIT The MIT License
* @link https://github.com/tentakelfabrik/plain-ui-css
*
*/
/**
* breakpoints
*
*/
$plain-ui__xs : 576px !default;
$plain-ui__sm : 768px !default;
$plain-ui__md : 992px !default;
$plain-ui__lg : 1200px !default;
$plain-ui__xlg: 1600px !default;
/**
* fonts
*
*/
$plain-ui__direction: ltr !default;
$plain-ui__golden-ratio: 1.618 !default;
$plain-ui__font-family: 'IBM Plex Mono', sans-serif !default;
$plain-ui__font-weight: normal !default;
$plain-ui__font-size: 0.9rem !default;
$plain-ui__font-size-breakpoints: (
$plain-ui__md: 1.1rem
) !default;
$plain-ui__font-sizes: (
'default': $plain-ui__font-size,
'small' : $plain-ui__font-size * 0.75,
'medium' : $plain-ui__font-size * 1.5,
'large' : $plain-ui__font-size * 2,
'big' : $plain-ui__font-size * 3
) !default;
$plain-ui__line-height: 1.4;
$plain-ui__line-height__breakpoints: (
$plain-ui__md: $plain-ui__golden-ratio
) !default;
/**
* colors
*
*
*/
$plain-ui__primary: #f18f01 !default;
$plain-ui__secondary: #b3b2af !default;
$plain-ui__success: #5cb85c !default;
$plain-ui__warning: #f0ad4e !default;
$plain-ui__danger: #d9534f !default;
$plain-ui__info: #0090d4 !default;
$plain-ui__background-light: #ffffff !default;
$plain-ui__text-light: #363636 !default;
$plain-ui__border-light: #dfdfdf !default;
$plain-ui__link-light: #fff !default;
/**
* padding & nargin
*
*/
$plain-ui__margin: 0 0 15px !default;
$plain-ui__margin-breakpoints: (
$plain-ui__md: 0 0 20px
) !default;
$plain-ui__padding: 5px 12px !default;
$plain-ui__padding-breakpoints: (
$plain-ui__md: 10px 17px
) !default;
/**
* heading
*
*/
$plain-ui__heading__font-sizes: (
'h1': $plain-ui__font-size * 2.5,
'h2': $plain-ui__font-size * 2,
'h3': $plain-ui__font-size * 1.75,
'h4': $plain-ui__font-size * 1.5,
'h5': $plain-ui__font-size * 1.25,
'h6': $plain-ui__font-size
) !default;
$plain-ui__heading__font-sizes__breakpoints: (
$plain-ui__md: 1.2rem
) !default;
$plain-ui__heading__font-weight: bold !default;
$plain-ui__heading__font-family: $plain-ui__font-family !default;
$plain-ui__heading__margin: $plain-ui__margin !default;
$plain-ui__heading__margin-breakpoints: $plain-ui__margin-breakpoints !default;
/**
* z-index
*
*/
$plain-ui__z-index__modal: 1000 !default;
$plain-ui__z-index__overlay: 999 !default;

12
src/scss/components/_button.scss

@ -0,0 +1,12 @@
/**
*
*
*
*/
@mixin component__button()
{
.button {
}
}

12
src/scss/components/_content.scss

@ -0,0 +1,12 @@
/**
*
*
*
*/
@mixin component__content()
{
.content {
font-size: 1rem;
}
}

0
src/scss/components/_form.scss

10
src/scss/components/_loading.scss

@ -0,0 +1,10 @@
/**
*
*
*
*/
@mixin component__loading()
{
}

0
src/scss/components/_modal.scss

10
src/scss/components/_table.scss

@ -0,0 +1,10 @@
/**
*
*
*
*/
@mixin component__table()
{
}

0
src/scss/plain-ui.scss

0
src/scss/views/_dark.scss

0
src/scss/views/_light.scss

Loading…
Cancel
Save