Skip to content

Commit 470083c

Browse files
committed
tune up sidebar
1 parent b052015 commit 470083c

3 files changed

Lines changed: 60 additions & 71 deletions

File tree

assets/_sass/styles.scss

Lines changed: 43 additions & 44 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,6 @@
55
$header: #153E56;
66
$white: #ffffff;
77
$mid-gray: #75787b;
8-
$highlight-blue: #4383A9;
98
$border-gray: #babbbd;
109
$link: #0072ce;
1110
$link-active: #002d72;
@@ -55,9 +54,9 @@ h1, h2, h3, h4, h5, h6 {
5554
}
5655

5756
h1 {
58-
margin-top: 0;
59-
margin-bottom: 1.3em;
60-
font-size: 26pt;
57+
margin-top: 0.8em;
58+
margin-bottom: 1em;
59+
font-size: 24pt;
6160
}
6261

6362
h2, h3, h4, h5, h6 {
@@ -90,50 +89,51 @@ li p {
9089

9190
/* Navigation */
9291

93-
.sidebar-nav a {
94-
display: block;
95-
padding: 10px;
96-
-webkit-transition: .4s;
97-
transition: .4s;
98-
}
99-
.sidebar-nav a,
100-
.sidebar-nav a:link,
101-
.sidebar-nav a:visited {
102-
border-bottom: none;
103-
color: $mid-gray;
104-
}
105-
.sidebar-nav li:hover,
106-
.sidebar-nav a:focus,
107-
.sidebar-nav li:active,
108-
.sidebar-nav .sidebar-nav-active {
109-
color: $mid-gray;
110-
border-left: 4px solid $highlight-blue;
111-
background-color: transparent;
112-
border-bottom: 1px solid $border-gray;
113-
padding-left: 0;
114-
}
115-
.sidebar-nav ul {
116-
margin: 0;
117-
padding: 0;
118-
}
119-
.sidebar-nav li {
120-
list-style: none;
121-
border-bottom: 1px solid $border-gray;
122-
font-size: 1.125em;
123-
padding-left: 4px;
124-
}
125-
.sidebar-nav li:last-child {
126-
border-bottom: none;
127-
}
92+
aside {
12893

94+
p {
95+
padding-left: 15px;
96+
}
12997

130-
/* Layout */
98+
.sidebar-nav a {
99+
display: block;
100+
padding: 10px;
101+
-webkit-transition: .4s;
102+
transition: .4s;
103+
}
104+
.sidebar-nav a,
105+
.sidebar-nav a:link,
106+
.sidebar-nav a:visited {
107+
border-bottom: none;
108+
color: $mid-gray;
109+
}
110+
111+
.sidebar-nav li:hover,
112+
.sidebar-nav .sidebar-nav-active {
113+
color: $mid-gray;
114+
border-left: 5px solid $header;
115+
background-color: transparent;
116+
border-bottom: 1px solid $border-gray;
117+
padding-left: 0;
118+
}
119+
.sidebar-nav ul {
120+
margin: 0;
121+
padding: 0;
122+
}
123+
.sidebar-nav li {
124+
list-style: none;
125+
border-bottom: 1px solid $border-gray;
126+
font-size: 1.125em;
127+
padding-left: 5px;
128+
}
129+
.sidebar-nav li:last-child {
130+
border-bottom: none;
131+
}
131132

132-
.content {
133-
padding-top: 2em;
134-
padding-bottom: 2em;
135133
}
136134

135+
/* Layout */
136+
137137
/* offset the fixed position header for jump links */
138138
section:before {
139139
display: block;
@@ -222,7 +222,6 @@ header {
222222
aside {
223223
width: 25%;
224224
left: 0%;
225-
padding-left: 10px;
226225
position: fixed;
227226
}
228227

assets/css/styles.css

Lines changed: 16 additions & 26 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

assets/css/styles.css.map

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)