oltdaniel/skeleton-plus

:ferris_wheel: simple stripped down css framework

skeleton-plus's Issues

IMPORTANT - Anyone interested in working on here

Hey guys,

Thank you for your support. Currently I am 15-years-old and cannot work on this Project anymore, because I started two different big Projects that I want run as a Business.

I hope you understand what I say now: If anyone is interested in having this Project, ask me per mail ([email protected]) and feel free to add stuff.

Best regards
Daniel Oltmanns

Poor list formatting

Bullet-points and numbers in <ol> or <ul> tags do not align vertically.

This also has the unfortunate effect of breaking contenteditable - I've seen this go wrong already in two different editors. Looks like this:

Typical list formatting looks more like this:

I don't know if it was deliberately designed this way, but it's unorthodox and not generally considered good typography, as far as I'm aware.

versioning: restart

Start on v0.0.1 for a better release cycle and automated nightly builds. This will allow a rebuild of the project and its structure to make things clean and tidy again. Sadly, I haven't found time for this project in a long time and its time to start with community requests like #6 .

A new version

So I am thinking of changing some stuff. Maybe some better Tooltips and a much better font, as well as some color updates.

So the Todo List is as following:

• A new font (Roboto/Rubik/Roboto Mono/..)
• Some minor fixes
• Color Updates
• New Components
  • Pagination
  • Progress bars
  • Cards
• New Tooltips
• Rename some classes
• Finally roll out a complete new Version of Skeleton (Cause if the huge changes, I think we need to move from v2 to v3)

What are your thoughts? Any suggestions for changes?

Converting to Skeleton-Plus from Skeleton?

I am currently using skeleton css in my app. How hard would it be for me to make a switch? Would it be faster?
Thanks!

readme: update

Update some content and move some stuff to an extra documentation folder.

Demo site gives 404

The site at the top of the repo's front page gives a 404 (https://goo.gl/c6WDjY)

Dropdown on exempel site?

Just wondering: is the link "dropdown example+" supposed to do something? Looking at it just now on iOS it's not clickable.

structure: seperate dist from gh-pages

dist should only include files for the release critical files, no examples.

tooltip: fix position and example

Tooltip example includes "#" link, remove to stay on the tooltip screen position.

Keep Tooltip content in the screen.

gh-pages: broken links

Broken links in the preview GitHub Page.

• creator link

Professional CDN : JSDelivr

Why not opt for JSDelivr CDN. Just go into their docs site and get to know how to add this project into their site. That's it. You will have your project in the world's biggest open source CDN provider

Moving `skeleton-plus` to my mew account @oldaniel

There work we need to do, to move skeleton-plus to m new Account @OLDaniel

• NPM
• CDNjs
• GitHub
• Links

Mobile responsiveness

hi,

not sure if this is an issue or feature, extracted from the demo page.
I resize chrome till 100+ px and it is still showing 12 columns.

shouldn't it will change from columns to rows as per the idea of responsive design from the original skeleton demo page

build: move to modern build environment

Move from gulp to maybe webpack or whatever.

multiple column/s pluralization issue

component-a.js

<div className="row">
  <div className="one column">◀︎</div>
  <Card />
  <div className="one column">▶︎</div>
</div>

component-b.js

<div className="card ten columns">
  ... stuff
</div>

The following sets the first "◀︎ div" on its own row, above the rest of the content.

-----------------------------
|◀︎                          |
-----------------------------
|         ...stuff      | ▶︎ |
-----------------------------

If I change the first one-column class to the not proper pluralization of one-columns it works as expected with the "◀︎ div" falling in along side the card element.

component-a.js

<div className="row">
  <div className="one columns">◀︎</div>
  <Card />
  <div className="one column">▶︎</div>
</div>

-----------------------------
|◀︎ |    ...stuff        | ▶︎ |
-----------------------------

It also works if both are in the plural of one-columns

They need help to develop?

I had the original vision repository and found it very cool to idea of ​​sass support if they need help implementations am willing to help 😄 🚀