| 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 84 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 95 | 95 |
| 96 .toc li { | 96 .toc li { |
| 97 padding-left: 1em; | 97 padding-left: 1em; |
| 98 border-bottom: $default-border; | 98 border-bottom: $default-border; |
| 99 } | 99 } |
| 100 } | 100 } |
| 101 } | 101 } |
| 102 | 102 |
| 103 // Footer at bottom of articles | 103 // Footer at bottom of articles |
| 104 #cc-info { | 104 #cc-info { |
| 105 @include display-flex(); | |
| 106 @include align-items(center); | |
| 107 font-style: italic; | 105 font-style: italic; |
| 108 //font-size: $small-label-size; | 106 //font-size: $small-label-size; |
| 109 font-size: 0.8em; | 107 font-size: 0.8em; |
| 110 color: lighten($text, 5%); | 108 color: lighten($text, 5%); |
| 111 .cc-logo img { | 109 .cc-logo img { |
| 112 width: 90px; | 110 width: 90px; |
| 113 height: 32px; | 111 height: 32px; |
| 114 } | 112 } |
| 115 .last-updated { | |
| 116 @include flex(1); | |
| 117 } | |
| 118 } | 113 } |
| 119 | 114 |
| 120 // Multi-step codelabs | 115 // Multi-step codelabs |
| 121 .h1-step { display: block; font-size: 0.5em; line-height: 150%; } | 116 .h1-step { display: block; font-size: 0.5em; line-height: 150%; } |
| 122 | 117 |
| 123 // API roundup on codelabs | 118 // API roundup on codelabs |
| 124 .anchor-link-icon { padding-left: 1px; } | 119 .anchor-link-icon { padding-left: 1px; } |
| 125 | 120 |
| 126 // Large than mobile. | 121 // Large than mobile. |
| 127 @media only screen and (min-width: $break-small) { | 122 @media only screen and (min-width: $break-small) { |
| (...skipping 55 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 183 content: '+'; | 178 content: '+'; |
| 184 } | 179 } |
| 185 } | 180 } |
| 186 } | 181 } |
| 187 .related { | 182 .related { |
| 188 margin: $default-padding 0; | 183 margin: $default-padding 0; |
| 189 } | 184 } |
| 190 } | 185 } |
| 191 } | 186 } |
| 192 | 187 |
| OLD | NEW |