Difference between revisions of "MediaWiki/Foundation"
Jump to navigation
Jump to search
(25 intermediate revisions by one other user not shown) | |||
Line 1: | Line 1: | ||
<seo | <seo | ||
titlemode="append" | titlemode="append" | ||
− | title="Foundation CSS Framework for MediaWiki " | + | title="Foundation CSS Framework for MediaWiki: A Guide " |
− | keywords="MediaWiki, Foundation, CSS, Zurb, Foreground Skin" | + | keywords="MediaWiki, Foundation, CSS, Zurb, Foreground Skin, Pivot Skin" |
− | description=" | + | description="Foundation CSS Framework for MediaWiki: A Guide"> |
</seo> | </seo> | ||
+ | __NOTOC__ | ||
+ | <h4>Foundation CSS Framework for MediaWiki: A Guide</h4> | ||
+ | <div class="row"> | ||
+ | <div class="small-12 columns"> | ||
+ | <div class="panel radius"> | ||
+ | <p>Foundation is a CSS Framework by <html><a href="https://foundation.zurb.com/" target="_blank">Zurb</a></html> which makes it easy for developers to build responsive websites.</p> | ||
+ | <p>To use components from the Zurb Foundation CSS Framework in MediaWiki, first install a custom skin such as the [[MediaWiki/Skins/Foreground|Foreground Skin]] or the [[MediaWiki/Skins/Pivot|Pivot Skin]], which are built upon the Foundation CSS Framework.</p> | ||
+ | <p>Each of the pages linked from this Guide demonstrate the Foundation CSS components and provide code snippets to use on your own MediaWiki site.</p> | ||
+ | </div> <!-- End Panel --> | ||
+ | </div> <!-- End Column --> | ||
+ | </div> <!-- End Row --> | ||
− | + | <div class="row"> | |
− | + | <div class="small-9 small-offset-3 columns"> | |
− | + | <html> | |
− | + | <a href="/wiki/MediaWiki/Foundation/Grid" class="nav-btn">The Grid</a> | |
− | + | <br /> | |
− | + | <a href="/wiki/MediaWiki/Foundation/Panels" class="nav-btn">Panels</a> | |
− | + | <a href="/wiki/MediaWiki/Foundation/Callout_Panels" class="nav-btn">Callout Panel</a> | |
− | + | <br /> | |
− | + | <a href="/wiki/MediaWiki/Foundation/Simple_Buttons" class="nav-btn">Simple Buttons</a> | |
− | + | <a href="/wiki/MediaWiki/Foundation/Dropdown_Buttons" class="nav-btn">Dropdown Buttons</a> | |
− | + | <a href="/wiki/MediaWiki/Foundation/Split_Buttons" class="nav-btn">Split Buttons</a> | |
− | + | <br /> | |
− | + | <a href="/wiki/MediaWiki/Foundation/Button_Groups" class="nav-btn">Button Groups</a> | |
− | + | <a href="/wiki/MediaWiki/Foundation/Button_Bar" class="nav-btn">Button Bar</a> | |
− | + | <br /> | |
− | + | <a href="/wiki/MediaWiki/Foundation/Accordion" class="nav-btn">Accordion</a> | |
− | + | <a href="/wiki/MediaWiki/Foundation/Tabs" class="nav-btn">Multiple Tab Sets</a> | |
− | + | <a href="/wiki/MediaWiki/Foundation/Panels_with_Buttons" class="nav-btn">Panels With Buttons</a> | |
− | + | </html> | |
− | + | </div> <!-- End Column --> | |
− | + | </div> <!-- End Row --> | |
− | + | <hr> | |
− | |||
− | |||
− | <a href="/wiki/MediaWiki/Foundation/ | ||
− | |||
− | |||
− | |||
− | |||
− | <a href="/wiki/MediaWiki/Foundation/ | ||
− | |||
− |
Latest revision as of 09:35, 6 October 2021
Foundation CSS Framework for MediaWiki: A Guide
Foundation is a CSS Framework by Zurb which makes it easy for developers to build responsive websites.
To use components from the Zurb Foundation CSS Framework in MediaWiki, first install a custom skin such as the Foreground Skin or the Pivot Skin, which are built upon the Foundation CSS Framework.
Each of the pages linked from this Guide demonstrate the Foundation CSS components and provide code snippets to use on your own MediaWiki site.