dev: add fonts to assets pipeline

This commit is contained in:
Orlando Del Aguila 2019-08-09 18:03:28 -05:00
parent 1f25204eaf
commit bc927e5d77
7 changed files with 111 additions and 103 deletions

View file

@ -0,0 +1,4 @@
// License: AGPL-3.0-or-later WITH Web-Template-Output-Additional-Permission-3.0-or-later %>
@import "common/vendor/froala_editor";
@import "common/vendor/quill.bubble";

View file

@ -1,3 +0,0 @@
<% # License: AGPL-3.0-or-later WITH Web-Template-Output-Additional-Permission-3.0-or-later %>
@import 'common/vendor/froala_editor';
@import 'common/vendor/quill.bubble';

View file

@ -1,15 +1,18 @@
<% # License: AGPL-3.0-or-later WITH Web-Template-Output-Additional-Permission-3.0-or-later %>
// License: AGPL-3.0-or-later WITH Web-Template-Output-Additional-Permission-3.0-or-later
/*!
* Font Awesome 4.1.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
$path: "<%= asset_path('FontAwesome') %>";
@font-face {
font-family: 'FontAwesome';
src: url($path + '/fontawesome-webfont.eot?v=4.1.0');
src: url($path + '/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), url($path + '/fontawesome-webfont.woff?v=4.1.0') format('woff'), url($path + '/fontawesome-webfont.ttf?v=4.1.0') format('truetype'), url($path + '/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');
font-family: "FontAwesome";
src: font-url("FontAwesome/fontawesome-webfont.eot?v=4.1.0");
src: font-url("FontAwesome/fontawesome-webfont.eot?#iefix&v=4.1.0")
format("embedded-opentype"),
font-url("FontAwesome/fontawesome-webfont.woff?v=4.1.0") format("woff"),
font-url("FontAwesome/fontawesome-webfont.ttf?v=4.1.0") format("truetype"),
font-url("FontAwesome/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular")
format("svg");
font-weight: normal;
font-style: normal;
}
@ -63,9 +66,9 @@ $path: "<%= asset_path('FontAwesome') %>";
left: -1.85714286em;
}
.fa-border {
padding: .2em .25em .15em;
padding: 0.2em 0.25em 0.15em;
border: solid 0.08em #eeeeee;
border-radius: .1em;
border-radius: 0.1em;
}
.pull-right {
float: right;
@ -74,10 +77,10 @@ $path: "<%= asset_path('FontAwesome') %>";
float: left;
}
.fa.pull-left {
margin-right: .3em;
margin-right: 0.3em;
}
.fa.pull-right {
margin-left: .3em;
margin-left: 0.3em;
}
.fa-spin {
-webkit-animation: spin 2s infinite linear;

View file

@ -0,0 +1,79 @@
// License: AGPL-3.0-or-later WITH Web-Template-Output-Additional-Permission-3.0-or-later %>
/* Open Sans */
@font-face {
font-family: "Open Sans";
src: font-url("Open_Sans/opensans-regular-webfont.eot");
src: font-url("Open_Sans/opensans-regular-webfont.eot?#iefix"),
format("embedded-opentype"),
font-url("Open_Sans/opensans-regular-webfont.woff") format("woff"),
font-url("Open_Sans/opensans-regular-webfont.ttf") format("truetype"),
font-url("Open_Sans/opensans-regular-webfont.svg#open_sansregular")
format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Open Sans";
src: font-url("Open_Sans/opensans-light-webfont.eot");
src: font-url("Open_Sans/opensans-light-webfont.eot?#iefix")
format("embedded-opentype"),
font-url("Open_Sans/opensans-light-webfont.woff") format("woff"),
font-url("Open_Sans/opensans-light-webfont.ttf") format("truetype"),
font-url("Open_Sans/opensans-light-webfont.svg#open_sanslight")
format("svg");
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: "Open Sans";
src: font-url("Open_Sans/opensans-bold-webfont.eot");
src: font-url("Open_Sans/opensans-bold-webfont.eot?#iefix")
format("embedded-opentype"),
font-url("Open_Sans/opensans-bold-webfont.woff") format("woff"),
font-url("Open_Sans/opensans-bold-webfont.ttf") format("truetype"),
font-url("Open_Sans/opensans-bold-webfont.svg#open_sansbold") format("svg");
font-weight: bold;
font-style: normal;
}
/* Bitter */
@font-face {
font-family: "OpenSansCondensed";
src: font-url("Open_Sans_Condensed/opensans-condbold-webfont.eot");
src: font-url("Open_Sans_Condensed/opensans-condbold-webfont.eot?#iefix")
format("embedded-opentype"),
font-url("Open_Sans_Condensed/opensans-condbold-webfont.woff")
format("woff"),
font-url("Open_Sans_Condensed/opensans-condbold-webfont.ttf")
format("truetype"),
font-url("Open_Sans_Condensed/opensans-condbold-webfont.svg") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Bitter";
src: font-url("Bitter/Bitter-Regular.eot");
src: font-url("Bitter/Bitter-Regular.eot?#iefix") format("embedded-opentype"),
font-url("Bitter/Bitter-Regular.woff") format("woff"),
font-url("Bitter/Bitter-Regular.ttf") format("truetype"),
font-url("Bitter/Bitter-Regular.svg#bitterregular") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Bitter";
src: font-url("Bitter/Bitter-Bold.eot");
src: font-url("Bitter/Bitter-Bold.eot?#iefix") format("embedded-opentype"),
font-url("Bitter/Bitter-Bold.woff") format("woff"),
font-url("Bitter/Bitter-Bold.ttf") format("truetype"),
font-url("Bitter/Bitter-Bold.svg#bitterbold") format("svg");
font-weight: bold;
font-style: normal;
}

