For example, to override the AppBar (https://material-ui-next.com/api/app-bar/) root class we can do the following:
1 - Add the property classes in the AppBar component:
<AppBar classes={{root: 'my-root-class'}}For example, to override the AppBar (https://material-ui-next.com/api/app-bar/) root class we can do the following:
1 - Add the property classes in the AppBar component:
<AppBar classes={{root: 'my-root-class'}}| %%----------------------------------------------------------------------- | |
| %% Make your own quadrille, graph, hex, etc paper! | |
| %% Uses the pgf/TikZ package for LaTeX, which should be part of | |
| %% any modern TeX installation. | |
| %% Email: [email protected] | |
| %% Twitter: @mcnees | |
| %%----------------------------------------------------------------------- | |
| \documentclass[11pt]{article} |
| var _ = require('lodash'); | |
| var gulp = require('gulp'); | |
| var browserify = require('browserify'); | |
| var watchify = require('watchify'); | |
| var transform = require('vinyl-transform'); | |
| var shimify = require('browserify-shim'); | |
| var plumber = require('gulp-plumber'); | |
| var uglify = require('gulp-uglify'); | |
| var notifier = require('node-notifier'); | |
| var util = require('gulp-util'); |
| var gulp = require('gulp'); | |
| var sourcemaps = require('gulp-sourcemaps'); | |
| var source = require('vinyl-source-stream'); | |
| var buffer = require('vinyl-buffer'); | |
| var browserify = require('browserify'); | |
| var watchify = require('watchify'); | |
| var babel = require('babelify'); | |
| function compile(watch) { | |
| var bundler = watchify(browserify('./src/index.js', { debug: true }).transform(babel)); |
| import { Component } from "React"; | |
| export var Enhance = ComposedComponent => class extends Component { | |
| constructor() { | |
| this.state = { data: null }; | |
| } | |
| componentDidMount() { | |
| this.setState({ data: 'Hello' }); | |
| } | |
| render() { |
Hello, visitors! If you want an updated version of this styleguide in repo form with tons of real-life examples… check out Trellisheets! https://github.com/trello/trellisheets
“I perfectly understand our CSS. I never have any issues with cascading rules. I never have to use !important or inline styles. Even though somebody else wrote this bit of CSS, I know exactly how it works and how to extend it. Fixes are easy! I have a hard time breaking our CSS. I know exactly where to put new CSS. We use all of our CSS and it’s pretty small overall. When I delete a template, I know the exact corresponding CSS file and I can delete it all at once. Nothing gets left behind.”
You often hear updog saying stuff like this. Who’s updog? Not much, who is up with you?
| #add 'node_modules' to .gitignore file | |
| git rm -r --cached node_modules | |
| git commit -m 'Remove the now ignored directory node_modules' | |
| git push origin <branch-name> |
| <html> | |
| <body> | |
| <div id="fb-root"></div> | |
| <script> | |
| window.fbAsyncInit = function() { | |
| FB.init({ | |
| appId : '721489701236648', | |
| status : true, | |
| xfbml : true | |
| }); |
| ValueObject = function(value) { | |
| this.value = value; | |
| } | |
| $.extend(ValueObject.prototype, { | |
| get: function() { | |
| return this.value; | |
| } | |
| }); |