Skip to content
This repository has been archived by the owner on May 24, 2021. It is now read-only.

Rails styles integration

Miguel Michelson Martinez edited this page Sep 15, 2018 · 3 revisions

ONLY FOR Dante 0.4 . this procedure is not needed in 0.5.x

custom setup:

just include source styles and customize at your will

simple integration

@import "dante" // this imports all dante styles;

custom integration

@charset "utf-8";
$tooltip-items: 5;
$debugger: false;
@import "dante/_variables";


/*$font-family-sans-serif:  "futura-pt", sans-serif;
$font-family-serif:       "adobe-garamond-pro", "adobe-garamond-pro", Georgia, serif;
$font-family-monospace:   $font-family-sans-serif; //'Space Mono', monospace;
*/
$dante-font-family-sans:  "futura-pt", sans-serif; //$font-family-sans-serif ;   //'jaf-bernino-sans', 'Open Sans', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
$dante-font-family-serif: "adobe-garamond-pro", "adobe-garamond-pro", Georgia, serif; //$font-family-serif; //'freight-text-pro', 'Merriweather', Georgia,Cambria, "Times New Roman", Times,serif;
$dante-font-family-mono:  $dante-font-family-sans; //$font-family-monospace; //Menlo, Monaco, Consolas, "Courier New", "Courier", monospace;


@import "dante/_utilities";
@import "dante/_scaffold";
// @import "dante/_fonts";
@import "overwrites/_dante_fonts"; // this file is the custom font, keep reading 
@import "dante/_animations";
@import "dante/_post";
@import "dante/_icons";
@import "dante/_menu";
@import "dante/_tooltip";
@import "dante/_popover";
@import "dante/_graf";
@import "dante/_media";
@import "dante/_caption";
@import "dante/_needsorder";
@import "dante/blame";
@import "draft";

@import "dante/debug";

.postContent {
  font-size: 20px;
}

@media screen and (min-width: 1200px) {
  .postArticle {
      margin-top: 34px !important;
  }
}

Font loader Dante icons

@mixin dante-font-face-override($font-family, $file-name, $font-weight: normal, $font-style: normal) {
  @font-face {
    font-family: '#{$font-family}';
    src: url(asset-path('fonts/dante/#{$file-name}.eot'));
    src: url(asset-path('fonts/dante/#{$file-name}.eot?#iefix')) format('embedded-opentype'),
    url(asset-path('fonts/dante/#{$file-name}.woff')) format('woff'),
    url(asset-path('fonts/dante/#{$file-name}.ttf')) format('truetype'),
    url(asset-path('fonts/dante/#{$file-name}.svg##{$file-name}')) format('svg');
    font-weight: $font-weight;
    font-style: $font-style;
  }
}

@include dante-font-face-override(dante, fontello);
@include dante-font-face-override(dante-tooltip, dante);

//@import url('//fonts.googleapis.com/css?family=Merriweather:400,700,400italic,700italic|Open+Sans:400,300,800');