OLD | NEW |
1 $article-width: 70%; | 1 $article-width: 70%; |
2 $toc-width: 28%; | 2 $toc-width: 28%; |
3 | 3 |
4 // TOC on article pages | 4 // TOC on article pages |
5 .inline-toc { | 5 .inline-toc { |
6 line-height: 1.3em; | 6 line-height: 1.3em; |
7 | 7 |
8 a, | 8 a, |
9 a:link, | 9 a:link, |
10 a:visited { | 10 a:visited { |
(...skipping 99 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
110 color: lighten($text, 5%); | 110 color: lighten($text, 5%); |
111 .cc-logo img { | 111 .cc-logo img { |
112 width: 90px; | 112 width: 90px; |
113 height: 32px; | 113 height: 32px; |
114 } | 114 } |
115 .last-updated { | 115 .last-updated { |
116 @include flex(1); | 116 @include flex(1); |
117 } | 117 } |
118 } | 118 } |
119 | 119 |
| 120 // Multi-step codelabs |
| 121 .h1-step { display: block; font-size: 0.5em; line-height: 150%; } |
| 122 |
| 123 // API roundup on codelabs |
| 124 .anchor-link-icon { padding-left: 1px; } |
| 125 |
120 // Large than mobile. | 126 // Large than mobile. |
121 @media only screen and (min-width: $break-small) { | 127 @media only screen and (min-width: $break-small) { |
122 .inline-toc { | 128 .inline-toc { |
123 position: absolute; | 129 position: absolute; |
124 top: 0; | 130 top: 0; |
125 width: $toc-width; | 131 width: $toc-width; |
126 right: 0; | 132 right: 0; |
127 overflow: auto; | 133 overflow: auto; |
128 overflow-x: hidden; | 134 overflow-x: hidden; |
129 | 135 |
(...skipping 47 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
177 content: '+'; | 183 content: '+'; |
178 } | 184 } |
179 } | 185 } |
180 } | 186 } |
181 .related { | 187 .related { |
182 margin: $default-padding 0; | 188 margin: $default-padding 0; |
183 } | 189 } |
184 } | 190 } |
185 } | 191 } |
186 | 192 |
OLD | NEW |