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 |