2
2
@import ' normalize' ;
3
3
@import ' variables' ;
4
4
@import ' icon-font' ;
5
- /* @import 'rtl'; // uncomment to switch to RTL format*/
5
+ // @import 'rtl'; // uncomment to switch to RTL format
6
6
7
7
/*
8
8
Copyright 2008-2013 Concur Technologies, Inc.
@@ -33,7 +33,7 @@ html, body {
33
33
@extend %default-font ;
34
34
background-color : $main-bg ;
35
35
height : 100% ;
36
- -webkit-text-size-adjust : none ;
36
+ -webkit-text-size-adjust : none ; /* Never autoresize text */
37
37
}
38
38
39
39
/// /////////////////////////////////////////////////////////////////////////////
@@ -62,6 +62,7 @@ html, body {
62
62
font-size : 13px ;
63
63
font-weight : bold ;
64
64
65
+ // language selector for mobile devices
65
66
.lang-selector {
66
67
display : none ;
67
68
a {
@@ -70,6 +71,7 @@ html, body {
70
71
}
71
72
}
72
73
74
+ // This is the logo at the top of the ToC
73
75
.logo {
74
76
display : block ;
75
77
max-width : 100% ;
@@ -89,7 +91,7 @@ html, body {
89
91
width : $nav-width - ($nav-padding * 2 );
90
92
outline : none ;
91
93
color : $nav-text ;
92
- border-radius : 0 ;
94
+ border-radius : 0 ; /* ios has a default border radius */
93
95
}
94
96
95
97
& :before {
@@ -218,7 +220,7 @@ html, body {
218
220
transform : rotate (-90deg ) translate (-100% , 0 );
219
221
border-radius : 0 0 0 5px ;
220
222
}
221
- padding : 0 1.5em 5em 0 ;
223
+ padding : 0 1.5em 5em 0 ; // increase touch size area
222
224
display : none ;
223
225
position : fixed ;
224
226
top : 0 ;
@@ -252,7 +254,7 @@ html, body {
252
254
background-color : $main-bg ;
253
255
min-height : 100% ;
254
256
255
- padding-bottom : 1px ;
257
+ padding-bottom : 1px ; // prevent margin overflow
256
258
257
259
// The dark box is what gives the code samples their dark background.
258
260
// It sits essentially under the actual content block, which has a
@@ -312,7 +314,9 @@ html, body {
312
314
// This is all the stuff with the light background in the left half of the page
313
315
314
316
.content {
317
+ // fixes webkit rendering bug for some: see #538
315
318
-webkit-transform : translateZ (0 );
319
+ // to place content above the dark box
316
320
position : relative ;
317
321
z-index : 30 ;
318
322
0 commit comments