fonts.scss in binda-0.1.4

- old
+ new
@@ -1,147 +1,192 @@
-.default-font
-{
-  font-family: 'Work Sans', arial, sans-serif;
+.default-font {
+  font-family: "Work Sans", arial, sans-serif;
 }
 
-// - - - - - - - - - - - - - - - - - - 
+// - - - - - - - - - - - - - - - - - -
 // LAYOUT
-// - - - - - - - - - - - - - - - - - - 
+// - - - - - - - - - - - - - - - - - -
 
-html, body, div, span, applet, object, iframe,
-h1, h2, h3, h4, h5, h6, p, blockquote, pre,
-a, abbr, acronym, address, big, cite, code,
-del, dfn, em, img, ins, kbd, q, s, samp,
-small, strike, strong, sub, sup, tt, var,
-b, u, i, center,
-dl, dt, dd, ol, ul, li,
-fieldset, form, label, legend,
-table, caption, tbody, tfoot, thead, tr, th, td,
-article, aside, canvas, details, embed, 
-figure, figcaption, footer, header, hgroup, 
-menu, nav, output, ruby, section, summary,
-time, mark, audio, video {
-  font-weight: 300; 
+html,
+body,
+div,
+span,
+applet,
+object,
+iframe,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote,
+pre,
+a,
+abbr,
+acronym,
+address,
+big,
+cite,
+code,
+del,
+dfn,
+em,
+img,
+ins,
+kbd,
+q,
+s,
+samp,
+small,
+strike,
+strong,
+sub,
+sup,
+tt,
+var,
+b,
+u,
+i,
+center,
+dl,
+dt,
+dd,
+ol,
+ul,
+li,
+fieldset,
+form,
+label,
+legend,
+table,
+caption,
+tbody,
+tfoot,
+thead,
+tr,
+th,
+td,
+article,
+aside,
+canvas,
+details,
+embed,
+figure,
+figcaption,
+footer,
+header,
+hgroup,
+menu,
+nav,
+output,
+ruby,
+section,
+summary,
+time,
+mark,
+audio,
+video {
+  font-weight: 300;
 }
 
-body
-{
+body {
   font-size: 100%;
   font-size: $font-size-base;
   line-height: 1.25em;
   color: $text-color;
 
   @extend .default-font;
 }
-::selection
-{
+::selection {
   color: $body-bg !important;
   background: $text-color !important; /* WebKit/Blink Browsers */
 }
-::-moz-selection
-{
+::-moz-selection {
   color: $body-bg !important;
   background: $text-color !important; /* Gecko Browsers */
 }
 
-
-// - - - - - - - - - - - - - - - - - - 
+// - - - - - - - - - - - - - - - - - -
 // TYPO
-// - - - - - - - - - - - - - - - - - - 
+// - - - - - - - - - - - - - - - - - -
 
 a,
 a:link,
 a:visited,
 a:hover,
-a:active
-{
+a:active {
   // font-weight: bold;
   // color: $link-color;
   text-decoration: none;
 }
 
-a:hover
-{
+a:hover {
   // border-bottom: 2px solid $link-color;
 }
 
-button a
-{
+button a {
   border-bottom: none;
 }
 
-.p
-{
+.p {
   @include font-size( $font-size-base, $font-size-base * 1.25 );
 
-  @media ( min-width: $tablet )
-  {
+  @media (min-width: $tablet) {
     @include font-size( $font-size-base, $font-size-base * 1.25 );
   }
 }
 
-.small
-{
+.small {
   @include font-size( $font-size-base * 0.8, $font-size-base  * 0.8 * 1.25 );
 
-  @media ( min-width: $tablet )
-  {
+  @media (min-width: $tablet) {
     @include font-size( $font-size-large * 0.85, $font-size-large * 0.85 * 1.25 );
   }
 }
 
-.tiny
-{
+.tiny {
   @include font-size( $font-size-base * 0.8 );
 }
 
-em
-{
+em {
   font-style: italic;
   display: inline-block;
 }
 
-strong
-{
+strong {
   font-weight: bold;
   display: inline-block;
 }
 
-.b-h1
-{
+.b-h1 {
   @include font-size( $font-size-h2, $font-size-h2 * 1.25 );
 
-  @media ( min-width: $tablet )
-  {
+  @media (min-width: $tablet) {
     @include font-size( $font-size-h1, $font-size-h1 * 1.25 );
   }
 }
 
-.b-h2
-{
+.b-h2 {
   @include font-size( $font-size-h3, $font-size-h3 * 1.25 );
 
-  @media ( min-width: $tablet )
-  {
+  @media (min-width: $tablet) {
     @include font-size( $font-size-h2, $font-size-h2 * 1.25 );
   }
 }
 
-.b-h3
-{
+.b-h3 {
   @include font-size( $font-size-h4, $font-size-h4 * 1.25 );
 
-  @media ( min-width: $tablet )
-  {
+  @media (min-width: $tablet) {
     @include font-size( $font-size-h3, $font-size-h3 * 1.25 );
   }
 }
 
-.b-h4
-{
+.b-h4 {
   @include font-size( $font-size-h5, $font-size-h5 * 1.25 );
 
-  @media ( min-width: $tablet )
-  {
+  @media (min-width: $tablet) {
     @include font-size( $font-size-h4, $font-size-h4 * 1.25 );
   }
 }