Skip to content

WikiToLearn/WikiToLearnSkin

Folders and files

NameName
Last commit message
Last commit date
Feb 28, 2017
Jul 6, 2018
Jul 6, 2018
Sep 15, 2017
Aug 7, 2017
Sep 19, 2016
Mar 2, 2017
Aug 30, 2016
Sep 15, 2016
Aug 30, 2016
Jun 7, 2018
Feb 28, 2017
Dec 18, 2017
May 31, 2018
May 23, 2018
Jul 27, 2017
Aug 1, 2017

Repository files navigation

WikiToLearnSkin

A custom Mediawiki skin for WikiToLearn

Folder structure

  • /build/, compiled and ready for production files

  • /styles/, for Sass files

    • skin.scss, the heart of the skin, keep it clean!
    • base/, contains global styles, such as resets, typography, colors, etc.
    • layout/, contains styling for larger layout components; e.g. nav, header, footer, etc.
    • components/, contains each self-contained component
    • pages/, contains page-specific styling, if necessary
    • utils/, contains global mixins, functions, helper selectors, etc.
    • From here
  • /scripts/, JS scripts

  • /images/, static images needed by the skin

  • /i18n/, localization files

Developing

To start with a fresh clone of the repo you need to:

  • npm install --dev
    • This will install 'gulp' and the required submodules
  • bower install
    • This will install bower dependencies

To watch and compile the assets:

  • gulp sass
    • This will build the style
  • gulp watch
    • This will listen for every changes in the styles folder and will compile it to plain css when files are saved.

Further documentation on the skin can be found here