Add Raleway Dots

* Fix nav sizes and use Proxima Nova
This commit is contained in:
Nishanth Shanmugham
2015-09-13 17:55:07 -05:00
parent f76074413e
commit a8c677a4b4
2 changed files with 11 additions and 6 deletions

View File

@@ -3,7 +3,9 @@
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400); @import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400);
@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,500,700); @import url(http://fonts.googleapis.com/css?family=Raleway:700);
@import url(https://fonts.googleapis.com/css?family=Raleway+Dots);
// Less variables // Less variables
@@ -13,7 +15,7 @@
@monospace-font-stack: ~"'Ubuntu Mono', 'Menlo', monospace"; @monospace-font-stack: ~"'Ubuntu Mono', 'Menlo', monospace";
@body-font-stack: ~"'ProximaNova', 'Helvetica Neue', 'Arial', sans-serif"; @body-font-stack: ~"'ProximaNova', 'Helvetica Neue', 'Arial', sans-serif";
@heading-font-stack: ~"'Raleway', 'Helvetica Neue', 'Arial', sans-serif"; @heading-font-stack: ~"'Raleway', 'Helvetica Neue', 'Arial', sans-serif";
@special-font-stack-1: ~"'Raleway', 'Helvetica Neue', 'Arial', sans-serif"; @special-font-stack-1: ~"'Raleway Dots', 'Helvetica Neue', 'Arial', sans-serif";
@black: #333; @black: #333;
@gray: #b7b7b7; @gray: #b7b7b7;
@@ -187,7 +189,7 @@ body {
} }
nav { nav {
font-size: 14px; font-size: 13px;
margin-bottom: floor(@vspacing/2); margin-bottom: floor(@vspacing/2);
text-transform: uppercase; text-transform: uppercase;
// font-weight: 600; // font-weight: 600;
@@ -239,6 +241,7 @@ body {
} }
nav { nav {
font-size: 12px;
margin-bottom: 0; margin-bottom: 0;
ul { ul {

View File

@@ -1,7 +1,8 @@
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400); @import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400);
@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,500,700); @import url(http://fonts.googleapis.com/css?family=Raleway:700);
@import url(https://fonts.googleapis.com/css?family=Raleway+Dots);
.dark { .dark {
color: #333333 !important; color: #333333 !important;
} }
@@ -189,7 +190,7 @@ body {
color: #fefefe; color: #fefefe;
} }
.section.header nav { .section.header nav {
font-size: 14px; font-size: 13px;
margin-bottom: 16px; margin-bottom: 16px;
text-transform: uppercase; text-transform: uppercase;
} }
@@ -242,6 +243,7 @@ body {
color: #333333; color: #333333;
} }
.section.header nav { .section.header nav {
font-size: 12px;
margin-bottom: 0; margin-bottom: 0;
} }
.section.header nav ul { .section.header nav ul {
@@ -400,7 +402,7 @@ body {
.section.main .container.f04 .content .num { .section.main .container.f04 .content .num {
margin: 30px 0px 30px 0; margin: 30px 0px 30px 0;
font-weight: 200; font-weight: 200;
font-family: 'Raleway', 'Helvetica Neue', 'Arial', sans-serif; font-family: 'Raleway Dots', 'Helvetica Neue', 'Arial', sans-serif;
font-size: 50px; font-size: 50px;
} }
.section.main .container.f04 .content .detail { .section.main .container.f04 .content .detail {