fix(styles): fix fonts in settings and iframe

This commit is contained in:
Evan Morikawa 2015-10-02 17:47:53 -07:00
parent e63271cfa0
commit 9e41843fa4
4 changed files with 50 additions and 3 deletions

View file

@ -256,7 +256,7 @@
.message-header {
position: relative;
font-size: @font-size-small;
padding-bottom: @spacing-standard;
padding-bottom: 0;
padding-top: 19px;
&.pending {
@ -370,7 +370,7 @@
width: 100%;
border: 0;
padding: 0;
margin-top: @spacing-sub-double;
margin-top: 20px;
overflow: auto;
}
}

View file

@ -55,7 +55,7 @@ module.exports =
width: 520
resizable: false
autosize: true
stylesheetRegex: /preferences/
stylesheetRegex: /(preferences|nylas\-fonts)/
props: {
initialTab: tab
}

View file

@ -21,10 +21,12 @@ animationSupported = => true
###
addClass = (element, className) =>
return unless element
element.classList.add(className)
element
removeClass = (element, className) =>
return unless element
if element.classList.contains(className)
element.classList.remove(className)
element

View file

@ -2,6 +2,51 @@
@import 'ui-variables';
.ignore-in-parent-frame {
// ----- Font Families -----
@font-face {
font-family: 'Nylas-Pro';
font-style: normal;
font-weight: 200;
src: url('nylas://nylas-private-fonts/fonts/Nylas-Pro-Thin.otf');
}
@font-face {
font-family: 'Nylas-Pro';
font-style: normal;
font-weight: 300;
src: url('nylas://nylas-private-fonts/fonts/Nylas-Pro-Blond.otf');
}
@font-face {
font-family: 'Nylas-Pro';
font-style: normal;
font-weight: 400;
src: url('nylas://nylas-private-fonts/fonts/Nylas-Pro-Normal.otf');
}
@font-face {
font-family: 'Nylas-Pro';
font-style: normal;
font-weight: 500;
src: url('nylas://nylas-private-fonts/fonts/Nylas-Pro-Medium.otf');
}
@font-face {
font-family: 'Nylas-Pro';
font-style: normal;
font-weight: 600;
src: url('nylas://nylas-private-fonts/fonts/Nylas-Pro-SemiBold.otf');
}
// Pro-SemiBold doesn't render emoji properly. Override the emjoi unicode
// block so that it uses the "Normal" weight even at font-weight:600.
@font-face {
font-family: 'Nylas-Pro';
font-style: normal;
font-weight: 600;
src: url('nylas://nylas-private-fonts/fonts/Nylas-Pro-Normal.otf'), Helvetica, sans-serif;
unicode-range: U+1F300-1F5FF, U+1F600-1F64F, U+1F680-1F6FF, U+2600-26FF;
}
html, body {
font-family: "Nylas-Pro", "Helvetica", "Lucidia Grande", sans-serif;