@@ -98,19 +98,19 @@ body {
98
98
}
99
99
}
100
100
101
- /* Links*/
101
+ /* Links */
102
102
a , .text-title a {
103
103
color : $link-color ;
104
104
text-decoration : none ;
105
105
}
106
106
107
- /* `:focus` is linked to `:hover` for basic accessibility*/
107
+ /* `:focus` is linked to `:hover` for basic accessibility */
108
108
a :hover ,
109
109
a :focus {
110
110
text-decoration : underline ;
111
111
}
112
112
113
- /* Headings*/
113
+ /* Headings */
114
114
h1 , h2 , h3 , h4 , h5 , h6 {
115
115
font-family : $heading-font ;
116
116
margin-bottom : .5rem ;
@@ -146,13 +146,13 @@ h4, h5, h6 {
146
146
margin-top : 1rem ;
147
147
}
148
148
149
- /* Body text*/
149
+ /* Body text */
150
150
p {
151
151
margin-top : 0 ;
152
152
margin-bottom : 1rem ;
153
153
}
154
154
155
- /* Lists*/
155
+ /* Lists */
156
156
ul {
157
157
list-style : circle ;
158
158
}
@@ -162,7 +162,7 @@ ul, ol {
162
162
margin-bottom : 1rem ;
163
163
}
164
164
165
- /* Horizontal ruler*/
165
+ /* Horizontal ruler */
166
166
hr {
167
167
margin-top : 60px ;
168
168
position : relative ;
@@ -172,13 +172,13 @@ hr {
172
172
border-bottom : 1px solid #fff ;
173
173
}
174
174
175
- /* Search Highlihting */
175
+ /* Search highlighting */
176
176
mark {
177
177
color : white ;
178
178
background-color : $link-color ;
179
179
}
180
180
181
- /* Quotes*/
181
+ /* Quotes */
182
182
blockquote {
183
183
padding : 0rem 1.5rem 0rem 2rem ;
184
184
margin : 0 0 20px 0 ;
@@ -198,7 +198,7 @@ blockquote p:last-child {
198
198
}
199
199
}
200
200
201
- /* To add an attribution make sure to make a line with the attribution class*/
201
+ /* To add an attribution, make sure to make a line with the attribution class */
202
202
li .attribution {
203
203
text-align : right ;
204
204
list-style : none ;
@@ -207,15 +207,15 @@ li.attribution {
207
207
color : $text-color ;
208
208
}
209
209
210
- /* Images*/
210
+ /* Images */
211
211
img {
212
212
display : block ;
213
213
max-width : 100% ;
214
214
margin : 0 0 1rem ;
215
215
border-radius : 5px ;
216
216
}
217
217
218
- /* Tables*/
218
+ /* Tables */
219
219
table {
220
220
margin-bottom : 1rem ;
221
221
width : 100% ;
@@ -298,7 +298,7 @@ h3.masthead-title {
298
298
}
299
299
}
300
300
301
- /* Page and Posts */
301
+ /* Page and posts */
302
302
.page {
303
303
margin-bottom : 4em ;
304
304
}
@@ -323,7 +323,7 @@ h3.masthead-title {
323
323
Source: http://css-tricks.com/off-canvas-menu-with-css-target/#comment-207504
324
324
*/
325
325
326
- /* Style and "hide" the sidebar*/
326
+ /* Style and "hide" the sidebar */
327
327
.sidebar {
328
328
position : fixed ;
329
329
top : 0 ;
@@ -342,11 +342,11 @@ h3.masthead-title {
342
342
343
343
@media (min-width : 30em ) {
344
344
.sidebar {
345
- font-size : .75rem ;/* 14px*/
345
+ font-size : .75rem ;/* 14px */
346
346
}
347
347
}
348
348
349
- /* Sidebar content*/
349
+ /* Sidebar content */
350
350
.sidebar {
351
351
background-color : $link-color ;
352
352
}
@@ -364,7 +364,7 @@ h3.masthead-title {
364
364
margin-bottom : 0 ;
365
365
}
366
366
367
- /* Sidebar nav*/
367
+ /* Sidebar nav */
368
368
.sidebar-nav {
369
369
border-bottom : 1px solid rgba (255 ,255 ,255 ,.1 );
370
370
}
@@ -398,12 +398,12 @@ a.sidebar-nav-item:focus {
398
398
}
399
399
}
400
400
401
- /* Hide the sidebar checkbox that we toggle with `.sidebar-toggle`*/
401
+ /* Hide the sidebar checkbox that we toggle with `.sidebar-toggle` */
402
402
.sidebar-checkbox {
403
403
display : none ;
404
404
}
405
405
406
- /* Style the `label` that we use to target the `.sidebar-checkbox`*/
406
+ /* Style the `label` that we use to target the `.sidebar-checkbox` */
407
407
.sidebar-toggle {
408
408
position : absolute ;
409
409
top : .8rem ;
@@ -459,10 +459,10 @@ a.sidebar-nav-item:focus {
459
459
/*
460
460
Slide effect
461
461
462
- Handle the sliding effects of the sidebar and content in one spot, seperate from the default
462
+ Handle the sliding effects of the sidebar and content in one spot, separate from the default
463
463
styles.
464
464
465
- As an a heads up, we don't use `transform: translate3d()` here because when mixed with
465
+ As a heads- up, we don't use `transform: translate3d()` here because, when mixed with
466
466
`position: fixed;` for the sidebar toggle, it creates a new containing block. Put simply, the
467
467
fixed sidebar toggle behaves like `position: absolute;` when transformed.
468
468
@@ -500,8 +500,7 @@ a.sidebar-nav-item:focus {
500
500
/*
501
501
Reverse layout
502
502
503
- Flip the orientation of the page by placing the `.sidebar` and sidebar toggle
504
- on the right side.
503
+ Flip the orientation of the page by placing the `.sidebar` and sidebar toggle on the right side.
505
504
*/
506
505
507
506
.layout-reverse .sidebar {
@@ -526,8 +525,7 @@ a.sidebar-nav-item:focus {
526
525
/*
527
526
Overlay sidebar
528
527
529
- Make the sidebar content overlay the viewport content instead of pushing it
530
- aside when toggled.
528
+ Make the sidebar content overlay the viewport content instead of pushing it aside when toggled.
531
529
*/
532
530
533
531
.sidebar-overlay #sidebar-checkbox :checked ~ .wrap {
@@ -557,7 +555,7 @@ a.sidebar-nav-item:focus {
557
555
Base16: http://chriskempson.com/projects/base16/
558
556
*/
559
557
560
- /* Red*/
558
+ /* Red */
561
559
.theme-base-red .sidebar ,
562
560
.theme-base-red .sidebar-toggle :active ,
563
561
.theme-base-red #sidebar-checkbox :checked ~ .sidebar-toggle {
@@ -570,7 +568,7 @@ a.sidebar-nav-item:focus {
570
568
color : #ac4142 ;
571
569
}
572
570
573
- /* Orange*/
571
+ /* Orange */
574
572
.theme-base-orange .sidebar ,
575
573
.theme-base-orange .sidebar-toggle :active {
576
574
background-color : #d28445 ;
@@ -582,7 +580,7 @@ a.sidebar-nav-item:focus {
582
580
color : #d28445 ;
583
581
}
584
582
585
- /* Green*/
583
+ /* Green */
586
584
.theme-base-green .sidebar ,
587
585
.theme-base-green .sidebar-toggle :active {
588
586
background-color : #90a959 ;
@@ -594,7 +592,7 @@ a.sidebar-nav-item:focus {
594
592
color : #90a959 ;
595
593
}
596
594
597
- /* Cyan*/
595
+ /* Cyan */
598
596
.theme-base-cyan .sidebar ,
599
597
.theme-base-cyan .sidebar-toggle :active {
600
598
background-color : #75b5aa ;
@@ -606,7 +604,7 @@ a.sidebar-nav-item:focus {
606
604
color : #75b5aa ;
607
605
}
608
606
609
- /* Blue*/
607
+ /* Blue */
610
608
.theme-base-blue .sidebar ,
611
609
.theme-base-blue .sidebar-toggle :active {
612
610
background-color : #6a9fb5 ;
@@ -618,7 +616,7 @@ a.sidebar-nav-item:focus {
618
616
color : #6a9fb5 ;
619
617
}
620
618
621
- /* Magenta*/
619
+ /* Magenta */
622
620
.theme-base-magenta .sidebar ,
623
621
.theme-base-magenta .sidebar-toggle :active {
624
622
background-color : #aa759f ;
@@ -630,7 +628,7 @@ a.sidebar-nav-item:focus {
630
628
color : #aa759f ;
631
629
}
632
630
633
- /* Brown*/
631
+ /* Brown */
634
632
.theme-base-brown .sidebar ,
635
633
.theme-base-brown .sidebar-toggle :active {
636
634
background-color : #8f5536 ;
@@ -644,7 +642,7 @@ a.sidebar-nav-item:focus {
644
642
645
643
646
644
/*
647
- ED SPECIAL LAYOUTS
645
+ ED special layouts
648
646
*/
649
647
650
648
p .centered {
@@ -692,15 +690,15 @@ ul.poetry {
692
690
}
693
691
694
692
695
- /* This snippet helps us reset the margin for all spans with the indent- class*/
693
+ /* This snippet helps us reset the margin for all spans with the indent- class */
696
694
.poetry span [class ^= ' indent-' ]{
697
695
margin : 0 ;/* reset browsers default margin styles*/
698
696
}
699
697
700
698
701
699
/*
702
- To set line indentation for poetry wrap the line in a span, with a class="indent-x" attribute.
703
- The x is represents an rem (root em) value
700
+ To set line indentation for poetry wrap the line in a span with a class="indent-x" attribute.
701
+ The x is represents a rem (root em) value
704
702
*/
705
703
706
704
.indent-1 {
@@ -761,7 +759,7 @@ ul.poetry {
761
759
margin-top : -.5rem ;
762
760
}
763
761
764
- /* Footnotes styles*/
762
+ /* Footnotes styles */
765
763
sub ,
766
764
sup {
767
765
font-size : 75% ;
@@ -792,14 +790,14 @@ a.footnote {
792
790
font-size : .66rem ;
793
791
}
794
792
795
- /* Bibliography styles*/
793
+ /* Bibliography styles */
796
794
ol .bibliography {
797
795
list-style-type :none ;
798
796
padding-left : 1rem ;
799
797
text-indent : -1rem ;
800
798
}
801
799
802
- /* Diplomatic editions*/
800
+ /* Diplomatic editions */
803
801
.add {
804
802
color :#288828 ;
805
803
font-style : italic ;
0 commit comments