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