3 Commits

9 changed files with 82 additions and 9 deletions
Split View
  1. +7
    -0
      CHANGELOG.md
  2. +1
    -1
      example/package.json
  3. +69
    -1
      example/src/pages/Home.tsx
  4. +1
    -1
      package.json
  5. +1
    -1
      src/base/style.scss
  6. +1
    -1
      src/card/card/style.scss
  7. +1
    -1
      src/card/hero/style.scss
  8. +0
    -2
      src/layout/container/style.scss
  9. +1
    -1
      src/sidebar/sidebar/style.scss

+ 7
- 0
CHANGELOG.md View File

@@ -1,3 +1,10 @@
## [1.5.1](https://git.dany.dev/dsluijk/teenyui/compare/v1.5.0...v1.5.1) (2021-02-08)


### Bug Fixes

* **sidebar:** fix the sidebar scrolling ([084919c](https://git.dany.dev/dsluijk/teenyui/commit/084919c245421c7c2234f7a19288a53a7d7fd637))

# [1.5.0](https://git.dany.dev/dsluijk/teenyui/compare/v1.4.0...v1.5.0) (2021-02-07)




+ 1
- 1
example/package.json View File

@@ -10,7 +10,7 @@
],
"scripts": {
"start": "yarn watch",
"watch": "parcel ./src/index.html",
"watch": "parcel ./src/index.html --host 0.0.0.0",
"build": "parcel build ./src/index.html --experimental-scope-hoisting --detailed-report",
"serve": "yarn build && http-server ./dist -p 1234",
"lint": "eslint --max-warnings 0 --ext .js,.jsx,.ts,.tsx ./src && stylelint './src/**/*.scss'"


+ 69
- 1
example/src/pages/Home.tsx View File

@@ -1,7 +1,8 @@
import { h, FunctionalComponent, Fragment } from "preact";
import { Button, card } from "teenyui";
import { Button, card, layout } from "teenyui";

const { Card, Hero } = card;
const { Container, Grid } = layout;

export const Home: FunctionalComponent = () => (
<Fragment>
@@ -28,5 +29,72 @@ export const Home: FunctionalComponent = () => (
This is some text, with a <a href="https://dany.dev">link</a>.
</p>
</Card>
<Container>
<Grid size="6" mobileSize="12">
<Card>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla
congue felis vitae enim ullamcorper venenatis. Nulla velit elit,
pellentesque sed justo sed, elementum fringilla ligula. Ut urna
ligula, viverra vitae ante eget, sodales volutpat ligula. Ut leo
magna, luctus non nunc at, pellentesque facilisis eros. Duis
pulvinar mollis nisl sed rhoncus. Sed blandit augue eu enim pharetra
ultricies. Sed vestibulum nibh vitae purus rhoncus, id convallis
lorem ornare. Phasellus ultrices ipsum at malesuada blandit.
Suspendisse arcu mauris, sagittis eu semper in, consequat vel felis.
Curabitur dapibus augue sit amet ante tempus, non maximus arcu
laoreet. Suspendisse interdum ex nunc, eget faucibus metus mattis
feugiat. Curabitur porttitor sem at tempor iaculis. Donec molestie
volutpat sem et feugiat.
</p>
<p>
In erat elit, aliquam non augue ut, porta viverra arcu. Aenean
mollis augue quis mi commodo dapibus. Morbi ultricies justo urna,
vel dictum ex tempus et. Nulla porttitor nisl non tristique commodo.
Sed eu velit urna. Cras sit amet est tincidunt, fringilla justo et,
molestie dui. Quisque semper, neque sodales gravida iaculis, ex
felis vulputate felis, non tristique mauris orci in orci. Nunc at
sagittis lorem. Curabitur sed velit venenatis enim ullamcorper
accumsan sed ac metus.
</p>
</Card>
</Grid>
<Grid size="6" mobileSize="12">
<Card>
<p>
Quisque quis convallis ex. Nulla blandit sollicitudin urna, non
elementum sem egestas nec. Nam tristique, justo volutpat auctor
placerat, leo mi finibus eros, id placerat purus leo non arcu.
Aenean venenatis eros sed tellus finibus, in tristique ipsum congue.
Class aptent taciti sociosqu ad litora torquent per conubia nostra,
per inceptos himenaeos. Phasellus eu mattis metus, ut efficitur
dolor. Nulla eu dapibus augue, ut porttitor libero. Vestibulum porta
aliquet urna, eu feugiat nunc pulvinar eget. Suspendisse tempor
fringilla eros, ut lacinia massa fringilla quis. Sed a suscipit dui,
sed tempus sem. Ut sodales erat nec ligula mattis viverra.
</p>
<p>
Cras non mauris facilisis dui ornare efficitur et sodales augue.
Vivamus eu pulvinar leo. Nullam laoreet imperdiet nisl ut sodales.
Sed a molestie lorem, vitae finibus nisi. Praesent at finibus risus.
Cras egestas felis sed condimentum tristique. Proin consectetur
lacus vulputate lectus tincidunt vestibulum quis eu orci. Donec sed
ex scelerisque, laoreet libero nec, euismod arcu. Fusce ut nunc id
ipsum lobortis gravida eget at purus. Nunc euismod orci a metus
rhoncus interdum. Maecenas condimentum mauris vitae vestibulum
volutpat.
</p>
</Card>
</Grid>
</Container>
<Card>
Suspendisse iaculis cursus gravida. Praesent varius urna eu faucibus
aliquet. Etiam id dolor a mauris molestie sagittis. Aenean non tristique
purus. Ut nec tincidunt sem, et pulvinar augue. Nunc eget lorem quis lorem
lacinia varius. Etiam ac ultricies purus, tempor gravida diam. Fusce
tristique nibh vel eros pellentesque egestas. Nam vitae facilisis augue,
non suscipit nulla. Nam tristique auctor neque. Morbi feugiat neque ac
volutpat accumsan. Maecenas interdum cursus porta.
</Card>
</Fragment>
);

+ 1
- 1
package.json View File

@@ -1,6 +1,6 @@
{
"name": "teenyui",
"version": "1.5.0",
"version": "1.5.1",
"description": "Tiny UI library for Preact",
"module": "./dist/index.js",
"types": "./dist/index.d.ts",


+ 1
- 1
src/base/style.scss View File

@@ -2,7 +2,7 @@

.base {
display: flex;
height: 100%;
min-height: 100%;
font-size: 16px;
letter-spacing: 0.5px;
background: var(--background);


+ 1
- 1
src/card/card/style.scss View File

@@ -1,5 +1,5 @@
.card {
margin: 12px 6px;
margin: 8px 6px;
padding: 16px;
border-radius: 0.3em;
box-shadow: 0 2px 4px 0 var(--background-border);


+ 1
- 1
src/card/hero/style.scss View File

@@ -4,7 +4,7 @@
z-index: 100;
min-height: 36vh;
border-radius: 6px;
margin: 12px 6px;
margin: 8px 6px;
}

.image {


+ 0
- 2
src/layout/container/style.scss View File

@@ -2,8 +2,6 @@
display: flex;
flex-wrap: wrap;
box-sizing: border-box;
height: 100%;
width: 100%;
margin: 0 auto;
}



+ 1
- 1
src/sidebar/sidebar/style.scss View File

@@ -1,7 +1,7 @@
@import "../../mixins";

.sidebar {
position: absolute;
position: fixed;
display: none;
flex-direction: column;
width: 100vw;


Loading…
Cancel
Save