Contents

-# 
-# Type
-# 

%h3#modular-scale Modular Scale
:markdown
  The type and spacing is set using modular scale. Whilst this style guide will give some information 
  on how to change the defaults, it will *not* try to give an explaintion of modular scale. 
  
  The project uses [this mixin](https://github.com/scottkellum/modular-scale), it has some good documentaion in the README.md.
%hr

%h3#setting-modular-scale Setting Modular Scale
:markdown
  To change the modular scale of the site you must define the folowing variables:
:coderay
  #!SCSS

  $baseFontSize: 16px;
  $importantModNum: 145px;
:markdown
  The default ratio for the scale is fifth (1:1.5). To change the ratio you should change
  the variable `$ratio`. There are several predefined ratios to be found [here](https://github.com/Team-Sass/modular-scale):
:coderay
  #!SCSS

  // Perfect Fifth
  $ratio: fifth();
%hr

%h3#setting-fonts Setting Fonts
:markdown
  Changing font attributes is self explanatory…
:coderay
  #!SCSS

  $base-line-height: 1.5;
  $base-line-height-px: 24px;

  $base-font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  $header-font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  $header-font-weight: bold;
  $header-font-color: #4d4d4d;
  $body-font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  $body-font-weight: normal;
  $body-font-color: #4d4d4d;



%h3#Headings Headings
= example "base", "type_headings"
%hr

%h3#Body-text Body Text
= example "base", "type_body"
%hr

%h3#Text-helpers Text Helpers Classes
= example "base", "type_helpers"
%hr

%h3#Text-shouts Shout Helper Classes
= example "base", "type_shouts"
%hr

%h3#Text-link Links
= example "base", "type_links"
%hr

Version data entries

4 entries across 4 versions & 1 rubygems

Version	Path
plinth-0.0.1.beta.4	app/views/base/index.html.haml
plinth-0.0.1.beta.3	app/views/base/index.html.haml
plinth-0.0.1.beta.2	app/views/base/index.html.haml
plinth-0.0.1.beta.1	app/views/base/index.html.haml