Skip to content

Commit 219a955

Browse files
committed
[css-images-4] Fixed code examples text wrapping
1 parent c50164e commit 219a955

1 file changed

Lines changed: 14 additions & 9 deletions

File tree

css-images-4/Overview.bs

Lines changed: 14 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -729,7 +729,7 @@ Conic Gradient Examples</h4>
729729

730730
<div class=example>
731731
A conic gradient used to draw a simple pie chart.
732-
The 0 color stop positions will be fixed up to be equal to the position of the color stop before them.
732+
The ''0deg'' color stop positions will be fixed up to be equal to the position of the color stop before them.
733733
This will produce infinitesimal (invisible) transitions between the color stops with different colors,
734734
effectively producing solid color segments.
735735

@@ -774,26 +774,31 @@ Repeating Gradients: the ''repeating-linear-gradient()'', ''repeating-radial-gra
774774
<div class=example>
775775
Repeating color stops with abrupt transitions creates a starburst-type background:
776776

777-
<pre>background: repeating-conic-gradient(
778-
hsla(0,0%,100%,.2) 0deg 15deg,
779-
hsla(0,0%,100%,0) 0deg 30deg
780-
) #0ac;</pre>
777+
<pre>
778+
background: repeating-conic-gradient(
779+
hsla(0,0%,100%,.2) 0deg 15deg,
780+
hsla(0,0%,100%,0) 0deg 30deg
781+
) #0ac;</pre>
781782

782783
<img src="images/repeating-conic2.png" alt="">
783784
</div>
784785

785786
<div class=example>
786787
Here repeating color stops with abrupt transitions are used to create a checkerboard:
787788

788-
<pre>background: repeating-conic-gradient(black 0deg 25%, white 0deg 50%);
789-
background-size: 60px 60px;</pre>
789+
<pre>
790+
background: repeating-conic-gradient(black 0deg 25%, white 0deg 50%);
791+
background-size: 60px 60px;
792+
</pre>
790793

791794
<img src="images/repeating-conic3.png" alt="">
792795

793796
The same checkerboard can be created via non-repeating conic gradients:
794797

795-
<pre>background: conic-gradient(black 25%, white 0deg 50%, black 0deg 75%, white 0deg);
796-
background-size: 60px 60px;</pre>
798+
<pre>
799+
background: conic-gradient(black 25%, white 0deg 50%, black 0deg 75%, white 0deg);
800+
background-size: 60px 60px;
801+
</pre>
797802
</div>
798803

799804

0 commit comments

Comments
 (0)