ettore.dreucci/cocoa-eh-hugo-theme
1
0
Fork 0
mirror of https://github.com/Noettore/cocoa-eh-hugo-theme.git synced 2025-10-15 11:46:41 +02:00
Code Issues Packages Projects Releases Wiki Activity

Add Source Sans Pro and compile CSS

Browse Source
This commit is contained in:
Nishanth Shanmugham
2015-08-24 21:56:45 -05:00
parent 093c92da70
commit fb202dfcde
3 changed files with 22 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
README.md
View File

@@ -2,8 +2,12 @@
A [Hugo](http://gohugo.io) theme with clear typograhy for easy, disturbance-free reading. A [Hugo](http://gohugo.io) theme with clear typograhy for easy, disturbance-free reading.
<br />
<img src="https://raw.githubusercontent.com/nishanths/cooca-hugo-theme/master/images/tn.png" width="500px"> <img src="https://raw.githubusercontent.com/nishanths/cooca-hugo-theme/master/images/tn.png" width="500px">
<br />
# Table of Contents # Table of Contents
* [Setup](#setup) * [Setup](#setup)
@@ -83,7 +87,14 @@ Twitter = "//twitter.com/username"
## Less files ## Less files
The `.less` files used to generate `main.css` are available at the root of the repository. The `.less` files used to generate `main.css` are available at the root of the repository. Running:
````
$ lessc main.less static/css/main.css
````
should do the trick.
# Screenshots # Screenshots

7
main.less
View File

@@ -1,8 +1,9 @@
// Font imports: // Font imports:
@import url(http://fonts.googleapis.com/css?family=Raleway:200); @import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700);
@import url(http://fonts.googleapis.com/css?family=Ubuntu+Mono:400,400italic,700,700italic); @import url(http://fonts.googleapis.com/css?family=Ubuntu+Mono:400,400italic,700,700italic);
@import url(http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css); @import url(http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css);
@import url(http://fonts.googleapis.com/css?family=Raleway:200);
// Less variables // Less variables
@@ -10,8 +11,8 @@
@vspacing: @base-font-size*2; @vspacing: @base-font-size*2;
@monospace-font-stack: ~"'Ubuntu Mono', 'Menlo', monospace"; @monospace-font-stack: ~"'Ubuntu Mono', 'Menlo', monospace";
@body-font-stack: ~"'Proxima Nova', 'Helvetica Neue', 'Arial' sans-serif"; @body-font-stack: ~"'Proxima Nova', 'Source Sans Pro', 'Helvetica Neue', 'Arial' sans-serif";
@heading-font-stack: ~"'Proxima Nova', 'Helvetica Neue', 'Arial' sans-serif"; @heading-font-stack: ~"'Proxima Nova', 'Source Sans Pro', 'Helvetica Neue', 'Arial' sans-serif";
@special-font-stack-1: ~"'Raleway', 'Helvetica Neue', 'Arial', sans-serif"; @special-font-stack-1: ~"'Raleway', 'Helvetica Neue', 'Arial', sans-serif";
@black: #333; @black: #333;

12
static/css/main.css
View File

@@ -1,6 +1,7 @@
@import url(http://fonts.googleapis.com/css?family=Raleway:200); @import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700);
@import url(http://fonts.googleapis.com/css?family=Ubuntu+Mono:400,400italic,700,700italic); @import url(http://fonts.googleapis.com/css?family=Ubuntu+Mono:400,400italic,700,700italic);
@import url(http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css); @import url(http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css);
@import url(http://fonts.googleapis.com/css?family=Raleway:200);
.dark { .dark {
color: #333333 !important; color: #333333 !important;
} }
@@ -46,7 +47,7 @@ body {
width: 100%; width: 100%;
min-height: 100%; min-height: 100%;
font-weight: 400; font-weight: 400;
font-family: 'Proxima Nova', 'Helvetica Neue', 'Arial' sans-serif; font-family: 'Proxima Nova', 'Source Sans Pro', 'Helvetica Neue', 'Arial' sans-serif;
color: #333333; color: #333333;
line-height: 1.6; line-height: 1.6;
text-rendering: optimizeLegibility !important; text-rendering: optimizeLegibility !important;
@@ -164,7 +165,7 @@ body {
} }
.section.header .name { .section.header .name {
font-size: 18px; font-size: 18px;
font-family: 'Proxima Nova', 'Helvetica Neue', 'Arial' sans-serif; font-family: 'Proxima Nova', 'Source Sans Pro', 'Helvetica Neue', 'Arial' sans-serif;
letter-spacing: -0.005rem; letter-spacing: -0.005rem;
text-transform: uppercase; text-transform: uppercase;
font-weight: 700; font-weight: 700;
@@ -301,7 +302,7 @@ body {
} }
.section.main .content .page-heading { .section.main .content .page-heading {
font-size: 18px; font-size: 18px;
font-family: 'Proxima Nova', 'Helvetica Neue', 'Arial' sans-serif; font-family: 'Proxima Nova', 'Source Sans Pro', 'Helvetica Neue', 'Arial' sans-serif;
letter-spacing: -0.005rem; letter-spacing: -0.005rem;
text-transform: uppercase; text-transform: uppercase;
font-weight: 700; font-weight: 700;
@@ -460,9 +461,8 @@ a {
.section.main .content .markdown h4, .section.main .content .markdown h4,
.section.main .content .markdown h5, .section.main .content .markdown h5,
.section.main .content .markdown h6 { .section.main .content .markdown h6 {
/* Heading size corresponds on number of #s used */
font-size: 18px; font-size: 18px;
font-family: 'Proxima Nova', 'Helvetica Neue', 'Arial' sans-serif; font-family: 'Proxima Nova', 'Source Sans Pro', 'Helvetica Neue', 'Arial' sans-serif;
letter-spacing: -0.005rem; letter-spacing: -0.005rem;
text-transform: uppercase; text-transform: uppercase;
font-weight: 700; font-weight: 700;