Difference between revisions of "MediaWiki/Foundation"
Jump to navigation
Jump to search
| Line 17: | Line 17: | ||
<html> | <html> | ||
<div class="row"> | <div class="row"> | ||
| − | <div class="small-10 | + | <div class="small-10 columns"> |
<div class="panel radius"> | <div class="panel radius"> | ||
| Line 24: | Line 24: | ||
<h4>The Grid<h4> | <h4>The Grid<h4> | ||
</div> <!-- End Column --> | </div> <!-- End Column --> | ||
| − | <div class="small-8 columns | + | <div class="small-8 columns"> |
<a href="/wiki/MediaWiki/Foundation/Grid" class="button info small radius expand">Overview of the Grid and how to use it</a> | <a href="/wiki/MediaWiki/Foundation/Grid" class="button info small radius expand">Overview of the Grid and how to use it</a> | ||
</div> <!-- End Column --> | </div> <!-- End Column --> | ||
| Line 57: | Line 57: | ||
</div> <!-- End Column --> | </div> <!-- End Column --> | ||
</div> <!-- End Row 3 --> | </div> <!-- End Row 3 --> | ||
| − | + | </div><!-- End Panel --> | |
| + | </div> <!-- End Column --> | ||
</div> <!-- End Row --> | </div> <!-- End Row --> | ||
Revision as of 07:44, 17 July 2018
Foundation CSS Framework on MediaWiki
Foundation is a CSS Framework by Zurb which makes it easy for developers to build responsive websites.
If you install the Foreground Skin on MediaWiki then you will also have access to a subset of the styles defined by Foundation 5.
Each of the pages linked here demonstrate the CSS components and provide code snippets to use on your own MediaWiki site.
<a href="/wiki/MediaWiki/Foundation/Simple Buttons" class="button info large radius expand">Simple Buttons</a>
<a href="/wiki/Foundation CSS Components/Dropdown_Buttons" class="button large expand secondary radius">Dropdown Buttons</a>
<a href="/wiki/Foundation CSS Components/Split_Buttons" class="button large expand secondary radius">Split Buttons</a>
<a href="/wiki/Foundation CSS Components/Buttons" class="button large expand secondary radius">Simple Buttons</a>
<a href="/wiki/Foundation CSS Components/Button_Groups" class="button large expand secondary radius">Button Groups</a>
<a href="#" class="button large expand secondary radius">Tables</a>
<a href="/wiki/Foundation CSS Components/Lists" class="button large expand secondary radius">Lists</a>
<a href="#" class="button large expand secondary radius">Typography</a>
<a href="/wiki/Foundation CSS Components/Panels_with_Buttons" class="button large expand secondary radius">Panels With Buttons</a>
<a href="/wiki/Foundation CSS Components/Accordion" class="button large expand secondary radius">Accordion</a>
<a href="#" class="button large expand secondary radius">Unused</a>
<a href="#" class="button large expand secondary radius">Unused</a>
<a href="/wiki/Foundation CSS Components/Button_Bar" class="button large expand secondary radius">Button Bar</a>
</html>
<a href="/wiki/MediaWiki/Foundation/Tabs" class="button info large radius expand">Multiple Tab Sets</a>
Foundation 4 Documentation: http://foundation.zurb.com/docs/v/4.3.2/
Temporary link to Foundation Examples
