Add Source Sans Pro and compile CSS

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

View File

@@ -2,8 +2,12 @@
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">
<br />
# Table of Contents
* [Setup](#setup)
@@ -83,7 +87,14 @@ Twitter = "//twitter.com/username"
## 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

View File

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

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://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css);
@import url(http://fonts.googleapis.com/css?family=Raleway:200);
.dark {
color: #333333 !important;
}
@@ -46,7 +47,7 @@ body {
width: 100%;
min-height: 100%;
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;
line-height: 1.6;
text-rendering: optimizeLegibility !important;
@@ -164,7 +165,7 @@ body {
}
.section.header .name {
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;
text-transform: uppercase;
font-weight: 700;
@@ -301,7 +302,7 @@ body {
}
.section.main .content .page-heading {
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;
text-transform: uppercase;
font-weight: 700;
@@ -460,9 +461,8 @@ a {
.section.main .content .markdown h4,
.section.main .content .markdown h5,
.section.main .content .markdown h6 {
/* Heading size corresponds on number of #s used */
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;
text-transform: uppercase;
font-weight: 700;