refactor(docs-infra): consistently format `docs-card` elements in the guides (#41250)
This commit formats the `docs-card` elements used in `contributors-guide-overview` and `docs` guides to have consistent indentation and line-wrapping. PR Close #41250
This commit is contained in:
parent
8b9d98ec63
commit
8debe95fc3
|
@ -11,29 +11,24 @@ Before you get started with your contributions, we recommend that you review [Co
|
||||||
## Contributing to Angular
|
## Contributing to Angular
|
||||||
|
|
||||||
<div class="card-container">
|
<div class="card-container">
|
||||||
<a href="guide/reviewing-content" class="docs-card"
|
<a href="guide/reviewing-content" class="docs-card" title="Reviewing content">
|
||||||
title="Reviewing content">
|
<section>Review content</section>
|
||||||
<section>Review content</section>
|
<p>Keep Angular content up-to-date by reviewing topics for accuracy.</p>
|
||||||
<p>Keep Angular content up-to-date by reviewing topics for accuracy.</p>
|
<p class="card-footer">Help keep content up to date</p>
|
||||||
<p class="card-footer">Help keep content up to date</p>
|
|
||||||
</a>
|
</a>
|
||||||
<a href="guide/updating-search-keywords" class="docs-card"
|
<a href="guide/updating-search-keywords" class="docs-card" title="Updating search keywords">
|
||||||
title="Updating search keywords">
|
<section>Update search keywords</section>
|
||||||
<section>Update search keywords</section>
|
<p>Help Angular developers by improving the search keywords for existing topics.</p>
|
||||||
<p>Help Angular developers by improving the search keywords for existing topics.</p>
|
<p class="card-footer">Improve documentation search</p>
|
||||||
<p class="card-footer">Improve documentation search</p>
|
|
||||||
</a>
|
</a>
|
||||||
<a href="guide/updating-content-github-ui" class="docs-card"
|
<a href="guide/updating-content-github-ui" class="docs-card" title="Updating content through GitHub">
|
||||||
title="Updating content through GitHub">
|
<section>Update content through GitHub</section>
|
||||||
<section>Update content through GitHub</section>
|
<p>Learn how to make documentation changes through the GitHub UI.</p>
|
||||||
<p>Learn how to make documentation changes through the GitHub UI.</p>
|
<p class="card-footer">Contribute to Angular in your browser</p>
|
||||||
<p class="card-footer">Contribute to Angular in your browser</p>
|
|
||||||
</a>
|
</a>
|
||||||
<a href="guide/docs-style-guide" class="docs-card"
|
<a href="guide/docs-style-guide" class="docs-card" title="Documentation Style Guide">
|
||||||
title="Documentation Style Guide">
|
<section>Documentation style guide</section>
|
||||||
<section>Documentation style guide</section>
|
<p>Review the syntax and styles used within the Angular documentation set.</p>
|
||||||
<p>Review the syntax and styles used within the Angular documentation set.</p>
|
<p class="card-footer">Get to know the writing style</p>
|
||||||
<p class="card-footer">Get to know the writing style</p>
|
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
@ -7,35 +7,31 @@ Tutorials and guides include downloadable examples to accelerate your projects.
|
||||||
|
|
||||||
|
|
||||||
<div class="card-container">
|
<div class="card-container">
|
||||||
<a href="guide/what-is-angular" class="docs-card"
|
<a href="guide/what-is-angular" class="docs-card" title="Angular Local Environment Setup">
|
||||||
title="Angular Local Environment Setup">
|
<section>What is Angular</section>
|
||||||
<section>What is Angular</section>
|
<p>Get a high-level overview of the Angular platform.</p>
|
||||||
<p>Get a high-level overview of the Angular platform.</p>
|
<p class="card-footer">Local setup</p>
|
||||||
<p class="card-footer">Local setup</p>
|
|
||||||
</a>
|
</a>
|
||||||
<a href="guide/setup-local" class="docs-card"
|
<a href="guide/setup-local" class="docs-card" title="Angular Local Environment Setup">
|
||||||
title="Angular Local Environment Setup">
|
<section>Get Started</section>
|
||||||
<section>Get Started</section>
|
<p>Set up your local environment for development with the Angular CLI.</p>
|
||||||
<p>Set up your local environment for development with the Angular CLI.</p>
|
<p class="card-footer">Local setup</p>
|
||||||
<p class="card-footer">Local setup</p>
|
|
||||||
</a>
|
</a>
|
||||||
<a href="guide/architecture" class="docs-card" title="Angular Concepts">
|
<a href="guide/architecture" class="docs-card" title="Angular Concepts">
|
||||||
<section>Learn and Explore</section>
|
<section>Learn and Explore</section>
|
||||||
<p>Learn about the fundamental design concepts and architecture of Angular apps.</p>
|
<p>Learn about the fundamental design concepts and architecture of Angular apps.</p>
|
||||||
<p class="card-footer">Introduction to Angular concepts</p>
|
<p class="card-footer">Introduction to Angular concepts</p>
|
||||||
</a>
|
</a>
|
||||||
<a href="start" class="docs-card" title="Try out Angular">
|
<a href="start" class="docs-card" title="Try out Angular">
|
||||||
<section>Take a Look</section>
|
<section>Take a Look</section>
|
||||||
<p>Examine and work with a small ready-made Angular app, without any setup.</p>
|
<p>Examine and work with a small ready-made Angular app, without any setup.</p>
|
||||||
<p class="card-footer">Try it now</p>
|
<p class="card-footer">Try it now</p>
|
||||||
</a>
|
</a>
|
||||||
<a href="tutorial" class="docs-card" title="Create an app">
|
<a href="tutorial" class="docs-card" title="Create an app">
|
||||||
<section>Hello World</section>
|
<section>Hello World</section>
|
||||||
<p>Work through a full tutorial to create your first app.</p>
|
<p>Work through a full tutorial to create your first app.</p>
|
||||||
<p class="card-footer">Tour of Heroes tutorial</p>
|
<p class="card-footer">Tour of Heroes tutorial</p>
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue