mark headers in section
This commit makes the headers in a section a bit smaller and underlines them over 75% over the article width, which gives them a nicer look.
This commit is contained in:
parent
bcb992b231
commit
7ca8100d23
@ -1,5 +1,5 @@
|
|||||||
// normal text color
|
// normal text color
|
||||||
$normal_color: black;
|
$normal_color: hsl(0,0, 90%);
|
||||||
// the nice orange
|
// the nice orange
|
||||||
$action_color: hsl(32, 100%, 50%);
|
$action_color: hsl(32, 100%, 50%);
|
||||||
// the blue
|
// the blue
|
||||||
@ -65,7 +65,7 @@ a {
|
|||||||
background-color: fade-out($alternate-color, 0.7);
|
background-color: fade-out($alternate-color, 0.7);
|
||||||
}
|
}
|
||||||
article {
|
article {
|
||||||
color: hsl(0, 0%, 90%);
|
color: $normal_color;
|
||||||
padding: $standard-width;
|
padding: $standard-width;
|
||||||
header {
|
header {
|
||||||
padding: $standard-width / 4;
|
padding: $standard-width / 4;
|
||||||
@ -90,5 +90,12 @@ article {
|
|||||||
section {
|
section {
|
||||||
border-top: $standard-width/5 solid $alternate-color;
|
border-top: $standard-width/5 solid $alternate-color;
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
|
h1 { font-size: $standard-width * 1.3 }
|
||||||
|
h2 { font-size: $standard-width * 1.2 }
|
||||||
|
h3 { font-size: $standard-width * 1.1; font-weight: normal; }
|
||||||
|
h1, h2, h3 {
|
||||||
|
border-bottom: $standard-width / 10 solid $normal-color;
|
||||||
|
margin-right: 25%;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user