View file

@ -1,77 +0,0 @@
<% # License: AGPL-3.0-or-later WITH Web-Template-Output-Additional-Permission-3.0-or-later %>
/* Open Sans */
@font-face {
font-family: 'Open Sans';
src: url('<%= asset_path('Open_Sans/opensans-regular-webfont.eot') %>');
src: url('<%= asset_path('Open_Sans/opensans-regular-webfont.eot?#iefix') %>') format('embedded-opentype'),
url('<%= asset_path('Open_Sans/opensans-regular-webfont.woff') %>') format('woff'),
url('<%= asset_path('Open_Sans/opensans-regular-webfont.ttf') %>') format('truetype'),
url('<%= asset_path('Open_Sans/opensans-regular-webfont.svg#open_sansregular') %>') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Open Sans';
src: url('<%= asset_path('Open_Sans/opensans-light-webfont.eot') %>');
src: url('<%= asset_path('Open_Sans/opensans-light-webfont.eot?#iefix') %>') format('embedded-opentype'),
url('<%= asset_path('Open_Sans/opensans-light-webfont.woff') %>') format('woff'),
url('<%= asset_path('Open_Sans/opensans-light-webfont.ttf') %>') format('truetype'),
url('<%= asset_path('Open_Sans/opensans-light-webfont.svg#open_sanslight') %>') format('svg');
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: 'Open Sans';
src: url('<%= asset_path('Open_Sans/opensans-bold-webfont.eot') %>');
src: url('<%= asset_path('Open_Sans/opensans-bold-webfont.eot?#iefix') %>') format('embedded-opentype'),
url('<%= asset_path('Open_Sans/opensans-bold-webfont.woff') %>') format('woff'),
url('<%= asset_path('Open_Sans/opensans-bold-webfont.ttf') %>') format('truetype'),
url('<%= asset_path('Open_Sans/opensans-bold-webfont.svg#open_sansbold') %>') format('svg');
font-weight: bold;
font-style: normal;
}
/* Bitter */
$condensed: '<%= asset_path('Open_Sans_Condensed') %>';
@font-face {
font-family: 'OpenSansCondensed';
src: url($condensed + '/opensans-condbold-webfont.eot');
src: url($condensed + '/opensans-condbold-webfont.eot?#iefix') format('embedded-opentype'),
url($condensed + '/opensans-condbold-webfont.woff') format('woff'),
url($condensed + '/opensans-condbold-webfont.ttf') format('truetype'),
url($condensed + '/opensans-condbold-webfont.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Bitter';
src: url('<%= asset_path('Bitter/Bitter-Regular.eot') %>');
src: url('<%= asset_path('Bitter/Bitter-Regular.eot?#iefix') %>') format('embedded-opentype'),
url('<%= asset_path('Bitter/Bitter-Regular.woff') %>') format('woff'),
url('<%= asset_path('Bitter/Bitter-Regular.ttf') %>') format('truetype'),
url('<%= asset_path('Bitter/Bitter-Regular.svg#bitterregular') %>') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Bitter';
src: url('<%= asset_path('Bitter/Bitter-Bold.eot') %>');
src: url('<%= asset_path('Bitter/Bitter-Bold.eot?#iefix') %>') format('embedded-opentype'),
url('<%= asset_path('Bitter/Bitter-Bold.woff') %>') format('woff'),
url('<%= asset_path('Bitter/Bitter-Bold.ttf') %>') format('truetype'),
url('<%= asset_path('Bitter/Bitter-Bold.svg#bitterbold') %>') format('svg');
font-weight: bold;
font-style: normal;
}

View file

@ -1,17 +1,16 @@
<% # License: AGPL-3.0-or-later WITH Web-Template-Output-Additional-Permission-3.0-or-later %>
// License: AGPL-3.0-or-later WITH Web-Template-Output-Additional-Permission-3.0-or-later
@charset "UTF-8";
$path: "<%= asset_path('Streamline') %>";
@font-face {
font-family: "streamline-30px";
src:url($path + "/streamline-30px.eot");
src:url($path + "/streamline-30px.eot?#iefix") format("embedded-opentype"),
url($path + "/streamline-30px.woff") format("woff"),
url($path + "/streamline-30px.ttf") format("truetype"),
url($path + "/streamline-30px.svg#streamline-30px") format("svg");
font-weight: normal;
font-style: normal;
font-family: "streamline-30px";
src: font-url("Streamline/streamline-30px.eot");
src: font-url("Streamline/streamline-30px.eot?#iefix")
format("embedded-opentype"),
font-url("Streamline/streamline-30px.woff") format("woff"),
font-url("Streamline/streamline-30px.ttf") format("truetype"),
font-url("Streamline/streamline-30px.svg#streamline-30px") format("svg");
font-weight: normal;
font-style: normal;
}
[data-icon]:before {
@ -31,8 +30,8 @@ $path: "<%= asset_path('Streamline') %>";
[class*=" icon-"]:before {
font-family: "streamline-30px" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;

View file

@ -72,6 +72,9 @@ module Commitchange
end
end
# add fonts to assets pipeline
config.assets.paths << Rails.root.join('app', 'assets', 'fonts')
# Version of your assets, change this If you want to expire all your assets
# config.assets.version = '1.0'