|
213 | 213 | <td>Container</td>
|
214 | 214 | <td><code>.panel</code></td>
|
215 | 215 | </tr>
|
216 |
| - <tr> |
217 |
| - <td>Pure Panel (No border and shadow)</td> |
218 |
| - <td><code>.pure</code></td> |
219 |
| - </tr> |
220 | 216 | <tr>
|
221 | 217 | <td>Panel Header</td>
|
222 | 218 | <td><code>.header</code></td>
|
|
274 | 270 | </div>
|
275 | 271 | <div class="content">
|
276 | 272 | <div class="headline">
|
277 |
| - Lorem ipsum dolor sit amet, eu duo inermis vocibus similique. |
| 273 | + Lorem ipsum dolor sit amet, eu duo inermis vocibus. |
278 | 274 | </div>
|
279 | 275 | <p>
|
280 |
| - Eam insolens elaboraret in, sumo habeo nec ne. Dicta animal <code>integre</code> est cu, sea tacimates percipitur adversarium ei, |
281 |
| - justo volumus assentior cu nec. |
| 276 | + Eam insolens elaboraret in, sumo habeo nec ne. Dicta animal <code>integre</code> est cu, sea tacimates percipitur. |
282 | 277 | </p>
|
283 | 278 | </div>
|
284 | 279 | <div class="bottom borderless">
|
285 |
| - <div class="button block primary">Bottom Button</div> |
| 280 | + <div class="button block large dark">Bottom Button</div> |
286 | 281 | </div>
|
287 | 282 | </div>
|
288 | 283 | </div>
|
289 |
| - <div class="col-sm-16 col-xs-16 col-lg-10"> |
| 284 | + <div class="col-sm-16 col-xs-16 col-lg-9 offset-lg-8"> |
290 | 285 | <div id="highlighter_69643" class="syntaxhighlighter nogutter xml">
|
291 | 286 | <table border="0" cellpadding="0" cellspacing="0">
|
292 | 287 | <tbody>
|
|
434 | 429 | </div>
|
435 | 430 | <div class="content">
|
436 | 431 | <p>
|
437 |
| - To remove border and shadow from the panel, just add the <code>.pure</code> to <code>.panel</code> container class. |
| 432 | + To remove border and shadow from the panel, just add the <code>.pure</code> helper class to <code>.panel</code> container element. |
438 | 433 | </p>
|
439 | 434 | <div class="row">
|
440 | 435 | <div class="col-sm-16 col-xs-16 col-lg-7">
|
|
458 | 453 | </div>
|
459 | 454 | <p>
|
460 | 455 | Eam insolens elaboraret in, sumo habeo nec ne. Dicta animal <code>integre</code> est cu, sea tacimates
|
461 |
| - percipitur adversarium ei, |
462 |
| - justo volumus assentior cu nec. |
| 456 | + percipitur. |
463 | 457 | </p>
|
464 | 458 | </div>
|
465 | 459 | <div class="bottom">
|
466 |
| - <div class="button primary small">Bottom Button</div> |
| 460 | + <div class="button dark">Bottom Button</div> |
467 | 461 | <div class="actions">
|
468 |
| - <div class="buttons mini"> |
| 462 | + <div class="buttons small"> |
469 | 463 | <a href="javascript:" class="button secondary">
|
470 | 464 | <span class="material-icons">launch</span>
|
471 | 465 | </a>
|
472 |
| - <div class="dropdown top right mini"> |
| 466 | + <div class="dropdown top right"> |
473 | 467 | <a class="button toggle" tabindex="0">
|
474 | 468 | <span class="material-icons">keyboard_arrow_up</span>
|
475 | 469 | </a>
|
|
495 | 489 | </div>
|
496 | 490 | <p>
|
497 | 491 | Eam insolens elaboraret in, sumo habeo nec ne. Dicta animal <code>integre</code> est cu, sea tacimates
|
498 |
| - percipitur adversarium ei, |
499 |
| - justo volumus assentior cu nec. |
| 492 | + percipitur. |
500 | 493 | </p>
|
501 | 494 | </div>
|
502 | 495 | </div>
|
|
517 | 510 | <code>.media</code> class should be used in <code>.content</code> container class.
|
518 | 511 | </div>
|
519 | 512 | <div class="row">
|
520 |
| - <div class="col-lg-12 col-sm-16 col-xs-16 offset-lg-2"> |
| 513 | + <div class="col-lg-15 col-sm-16 col-xs-16 offset-lg-1"> |
521 | 514 | <div class="panel pure">
|
522 | 515 | <div class="header">
|
523 | 516 | <div class="title">Pure Panel with Media</div>
|
|
528 | 521 | tibique omittam voluptatibus.
|
529 | 522 | </div>
|
530 | 523 | <div class="media">
|
531 |
| - <img src="https://source.unsplash.com/user/josilito/800x600"> |
| 524 | + <img src="https://source.unsplash.com/user/josilito/800x600" class="rounded"> |
532 | 525 | </div>
|
533 | 526 | <p>
|
534 | 527 | Eam insolens elaboraret in, sumo habeo nec ne. Dicta animal <code>integre</code> est cu, sea tacimates
|
535 | 528 | percipitur adversarium ei,
|
536 | 529 | justo volumus assentior cu nec. Ut facilisi consequat duo, te ius eleifend sadipscing scriptorem.
|
537 | 530 | </p>
|
| 531 | + <p> |
| 532 | + Lorem ipsum dolor sit amet, ea sit tation nostrum. Amet error utamur mel ad, congue meliore nam at, lorem dolorum at |
| 533 | + qui. Mea an libris corpora delicatissimi. Eos velit fabellas sapientem an, rebum movet ex nec. Mea cu veniam corpora, |
| 534 | + sint vide assum duo ne. |
| 535 | + </p> |
| 536 | + <p> |
| 537 | + In illud nominati mel. Delectus singulis ex quo. At quem possit assentior pro, cu vix soleat postea luptatum. Minim |
| 538 | + harum sententiae mea ex, vocibus vivendum eam ne, vis malis paulo efficiendi eu. Posse tempor commune eu his, has te |
| 539 | + quis libris. Est simul recusabo in, et noster consectetuer per, sea no vitae lobortis incorrupte. Tritani legendos |
| 540 | + disputationi eum id, suas dolorem inciderint et pri. |
| 541 | + </p> |
538 | 542 | </div>
|
539 | 543 | </div>
|
540 | 544 | </div>
|
|
0 commit comments