Difference between revisions of "MediaWiki:Common.less"

From The Kingkiller Chronicle Wiki
Jump to navigation Jump to search
 
(5 intermediate revisions by the same user not shown)
Line 52: Line 52:
  
 
// templates
 
// templates
 +
@import '@{dir}/infobox.less';          //
 +
@import '@{dir}/messagebox.less';        //
 +
@import '@{dir}/navbox.less';            //
 +
@import '@{dir}/portableinfobox.less';  //
 +
@import '@{dir}/quotes.less';            // [[Template:Quote]]
 
@import '@{dir}/treelists.less';        //
 
@import '@{dir}/treelists.less';        //
 
@import '@{dir}/wikitables.less';        //
 
@import '@{dir}/wikitables.less';        //
Line 58: Line 63:
 
@import '@{dir}/mainpage.less';          // Main Page
 
@import '@{dir}/mainpage.less';          // Main Page
 
@import '@{dir}/specials.less';          // Special pages
 
@import '@{dir}/specials.less';          // Special pages
 +
 +
/* --------------------
 +
        Extra shit
 +
  -------------------- */
 +
 
 +
/* --------------------
 +
    Category bar
 +
-------------------- */
 +
.catlinks {
 +
    background: @white;
 +
    border: 1px solid @mystic;
 +
    padding: 8px 15px;
 +
    box-shadow: @box-shadow;
 +
}

Latest revision as of 03:55, 31 December 2018

// <pre>
/* ------------------------------------------------------------------------------------------------------
 * This is the root Less file that is parsed to produce [[MediaWiki:Common.css]].
 *
 * Eventually, this will be completely converted to native Less and will be a series of
 * imports of Less files. All CSS found here should ideally be moved to a subpage.
 * Converted subpages can be found at [[Special:PrefixIndex/MediaWiki:Common.less/]].
 *
 * To update MediaWiki:Common.css from here, click the "Update CSS" button at the top.
 * ------------------------------------------------------------------------------------------------------
 * Less documentation:    <http://lesscss.org/features/>
 * Gadget:                <https://kingkiller.wiki/w/MediaWiki:Gadget-Less.js>
 * Core JS:          <https://kingkiller.wiki/w/MediaWiki:Gadget-Less-core.js>
 * Non-standard mixins:   <https://kingkiller.wiki/w/MediaWiki:Gadget-LessMixins.less>
 * Online Less tester:    <http://lesstester.com/>
 * ------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------
 *            TABLE OF CONTENTS
 *
 * - Imports
 *    - Important stuff
 *    - Local modifications
 *    - Custom classes
 *    - Templates
 *    - Page specific styling
 *    - Script CSS
 * - Junk that hasn't been organised yet
   ------------------------------------------ */

/* =============
      IMPORTS
   ============= */

@dir: 'MediaWiki:Common.less';

// important stuff
@import '@{dir}/fonts.less';             // needs to be first, due to the Google Fonts @import
@import '@{dir}/variables.less';         // color variables

// modifications
@import '@{dir}/links.less';             // link colors, at the top for lower specificity
@import '@{dir}/diffs.less';             //
@import '@{dir}/elements.less';          //
@import '@{dir}/interface.less';         //

// custom classes
@import '@{dir}/animations.less';        // CSS animations
@import '@{dir}/discord.less';           // 
@import '@{dir}/nodesktop.less';         //
@import '@{dir}/tile.less';              //

// templates
@import '@{dir}/infobox.less';           //
@import '@{dir}/messagebox.less';        // 
@import '@{dir}/navbox.less';            //
@import '@{dir}/portableinfobox.less';   //
@import '@{dir}/quotes.less';            // [[Template:Quote]]
@import '@{dir}/treelists.less';         //
@import '@{dir}/wikitables.less';        //

// page specific styling
@import '@{dir}/mainpage.less';          // Main Page
@import '@{dir}/specials.less';          // Special pages

/* --------------------
        Extra shit
   -------------------- */
   
/* --------------------
    Category bar
-------------------- */
.catlinks {
    background: @white;
    border: 1px solid @mystic;
    padding: 8px 15px;
    box-shadow: @box-shadow;
}