wysiwyg.css
A tiny CSS for generated HTML or Markdown content, meant for:
- readability: both the spacing and colors are visually balanced
- simplicity: you only need a single class to style all elements
- extensibility: you can easily customise the output thanks to variables
Install
npm install wysiwyg.css
Or download/clone the repo.
Copyright and license
Code copyright 2016 Jeremy Thomas. Code released under the MIT license.
Move dependencies to devDependencies
It will allow to not install build dependencies when installing
wysiwyg
For now I have a problem, that
npm install wysiwyg.css
leads to install of outdated version ofbrowserslist
(which is part of autoprefixer) And this outdatedbrowserslist
somehow interfere with my actual version ofbrowserslist
and causes mypostcss
to work not properlySo this PR:
browserslist
interferencenpm install
by not installing not needed packagesAdd :empty paragraph selector
I always have problems with CMS content producing lots of empty elements, mainly paragraphs - the empty text elements still inherit
margin
s etc leading to large spacing between content.I usually write in these styles to hide empty paragraphs with the
:empty
pseudo class.I was tempted to add
:empty
to a few other selectors but wanted to start with paragraph as itβs the main use case, and wanted to know your thoughts on it.:octocat:
updated node-sass version
Installation of the library was failing in nodeJS 8 (and above presumably) due to an incompatible version of node-sass. I updated that to be the latest and now it seems to install into projects correctly.
I ran a build (
npm run build
) and got no errors, so I assume all is good. :)Thank you for this great library and I hope you find some time to update the version and publish it to npm.
/Paul
Use it (markdown text) in my project (Ruby on Rails) - Do not working
Hello,
I am trying to use your very promising component
In my rails project:
After I refresh my page it does not seems to work
My text is:
In web browser I can see the html source: