honeymoose
/
angular-cn
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(aio): remove unwanted code styling from styleguide doc 

Closes #16514
This commit is contained in:
Peter Bacon Darwin 2017-05-10 00:36:22 +01:00 committed by Pete Bacon Darwin
parent a2dcb7b476
commit 954c08e97c
2 changed files with 35 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
aio/content/guide/styleguide.md
View File

@ -577,7 +577,7 @@ and reference assets of different types.
<td> <td>
<code-example hideCopy> <code-example hideCopy class="no-box">
@Component({ ... }) @Component({ ... })
export class AppComponent { } export class AppComponent { }
</code-example> </code-example>
@ -596,7 +596,7 @@ and reference assets of different types.
<td> <td>
<code-example hideCopy> <code-example hideCopy class="no-box">
@Component({ ... }) @Component({ ... })
export class HeroesComponent { } export class HeroesComponent { }
</code-example> </code-example>
@ -615,7 +615,7 @@ and reference assets of different types.
<td> <td>
<code-example hideCopy> <code-example hideCopy class="no-box">
@Component({ ... }) @Component({ ... })
export class HeroListComponent { } export class HeroListComponent { }
</code-example> </code-example>
@ -634,7 +634,7 @@ and reference assets of different types.
<td> <td>
<code-example hideCopy> <code-example hideCopy class="no-box">
@Component({ ... }) @Component({ ... })
export class HeroDetailComponent { } export class HeroDetailComponent { }
</code-example> </code-example>
@ -653,7 +653,7 @@ and reference assets of different types.
<td> <td>
<code-example hideCopy> <code-example hideCopy class="no-box">
@Directive({ ... }) @Directive({ ... })
export class ValidationDirective { } export class ValidationDirective { }
</code-example> </code-example>
@ -672,7 +672,7 @@ and reference assets of different types.
<td> <td>
<code-example hideCopy> <code-example hideCopy class="no-box">
@NgModule({ ... }) @NgModule({ ... })
export class AppModule export class AppModule
</code-example> </code-example>
@ -691,7 +691,7 @@ and reference assets of different types.
<td> <td>
<code-example hideCopy> <code-example hideCopy class="no-box">
@Pipe({ name: 'initCaps' }) @Pipe({ name: 'initCaps' })
export class InitCapsPipe implements PipeTransform { } export class InitCapsPipe implements PipeTransform { }
</code-example> </code-example>
@ -710,7 +710,7 @@ and reference assets of different types.
<td> <td>
<code-example hideCopy> <code-example hideCopy class="no-box">
@Injectable() @Injectable()
export class UserProfileService { } export class UserProfileService { }
</code-example> </code-example>
@ -827,7 +827,7 @@ As always, strive for consistency.
<td> <td>
<code-example hideCopy> <code-example hideCopy class="no-box">
@Injectable() @Injectable()
export class HeroDataService { } export class HeroDataService { }
</code-example> </code-example>
@ -846,7 +846,7 @@ As always, strive for consistency.
<td> <td>
<code-example hideCopy> <code-example hideCopy class="no-box">
@Injectable() @Injectable()
export class CreditService { } export class CreditService { }
</code-example> </code-example>
@ -865,7 +865,7 @@ As always, strive for consistency.
<td> <td>
<code-example hideCopy> <code-example hideCopy class="no-box">
@Injectable() @Injectable()
export class Logger { } export class Logger { }
</code-example> </code-example>
@ -1225,7 +1225,7 @@ For example, the prefix `toh` represents from **T**our **o**f **H**eroes and the
<td> <td>
<code-example hideCopy> <code-example hideCopy class="no-box">
@Pipe({ name: 'ellipsis' }) @Pipe({ name: 'ellipsis' })
export class EllipsisPipe implements PipeTransform { } export class EllipsisPipe implements PipeTransform { }
</code-example> </code-example>
@ -1244,7 +1244,7 @@ For example, the prefix `toh` represents from **T**our **o**f **H**eroes and the
<td> <td>
<code-example hideCopy> <code-example hideCopy class="no-box">
@Pipe({ name: 'initCaps' }) @Pipe({ name: 'initCaps' })
export class InitCapsPipe implements PipeTransform { } export class InitCapsPipe implements PipeTransform { }
</code-example> </code-example>
@ -1331,11 +1331,11 @@ For example, the prefix `toh` represents from **T**our **o**f **H**eroes and the
<tr> <tr>
<th> <th>
Symbol Name Test Type
</th> </th>
<th> <th>
File Name File Names
</th> </th>
</tr> </tr>
@ -1461,11 +1461,11 @@ For example, the prefix `toh` represents from **T**our **o**f **H**eroes and the
<tr> <tr>
<th> <th>
Symbol Name Test Type
</th> </th>
<th> <th>
File Name File Names
</th> </th>
</tr> </tr>
@ -1626,7 +1626,7 @@ A consistent class and file name convention make these modules easy to spot and
<td> <td>
<code-example hideCopy> <code-example hideCopy class="no-box">
@NgModule({ ... }) @NgModule({ ... })
export class AppModule { } export class AppModule { }
</code-example> </code-example>
@ -1645,7 +1645,7 @@ A consistent class and file name convention make these modules easy to spot and
<td> <td>
<code-example hideCopy> <code-example hideCopy class="no-box">
@NgModule({ ... }) @NgModule({ ... })
export class HeroesModule { } export class HeroesModule { }
</code-example> </code-example>
@ -1664,7 +1664,7 @@ A consistent class and file name convention make these modules easy to spot and
<td> <td>
<code-example hideCopy> <code-example hideCopy class="no-box">
@NgModule({ ... }) @NgModule({ ... })
export class VillainsModule { } export class VillainsModule { }
</code-example> </code-example>
@ -1683,7 +1683,7 @@ A consistent class and file name convention make these modules easy to spot and
<td> <td>
<code-example hideCopy> <code-example hideCopy class="no-box">
@NgModule({ ... }) @NgModule({ ... })
export class AppRoutingModule { } export class AppRoutingModule { }
</code-example> </code-example>
@ -1702,7 +1702,7 @@ A consistent class and file name convention make these modules easy to spot and
<td> <td>
<code-example hideCopy> <code-example hideCopy class="no-box">
@NgModule({ ... }) @NgModule({ ... })
export class HeroesRoutingModule { } export class HeroesRoutingModule { }
</code-example> </code-example>

15
aio/src/styles/2-modules/_code.scss
View File

@ -5,15 +5,26 @@ code-example, code-tabs {
code-example, code-example,
code-tabs md-tab-body { code-tabs md-tab-body {
&:not(.no-box) {
background-color: rgba($backgroundgray, 0.2); background-color: rgba($backgroundgray, 0.2);
border: 0.5px solid $lightgray; border: 0.5px solid $lightgray;
border-radius: 5px; border-radius: 5px;
color: $darkgray; color: $darkgray;
margin: 16px auto; margin: 16px auto;
}
code { &.no-box {
overflow: auto; pre {
margin: 0;
} }
code {
background-color: transparent;
}
}
code {
overflow: auto;
}
} }
// TERMINAL / SHELL TEXT STYLES // TERMINAL / SHELL TEXT STYLES