m/portfolio
1
0
Fork 0
mirror of https://github.com/kremalicious/portfolio.git synced 2025-01-03 10:25:00 +01:00
Code Releases Activity

load base css on client entry

Browse Source
This commit is contained in:
Matthias Kretschmann 2018-06-20 22:53:08 +02:00
parent b92be34818
commit c5cbe446f5
Signed by: m
GPG Key ID: 606EEEF3C479A91F
4 changed files with 5 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
gatsby-browser.js Normal file
View File

@ -0,0 +1,3 @@
exports.onClientEntry = () => {
require('./src/styles/base.scss')
}

1
package.json
View File

@ -49,7 +49,6 @@
"vcf": "^2.0.1" "vcf": "^2.0.1"
}, },
"devDependencies": { "devDependencies": {
"@types/prop-types": "^15.5.3",
"babel-eslint": "^8.2.3", "babel-eslint": "^8.2.3",
"eslint": "^5.0.0", "eslint": "^5.0.0",
"eslint-config-prettier": "^2.9.0", "eslint-config-prettier": "^2.9.0",

1
src/components/Layout.jsx
View File

@ -7,7 +7,6 @@ import Head from './atoms/Head'
import Header from './organisms/Header' import Header from './organisms/Header'
import Footer from './organisms/Footer' import Footer from './organisms/Footer'
import { FadeIn } from './atoms/Animations' import { FadeIn } from './atoms/Animations'
import './Layout.scss'
class TransitionHandler extends Component { class TransitionHandler extends Component {
shouldComponentUpdate() { shouldComponentUpdate() {

9
src/components/Layout.scss → src/styles/base.scss
View File

@ -15,11 +15,6 @@ body {
html { html {
font-size: $font-size-root; font-size: $font-size-root;
&.wf-loading,
&.wf-inactive {
font-size: $font-size-root - 2px;
}
} }
body { body {
@ -115,11 +110,11 @@ svg {
display: flex; display: flex;
min-height: 100vh; min-height: 100vh;
flex-direction: column; flex-direction: column;
background: $body-background-color; background-color: $body-background-color;
transition: background .6s $easing; transition: background .6s $easing;
.dark & { .dark & {
background: $body-background-color--dark; background-color: $body-background-color--dark;
color: $text-color--dark; color: $text-color--dark;
} }
} }