yogsototh/ycss
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Posted a README and better example

Browse source
This commit is contained in:
Yann Esposito (Yogsototh) 2012-01-24 22:45:03 +01:00
parent db789913e2
commit 74d958193a
2 changed files with 53 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

40
README.md Normal file
View file

@ -0,0 +1,40 @@
# y.css
This is a very clean CSS to start with.
You have some typography classes for small caps for example.
Typically:
- the right size of the content.
- header numbering inside article,
- nice link (no underline, but a sup cross)
<pre><code>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="y.css" />
<title>Page title</title>
</head>
<body>
<header>
<h1>Title</h1>
<h2>Subtitle</h2>
</header>
<article>
<title> <h1>Article Title</h1> </title>
<p>This is the article</p>
<h2>section</h2>
<h3>subsection</h3>
<p>Some <em>content</em> <strong>with</strong> <a href="#">a link</a>. </p>
<blockquote>A blockquote</blockquote>
</article>
<footer>
<p>Footer content</p>
</footer>
</body>
</html>
</code></pre>

25
index.html
View file

@ -2,24 +2,25 @@
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="y.css" />
<title>HTML Title</title>
<title>Page title</title>
</head>
<body>
<h1> This is the main page title </h1>
<h2> With a subtitle </h2>
<header>
<h1>Title</h1>
<h2>Subtitle</h2>
</header>
<article>
<title>
<h1>The article title</h1>
</title>
<title> <h1>Article Title</h1> </title>
<p>This is the article</p>
<h2> A sub title </h2>
<p>Something to say? <a href="#">This is a link</a> </p>
<blockquote>
This is a blockquote
</blockquote>
<h2>section</h2>
<h3>subsection</h3>
<p>Some <em>content</em> <strong>with</strong> <a href="#">a link</a>. </p>
<blockquote>A blockquote</blockquote>
</article>
<footer>
This is the footer
<p>Footer content</p>
</footer>
</body>
</html>