1// Your custom SCSS should be written here...
2
3// Typography
4h1 { @include font-size($xlarge);}
5h2 { @include font-size($larger);}
6h3 { @include font-size($large);}
7h4 { @include font-size($med);}
8h5 { @include font-size($norm);}
9
10@include respond(all-phones) {
11    h1 { @include font-size($xlarge);}
12    h2 { @include font-size($larger);}
13}
14
15#dokuwiki__content {
16    p, a, li, td, th, .fn {
17        font-family: $font-content;
18    }
19
20    p {
21        @include respond(portrait-tablets) {
22            @include font-size($base-font-size);
23        }
24    }
25    .wikilink2 {
26        color: $orange;
27        border: none;
28    }
29
30    ul, ol {
31        margin-left: 2em;
32        margin-bottom: $base-line-height / 2;
33    }
34    li { padding: 0; }
35    ul li { list-style: disc; }
36    ul > li > ul,
37    ul > li > ol,
38    ol > li > ol,
39    ol > li > ul {
40        margin: 0 0 0 1em;
41    }
42
43    sub, sup {
44        font-size: $small;
45        line-height: 0;
46        position: relative;
47        vertical-align: baseline;
48    }
49    sup {
50        top: -0.5em;
51    }
52    sub {
53        bottom: -0.25em;
54    }
55
56    .fn {
57        font-size: $small;
58    }
59
60    pre, code, kbd, samp {
61        font-family: $font-monospace;
62    }
63    code, kbd, samp {
64        word-break: break-all;
65    }
66    pre {
67        font-size: $small;
68        padding: .5em 1em;
69        margin-bottom: $base-line-height / 2;
70        background-color: $pre-bg-color;
71        overflow: scroll;
72        -webkit-overflow-scrolling: touch;
73    }
74
75    abbr, acronym {
76        text-transform: none;
77        font-size: inherit;
78        color: inherit;
79        border-bottom: 1px solid $green;
80    }
81}
82
83hr {
84    border: none;
85    height: 1px;
86    background-color: $horizontal-rule-color;
87}
88
89// Sidebar
90#dokuwiki__sidebar {
91    h4 { font-size: $med; }
92    div, h5, p, a, li {
93        font-size: $small;
94        line-height: $norm;
95    }
96    hr {
97        margin: 6px 0 6px;
98    }
99}
100
101// TOC
102#dw__toc {
103    float: left;
104    margin: 0;
105    width: 100%;
106    background-color: inherit;
107    color: inherit;
108    &.active {
109        display:none;
110    }
111    h3 {
112        display:none; //Don't use the original DW heading
113    }
114    ul {
115        margin: 0 .5em .5em 0;
116    }
117    a {
118        line-height: $small;
119        margin-bottom: $norm - $small;
120    }
121    @include respond(all-phones) {
122        display: none;
123        &.active {
124            display: inherit;
125        }
126    }
127}
128
129// Status Bar and Page Info
130#status__bar, #page__info {
131    font-size: $small;
132    margin-bottom: 0.5em;
133}
134
135// Visibility
136
137.hide-on-phones {
138    @include hidden(portrait-tablets);
139    @include visible(desktop);
140}
141
142.show-on-phones {
143    @include visible(portrait-tablets);
144    @include hidden(desktop);
145}
146
147
148