| ... |
... |
@@ -79,38 +79,24 @@ |
| 79 |
79 |
|
| 80 |
80 |
{{velocity}} |
| 81 |
81 |
{{html clean="false"}} |
| 82 |
|
-<div class="row"> |
|
82 |
+<ul class="card-list two-cols"> |
| 83 |
83 |
#foreach ($card in $actionCards) |
| 84 |
|
- ## See http://getbootstrap.com/css/#grid-responsive-resets . |
| 85 |
|
- #if ($foreach.index > 0 && $foreach.index % 2 == 0) |
| 86 |
|
- <div class="clearfix visible-sm-block visible-md-block visible-lg-block"></div> |
| 87 |
|
- #end |
| 88 |
|
- <div class="col-xs-12 col-sm-6"> |
|
84 |
+ <li class="card"> |
| 89 |
89 |
#helpActionCard($card) |
| 90 |
|
- </div> |
|
86 |
+ </li> |
| 91 |
91 |
#end |
| 92 |
|
-</div> |
|
88 |
+</ul> |
| 93 |
93 |
<h3 id="HExamples">$services.localization.render('help.templates.examples.title')</h3> |
| 94 |
94 |
<p>$services.localization.render('help.templates.examples.description')</p> |
| 95 |
|
-<div class="row"> |
|
91 |
+<ul class="card-list"> |
| 96 |
96 |
#foreach ($card in $exampleCards) |
| 97 |
|
- ## See http://getbootstrap.com/css/#grid-responsive-resets . |
| 98 |
|
- #if ($foreach.index > 0 && $foreach.index % 2 == 0) |
| 99 |
|
- <div class="clearfix visible-sm-block "></div> |
| 100 |
|
- #end |
| 101 |
|
- #if ($foreach.index > 0 && $foreach.index % 3 == 0) |
| 102 |
|
- <div class="clearfix visible-md-block"></div> |
| 103 |
|
- #end |
| 104 |
|
- #if ($foreach.index > 0 && $foreach.index % 4 == 0) |
| 105 |
|
- <div class="clearfix visible-lg-block"></div> |
| 106 |
|
- #end |
| 107 |
|
- <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3"> |
|
93 |
+ <li class="card"> |
| 108 |
108 |
#set ($outputCard = {}) |
| 109 |
109 |
#getTemplateExample($card $outputCard) |
| 110 |
110 |
#helpExampleCard($outputCard) |
| 111 |
|
- </div> |
|
97 |
+ </li> |
| 112 |
112 |
#end |
| 113 |
|
-</div> |
|
99 |
+</ul> |
| 114 |
114 |
<p><a href="$exoPrefix/Templates+Application/" class="wikiexternallink">$services.localization.render('help.templates.more')</a></p> |
| 115 |
115 |
{{/html}} |
| 116 |
116 |
{{/velocity}} |
