Permalink
Browse files

headings separated

  • Loading branch information...
stubbornella committed Sep 17, 2010
1 parent b1f4389 commit 7c22e14e1e79b46aa6bacd3a9f5214de5f4f4077
Showing with 13 additions and 12 deletions.
  1. +2 −12 core/content.css
  2. +11 −0 core/heading/heading.css
View
@@ -11,18 +11,8 @@ em{font-style: italic;}
strong{font-weight:bold;}
hr{border: 5px solid #e2e2e2; border-width: 0 0 5px 0; margin: 20px 10px 10px 10px;}
code{color:#0B8C8F;}
-/* ====== Headings ====== */
-/* .h1-.h6 classes should be used to maintain the semantically appropriate heading levels - NOT for use on non-headings */
-h1, .h1{font-size:196%; font-weight:normal; font-style: normal; color:#AE0345;}
-h2, .h2{font-size:167%; font-weight:normal; font-style: normal; color:#AE0345;}
-h3, .h3{font-size:146.5%; font-weight:normal; font-style: normal; color:#DF2B72;}
-h4, .h4{font-size:123.1%; font-weight:normal; font-style: normal; color: #333;}
-h5, .h5{font-size:108%; font-weight:bold; font-style: normal; color:#AE0345;}
-h6, .h6{font-size:108%; font-weight:normal; font-style: italic; color:#333;}
-/* if additional headings are needed they should be created via additional classes, never via location dependant styling */
-.category{font-size:108%; font-weight:normal; font-style: normal; text-transform:uppercase; color: #333;}
-.category a{color: #333;}
-.important a{font-weight:bold;}
+
+.important a{font-weight:bold;}/* what is this? */

This comment has been minimized.

Show comment Hide comment
@martinklepsch

martinklepsch Dec 20, 2010

Collaborator

No idea. Doesn't seem required. Delete?!

@martinklepsch

martinklepsch Dec 20, 2010

Collaborator

No idea. Doesn't seem required. Delete?!

/* links */
a {color: #2c4460; text-decoration: none;}
a:focus, a:hover {text-decoration: underline;}
View
@@ -0,0 +1,11 @@
+/* ====== Headings ====== */
+/* .h1-.h6 classes should be used to maintain the semantically appropriate heading levels - NOT for use on non-headings */
+h1, .h1{font-size:196%; font-weight:normal; font-style: normal; color:#AE0345;}
+h2, .h2{font-size:167%; font-weight:normal; font-style: normal; color:#AE0345;}
+h3, .h3{font-size:146.5%; font-weight:normal; font-style: normal; color:#DF2B72;}
+h4, .h4{font-size:123.1%; font-weight:normal; font-style: normal; color: #333;}
+h5, .h5{font-size:108%; font-weight:bold; font-style: normal; color:#AE0345;}
+h6, .h6{font-size:108%; font-weight:normal; font-style: italic; color:#333;}
+/* if additional headings are needed they should be created via additional classes, never via location dependant styling */
+.category{font-size:108%; font-weight:normal; font-style: normal; text-transform:uppercase; color: #333;}
+.category a{color: #333;}

1 comment on commit 7c22e14

@martinklepsch

This comment has been minimized.

Show comment Hide comment
@martinklepsch

martinklepsch Dec 20, 2010

Collaborator

I really like how you separated all the different parts into categories that are directly related to the visible outcome.
I read about something like that some time ago but didn't notice the possible advantage for OOCSS.

Collaborator

martinklepsch commented on 7c22e14 Dec 20, 2010

I really like how you separated all the different parts into categories that are directly related to the visible outcome.
I read about something like that some time ago but didn't notice the possible advantage for OOCSS.

Please sign in to comment.