primer/css
1
1
Fork 0
mirror of https://github.com/primer/css.git synced 2025-01-06 22:36:48 +03:00
Code Issues Projects Releases Wiki Activity

swap "dead" for "inert=true" in non-live HTML snippets

Browse Source
This commit is contained in:
Shawn Allen 2019-03-07 14:42:51 -08:00
parent 9db1b72683
commit 77bfeae104
2 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
pages/css/getting-started/index.md
View File

@ -77,7 +77,7 @@ $blue: #0000ff;
Don't forget to add the compiled CSS to the `<head>` section of your page.
```html dead
```html inert=true
<link href="path/to/style.css" rel="stylesheet">
```
@ -85,6 +85,6 @@ Don't forget to add the compiled CSS to the `<head>` section of your page.
You won't need to install any node modules for a static site, you can use the built CSS. The best thing to do is to [download the built CSS](https://unpkg.com/primer/build/build.css) from the npm module and host it yourself. If that's not an option, you can include a CDN link in your html:
```html dead
```html inert=true
<link href="https://unpkg.com/primer/build/build.css" rel="stylesheet">
```

8
pages/css/principles/html.md
View File

@ -15,7 +15,7 @@ title: HTML
* Avoid trailing slashes in self-closing elements. For example, `<br>`, `<hr>`, `<img>`, and `<input>`.
* Don't set `tabindex` manually—rely on the browser to set the order.
```html dead={true}
```html inert=true
<p class="line-note m-0" data-attribute="106">
This is my paragraph of special text.
</p>
@ -25,7 +25,7 @@ title: HTML
Many attributes don't require a value to be set, like `disabled` or `checked`, so don't set them.
```html dead={true}
```html inert=true
<input type="text" disabled>
<input type="checkbox" value="1" checked>
@ -41,7 +41,7 @@ For more information, [read the WhatWG section](http://www.whatwg.org/specs/web-
Whenever possible, avoid superfluous parent elements when writing HTML. Many times this requires iteration and refactoring, but produces less HTML. For example:
```html dead={true}
```html inert=true
<!-- Not so great -->
<span class="avatar">
<img src="https://github.com/github.png">
@ -62,7 +62,7 @@ Whenever possible, avoid superfluous parent elements when writing HTML. Many tim
Make use of `<thead>`, `<tfoot>`, `<tbody>`, and `<th>` tags (and `scope` attribute) when appropriate. (Note: `<tfoot>` goes above `<tbody>` for speed reasons. You want the browser to load the footer before a table full of data.)
```html dead={true}
```html inert=true
<table summary="This is a chart of invoices for 2011.">
<thead>
<tr>