AkkomaGang/masto-fe
2
2
Fork 0
Code Issues 3 Pull requests Projects Releases Wiki Activity

Use local fonts and stop scrollable elements from repainting (#2266)

Browse source
This commit is contained in:
Ram Lmn 2017-04-21 21:39:05 +05:30 committed by Eugen
parent ee0c897bba
commit 27a99b19e8
4 changed files with 44 additions and 37 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
app/assets/stylesheets/components.scss
View file

@ -1052,6 +1052,7 @@ a.status__content__spoiler-link {
overflow-y: scroll; overflow-y: scroll;
overflow-x: hidden; overflow-x: hidden;
flex: 1 1 auto; flex: 1 1 auto;
backface-visibility: hidden;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
&.optionally-scrollable { &.optionally-scrollable {

1
app/assets/stylesheets/fonts/montserrat.scss
View file

@ -1,5 +1,6 @@
@font-face { @font-face {
font-family: 'Montserrat'; font-family: 'Montserrat';
src: local('Montserrat');
src: font-url('montserrat/Montserrat-Regular.eot'); src: font-url('montserrat/Montserrat-Regular.eot');
src: font-url('montserrat/Montserrat-Regular.eot?#iefix') format('embedded-opentype'), src: font-url('montserrat/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
font-url('montserrat/Montserrat-Regular.woff2') format('woff2'), font-url('montserrat/Montserrat-Regular.woff2') format('woff2'),

1
app/assets/stylesheets/fonts/roboto-mono.scss
View file

@ -1,5 +1,6 @@
@font-face { @font-face {
font-family: 'Roboto Mono'; font-family: 'Roboto Mono';
src: local('Roboto Mono');
src: font-url('roboto-mono/robotomono-regular-webfont.eot'); src: font-url('roboto-mono/robotomono-regular-webfont.eot');
src: font-url('roboto-mono/robotomono-regular-webfont.eot?#iefix') format('embedded-opentype'), src: font-url('roboto-mono/robotomono-regular-webfont.eot?#iefix') format('embedded-opentype'),
font-url('roboto-mono/robotomono-regular-webfont.woff2') format('woff2'), font-url('roboto-mono/robotomono-regular-webfont.woff2') format('woff2'),

4
app/assets/stylesheets/fonts/roboto.scss
View file

@ -1,5 +1,6 @@
@font-face { @font-face {
font-family: 'Roboto'; font-family: 'Roboto';
src: local('Roboto');
src: font-url('roboto/roboto-italic-webfont.eot'); src: font-url('roboto/roboto-italic-webfont.eot');
src: font-url('roboto/roboto-italic-webfont.eot?#iefix') format('embedded-opentype'), src: font-url('roboto/roboto-italic-webfont.eot?#iefix') format('embedded-opentype'),
font-url('roboto/roboto-italic-webfont.woff2') format('woff2'), font-url('roboto/roboto-italic-webfont.woff2') format('woff2'),
@ -12,6 +13,7 @@
@font-face { @font-face {
font-family: 'Roboto'; font-family: 'Roboto';
src: local('Roboto');
src: font-url('roboto/roboto-bold-webfont.eot'); src: font-url('roboto/roboto-bold-webfont.eot');
src: local('Roboto bold'), local('roboto-bold'), src: local('Roboto bold'), local('roboto-bold'),
font-url('roboto/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'), font-url('roboto/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
@ -25,6 +27,7 @@
@font-face { @font-face {
font-family: 'Roboto'; font-family: 'Roboto';
src: local('Roboto');
src: font-url('roboto/roboto-medium-webfont.eot'); src: font-url('roboto/roboto-medium-webfont.eot');
src: font-url('roboto/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'), src: font-url('roboto/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),
font-url('roboto/roboto-medium-webfont.woff2') format('woff2'), font-url('roboto/roboto-medium-webfont.woff2') format('woff2'),
@ -37,6 +40,7 @@
@font-face { @font-face {
font-family: 'Roboto'; font-family: 'Roboto';
src: local('Roboto');
src: font-url('roboto/roboto-regular-webfont.eot'); src: font-url('roboto/roboto-regular-webfont.eot');
src: font-url('roboto/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'), src: font-url('roboto/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
font-url('roboto/roboto-regular-webfont.woff2') format('woff2'), font-url('roboto/roboto-regular-webfont.woff2') format('woff2'),