a9a01aad32
* Allow SCSS variables to be overridden with `app/javascript/pack/variables*.scss` * Allow these SCSS variables to be overriden: * `$base-shadow-color` * `$base-overlay-background` * `$base-border-color` * `$simple-background-color` * `$primary-text-color` * `$valid-value-color * `$error-value-color`
38 lines
1 KiB
JavaScript
38 lines
1 KiB
JavaScript
// allow override variables here
|
|
require.context('../../assets/stylesheets/', false, /variables.*\.scss$/);
|
|
|
|
// import default stylesheet with variables
|
|
require('font-awesome/css/font-awesome.css');
|
|
require('../styles/application.scss');
|
|
|
|
function onDomContentLoaded(callback) {
|
|
if (document.readyState !== 'loading') {
|
|
callback();
|
|
} else {
|
|
document.addEventListener('DOMContentLoaded', callback);
|
|
}
|
|
}
|
|
|
|
function main() {
|
|
const Mastodon = require('mastodon/containers/mastodon').default;
|
|
const React = require('react');
|
|
const ReactDOM = require('react-dom');
|
|
const Rails = require('rails-ujs');
|
|
window.Perf = require('react-addons-perf');
|
|
|
|
Rails.start();
|
|
|
|
require.context('../images/', true);
|
|
|
|
// import customization styles
|
|
require.context('../../assets/stylesheets/', false, /custom.*\.scss$/);
|
|
|
|
onDomContentLoaded(() => {
|
|
const mountNode = document.getElementById('mastodon');
|
|
const props = JSON.parse(mountNode.getAttribute('data-props'));
|
|
|
|
ReactDOM.render(<Mastodon {...props} />, mountNode);
|
|
});
|
|
}
|
|
|
|
export default main
|