You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: index.html
+4-3
Original file line number
Diff line number
Diff line change
@@ -236,7 +236,7 @@ <h3>Declaration order</h3>
236
236
</ol>
237
237
<p>Positioning comes first because it can remove an element from the normal flow of the document and override box model related styles. The box model comes next as it dictates a component's dimensions and placement.</p>
238
238
<p>Everything else takes place <em>inside</em> the component or without impacting the previous two sections, and thus they come last.</p>
239
-
<p>For a complete list of properties and their order, please see <ahref="http://twitter.github.com/recess">Recess</a>.</p>
239
+
<p>For a complete list of properties and their order, please see the <ahref="https://github.com/twbs/stylelint-config-twbs-bootstrap/blob/master/css/index.js">Bootstrap property order for Stylelint</a>.</p>
240
240
</div>
241
241
<divclass="col">
242
242
{% highlight css %}{% include css/declaration-order.css %}{% endhighlight %}
@@ -294,7 +294,7 @@ <h3>Single declarations</h3>
294
294
<divclass="section" id="css-shorthand">
295
295
<divclass="col">
296
296
<h3>Shorthand notation</h3>
297
-
<p>Strive to limit use of shorthand declarations to instances where you must explicitly set all the available values. Common overused shorthand properties include:</p>
297
+
<p>Limit shorthand declaration usage to instances where you must explicitly set all available values. Frequently overused shorthand properties include:</p>
298
298
<ul>
299
299
<li><code>padding</code></li>
300
300
<li><code>margin</code></li>
@@ -303,7 +303,8 @@ <h3>Shorthand notation</h3>
303
303
<li><code>border</code></li>
304
304
<li><code>border-radius</code></li>
305
305
</ul>
306
-
<p>Often times we don't need to set all the values a shorthand property represents. For example, HTML headings only set top and bottom margin, so when necessary, only override those two values. Excessive use of shorthand properties often leads to sloppier code with unnecessary overrides and unintended side effects.</p>
306
+
<p>Usually we don't need to set all the values a shorthand property represents. For example, HTML headings only set top and bottom margin, so when necessary, only override those two values. A `0` value implies an override of either a browser default or previously specified value.</p>
307
+
<p>Excessive use of shorthand properties leads to sloppier code with unnecessary overrides and unintended side effects.</p>
307
308
<p>The Mozilla Developer Network has a great article on <ahref="https://developer.mozilla.org/en-US/docs/Web/CSS/Shorthand_properties">shorthand properties</a> for those unfamiliar with notation and behavior.</p>
0 commit comments