@@ -87,19 +87,13 @@ <h2 id="colours" class="c-heading c-heading--medium">Colours</h2>
87
87
< div class ="c-card__content c-card__content--divider "> Footer</ div >
88
88
</ div >
89
89
</ div >
90
- < div class ="o-grid__cell o-grid__cell--width-50 u-letter-box--small "> < pre class ="c-pre html "> < code class ="c-code c-code--multiline "> <div class="c-card c-card--primary">
91
- <div class="c-card__content c-card__content--divider"> Header</div>
92
- <div class="c-card__content">
93
- <p class="c-paragraph"> Lorem ipsum dolor sit amet, feugiat corpora ex eam. Inciderint eloquentiam sea et.</p>
94
- <p class="c-paragraph"> Lorem ipsum dolor sit amet, feugiat corpora ex eam. Inciderint eloquentiam sea et.</p>
95
- </div>
96
- <div class="c-card__content c-card__content--divider"> Divider</div>
97
- <div class="c-card__content">
98
- <p class="c-paragraph"> Lorem ipsum dolor sit amet, feugiat corpora ex eam. Inciderint eloquentiam sea et.</p>
99
- <p class="c-paragraph"> Lorem ipsum dolor sit amet, feugiat corpora ex eam. Inciderint eloquentiam sea et.</p>
100
- </div>
101
- <div class="c-card__content c-card__content--divider"> Footer</div>
102
- </div> </ code > </ pre > </ div >
90
+ < div class ="o-grid__cell o-grid__cell--width-50 u-letter-box--small "> < pre class ="c-pre html "> < code class ="c-code c-code--multiline "> <Card primary>
91
+ <Card.Divider heading> Heading</Card.Divider>
92
+ <Card.Content> Lorem ipsum dolor sit amet, feugiat corpora ex eam. Inciderint eloquentiam sea et.</Card.Content>
93
+ <Card.Divider heading> Heading</Card.Divider>
94
+ <Card.Content> Lorem ipsum dolor sit amet, feugiat corpora ex eam. Inciderint eloquentiam sea et.</Card.Content>
95
+ <Card.Divider footer> Heading</Card.Divider>
96
+ </Card> </ code > </ pre > </ div >
103
97
</ div >
104
98
105
99
< h2 id ="shadows " class ="c-heading c-heading--medium "> With Shadows</ h2 >
0 commit comments