mmoser/skill-assessment-app
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Misc styling

Browse Source
This commit is contained in:
Jennifer Siegfried 2016-08-04 07:52:24 -06:00
parent 2cc1c0dfff
commit cff2985c01
2 changed files with 58 additions and 54 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

102
app/assets/stylesheets/atoms/_fonts.scss
View File

@ -3,62 +3,62 @@
@font-face { @font-face {
font-family: 'HalisR'; font-family: 'HalisR';
src:local('Halis R Thin'), src:local('Halis R Thin'),
font-path('HalisR-Thin.woff2') format('woff2'), font-url('HalisR-Thin.woff2') format('woff2'),
font-path('HalisR-Thin.woff') format('woff'), font-url('HalisR-Thin.woff') format('woff'),
font-path('HalisR-Thin.otf') format('opentype'); font-url('HalisR-Thin.otf') format('opentype');
font-weight:100; font-weight:100;
} }
@font-face { @font-face {
font-family: 'HalisR'; font-family: 'HalisR';
src:local('Halis R Light'), src:local('Halis R Light'),
font-path('HalisR-Light.woff2') format('woff2'), font-url('HalisR-Light.woff2') format('woff2'),
font-path('HalisR-Light.woff') format('woff'), font-url('HalisR-Light.woff') format('woff'),
font-path('HalisR-Light.otf') format('opentype'); font-url('HalisR-Light.otf') format('opentype');
font-weight:200; font-weight:200;
} }
@font-face { @font-face {
font-family: 'HalisR'; font-family: 'HalisR';
src:local('Halis R Book'), src:local('Halis R Book'),
font-path('HalisR-Book.woff2') format('woff2'), font-url('HalisR-Book.woff2') format('woff2'),
font-path('HalisR-Book.woff') format('woff'), font-url('HalisR-Book.woff') format('woff'),
font-path('HalisR-Book.otf') format('opentype'); font-url('HalisR-Book.otf') format('opentype');
font-weight:300; font-weight:300;
} }
@font-face { @font-face {
font-family: 'HalisR'; font-family: 'HalisR';
src:local('Halis R Regular'), src:local('Halis R Regular'),
font-path('HalisR-Regular.woff2') format('woff2'), font-url('HalisR-Regular.woff2') format('woff2'),
font-path('HalisR-Regular.woff') format('woff'), font-url('HalisR-Regular.woff') format('woff'),
font-path('HalisR-Regular.otf') format('opentype'); font-url('HalisR-Regular.otf') format('opentype');
font-weight:500; font-weight:500;
} }
@font-face { @font-face {
font-family: 'HalisR'; font-family: 'HalisR';
src:local('Halis R Medium'), src:local('Halis R Medium'),
font-path('HalisR-Medium.woff2') format('woff2'), font-url('HalisR-Medium.woff2') format('woff2'),
font-path('HalisR-Medium.woff') format('woff'), font-url('HalisR-Medium.woff') format('woff'),
font-path('HalisR-Medium.otf') format('opentype'); font-url('HalisR-Medium.otf') format('opentype');
font-weight:600; font-weight:600;
} }
@font-face { @font-face {
font-family: 'HalisR'; font-family: 'HalisR';
src:local('Halis R Bold'), src:local('Halis R Bold'),
font-path('HalisR-Bold.woff2') format('woff2'), font-url('HalisR-Bold.woff2') format('woff2'),
font-path('HalisR-Bold.woff') format('woff'), font-url('HalisR-Bold.woff') format('woff'),
font-path('HalisR-Bold.otf') format('opentype'); font-url('HalisR-Bold.otf') format('opentype');
font-weight:700; font-weight:700;
} }
@font-face { @font-face {
font-family: 'HalisR'; font-family: 'HalisR';
src:local('Halis R Black'), src:local('Halis R Black'),
font-path('HalisR-Black.woff2') format('woff2'), font-url('HalisR-Black.woff2') format('woff2'),
font-path('HalisR-Black.woff') format('woff'), font-url('HalisR-Black.woff') format('woff'),
font-path('HalisR-Black.otf') format('opentype'); font-url('HalisR-Black.otf') format('opentype');
font-weight:900; font-weight:900;
} }
@ -69,44 +69,44 @@
@font-face { @font-face {
font-family: 'Lato'; font-family: 'Lato';
src:local('Lato Hairline'), src:local('Lato Hairline'),
font-path('Lato-Hairline.woff2') format('woff2'), font-url('Lato-Hairline.woff2') format('woff2'),
font-path('Lato-Hairline.woff') format('woff'), font-url('Lato-Hairline.woff') format('woff'),
font-path('Lato-Hairline.ttf') format('truetype'); font-url('Lato-Hairline.ttf') format('truetype');
font-weight:100; font-weight:100;
} }
@font-face { @font-face {
font-family: 'Lato'; font-family: 'Lato';
src:local('Lato Light'), src:local('Lato Light'),
font-path('Lato-Light.woff2') format('woff2'), font-url('Lato-Light.woff2') format('woff2'),
font-path('Lato-Light.woff') format('woff'), font-url('Lato-Light.woff') format('woff'),
font-path('Lato-Light.ttf') format('truetype'); font-url('Lato-Light.ttf') format('truetype');
font-weight:300; font-weight:300;
} }
@font-face { @font-face {
font-family: 'Lato'; font-family: 'Lato';
src:local('Lato Regular'), src:local('Lato Regular'),
font-path('Lato-Regular.woff2') format('woff2'), font-url('Lato-Regular.woff2') format('woff2'),
font-path('Lato-Regular.woff') format('woff'), font-url('Lato-Regular.woff') format('woff'),
font-path('Lato-Regular.ttf') format('truetype'); font-url('Lato-Regular.ttf') format('truetype');
font-weight:500; font-weight:500;
} }
@font-face { @font-face {
font-family: 'Lato'; font-family: 'Lato';
src:local('Lato Bold'), src:local('Lato Bold'),
font-path('Lato-Bold.woff2') format('woff2'), font-url('Lato-Bold.woff2') format('woff2'),
font-path('Lato-Bold.woff') format('woff'), font-url('Lato-Bold.woff') format('woff'),
font-path('Lato-Bold.ttf') format('truetype'); font-url('Lato-Bold.ttf') format('truetype');
font-weight:700; font-weight:700;
} }
@font-face { @font-face {
font-family: 'Lato'; font-family: 'Lato';
src:local('Lato Black'), src:local('Lato Black'),
font-path('Lato-Black.woff2') format('woff2'), font-url('Lato-Black.woff2') format('woff2'),
font-path('Lato-Black.woff') format('woff'), font-url('Lato-Black.woff') format('woff'),
font-path('Lato-Black.ttf') format('truetype'); font-url('Lato-Black.ttf') format('truetype');
font-weight:900; font-weight:900;
} }
@ -115,18 +115,18 @@
@font-face { @font-face {
font-family: 'Lato'; font-family: 'Lato';
src:local('Lato Hairline Italic'), src:local('Lato Hairline Italic'),
font-path('Lato-HairlineItalic.woff2') format('woff2'), font-url('Lato-HairlineItalic.woff2') format('woff2'),
font-path('Lato-HairlineItalic.woff') format('woff'), font-url('Lato-HairlineItalic.woff') format('woff'),
font-path('Lato-HairlineItalic.ttf') format('truetype'); font-url('Lato-HairlineItalic.ttf') format('truetype');
font-weight:100; font-weight:100;
font-style: italic; font-style: italic;
} }
@font-face { @font-face {
font-family: 'Lato'; font-family: 'Lato';
src:local('Lato Light Italic'), src:local('Lato Light Italic'),
font-path('Lato-LightItalic.woff2') format('woff2'), font-url('Lato-LightItalic.woff2') format('woff2'),
font-path('Lato-LightItalic.woff') format('woff'), font-url('Lato-LightItalic.woff') format('woff'),
font-path('Lato-LightItalic.ttf') format('truetype'); font-url('Lato-LightItalic.ttf') format('truetype');
font-weight:300; font-weight:300;
font-style: italic; font-style: italic;
} }
@ -134,9 +134,9 @@
@font-face { @font-face {
font-family: 'Lato'; font-family: 'Lato';
src:local('Lato Italic'), src:local('Lato Italic'),
font-path('Lato-Italic.woff2') format('woff2'), font-url('Lato-Italic.woff2') format('woff2'),
font-path('Lato-Italic.woff') format('woff'), font-url('Lato-Italic.woff') format('woff'),
font-path('Lato-Italic.ttf') format('truetype'); font-url('Lato-Italic.ttf') format('truetype');
font-weight:500; font-weight:500;
font-style: italic; font-style: italic;
} }
@ -144,9 +144,9 @@
@font-face { @font-face {
font-family: 'Lato'; font-family: 'Lato';
src:local('Lato Bold Italic'), src:local('Lato Bold Italic'),
font-path('Lato-BoldItalic.woff2') format('woff2'), font-url('Lato-BoldItalic.woff2') format('woff2'),
font-path('Lato-BoldItalic.woff') format('woff'), font-url('Lato-BoldItalic.woff') format('woff'),
font-path('Lato-BoldItalic.ttf') format('truetype'); font-url('Lato-BoldItalic.ttf') format('truetype');
font-weight:700; font-weight:700;
font-style: italic; font-style: italic;
} }
@ -154,9 +154,9 @@
@font-face { @font-face {
font-family: 'Lato'; font-family: 'Lato';
src:local('Lato Black Italic'), src:local('Lato Black Italic'),
font-path('Lato-BlackItalic.woff2') format('woff2'), font-url('Lato-BlackItalic.woff2') format('woff2'),
font-path('Lato-BlackItalic.woff') format('woff'), font-url('Lato-BlackItalic.woff') format('woff'),
font-path('Lato-BlackItalic.ttf') format('truetype'); font-url('Lato-BlackItalic.ttf') format('truetype');
font-weight:900; font-weight:900;
font-style: italic; font-style: italic;
} }

10
app/assets/stylesheets/atoms/_typography.scss
View File

@ -48,7 +48,8 @@ hr {
margin: $base-spacing 0; margin: $base-spacing 0;
} }
.prft-heading { // .prft-heading
h1 {
text-transform: none; text-transform: none;
} }
@ -56,9 +57,11 @@ hr {
margin-bottom: 1.5rem; margin-bottom: 1.5rem;
} }
.prft-heading, // .prft-heading,
h1,
.question-text { .question-text {
font-size: 6vw; font-size: 6vw;
font-weight: 100;
} }
h1 > a { h1 > a {
@ -67,7 +70,8 @@ h1 > a {
} }
@media screen and (min-width: $screen-sm) { @media screen and (min-width: $screen-sm) {
.prft-heading, // .prft-heading,
h1,
.question-text { .question-text {
font-size: 2.45rem; font-size: 2.45rem;
} }