yue.css is a typography stylesheet for readable content. It was created for my blog at first since I always designed a new theme for my blog. But later it becomes the offical stylesheet for yuehu site.
yue.css is not a reset stylesheet.
It is designed for article content, and only article content. If you are looking for a reset css, you are watching the wrong repository.
Install with npm:
$ npm install yue.css
However, if you don't fancy npm, you can just grab the css file from GitHub. There is no dependency of this project.
For readable content, wrapper them under the
.yue class, and everything
would be ok now:
<div class="yue"> <h1>Heading</h1> <p>Paragraph of contents...</p> </div>
yue.css only supports selected tags which are commonly used in an article.
|h1 - h6||headings for title|
|strong b||emphasis in bold style|
|em i||emphasis in italic style|
|figure||figure wrapper for images|
|figcaption||figcaption in figure|
|blockquote||style for quotes|
|ul ol li||ordered and unordered list|
|code tt||inline code|
|table ..||tables (not well designed)|
|iframe||embed iframe style|
Headings are tags
But the most commonly used tags are
Emphasis works on something important or valuable.
are not designed for this purpose, you should always use
Links are the soul of internet. Fork it on GitHub.
Images can be wrappered in a
There is ordered list
<ol> and unordered list
yue.css has no target language, however it looks great in both English and Chinese.