| 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 |