Alexandre Demelas axdemelas

Programmer, enthusiast, creator

axdemelas / webpack-babel-config-example.md

Created October 14, 2017 04:36

yarn add webpack babel-core babel-loader babel-preset-env

touch webpack.config.js

axdemelas / started-download-npm-refer.html

Created June 12, 2016 08:47

	<!-- Material Design Lite files above. -->
	<link rel="stylesheet" href="./node_modules/mdl-stepper/stepper.min.css">
	<script defer src="./node_modules/mdl-stepper.min.js"></script>

axdemelas / started-download-npm.sh

Created June 12, 2016 08:43

npm install --save mdl-stepper

axdemelas / started-download-build-css.sh

Last active June 12, 2016 08:41

	# First, make sure that you have SASS installed (http://sass-lang.com/install).
	sass --version
	# $ Sass x.x.x
	# Inside mdl-stepper/ folder.
	cd src
	# ~/mdl-stepper/src
	# Build a development version of css changes.
	sass mdl-stepper.scss:../stepper.css
	# Build a production version of css changes.
	sass mdl-stepper.scss:../stepper.min.css --style compressed

axdemelas / started-download-build-js.sh

Last active June 12, 2016 08:40

	# Inside mdl-stepper/ folder.
	# Install dev dependencies.
	npm install
	# Build a development version of javascript changes.
	npm run dev
	# Build a production version of javascript changes.
	npm run prod
	# Build a production version of javascript changes on WINDOWS.
	# npm run prod-windows

axdemelas / started-download-build-source.sh

Last active October 16, 2023 17:20

	# Clone the Stepper source code.
	git clone [email protected]:axdemelas/mdl-stepper.git
	# Go to created folder.
	cd mdl-stepper

axdemelas / step-error-state-code.html

Last active February 15, 2016 06:13

Example of code for error state on steps

	<!-- style -->
	<style>
	.mdl-stepper > .mdl-step > .mdl-step__content:not(#demo-error-state-content) {
	background-color: rgba(0,0,0,0.2);
	}
	</style>

	<!-- markup -->
	<ul class="mdl-stepper mdl-stepper--linear" id="demo-error-state">
	<li class="mdl-step">

axdemelas / optional-steps-code.html

Last active February 15, 2016 06:11

Example of code for optional steps

	<!-- style -->
	<style>
	.mdl-stepper > .mdl-step > .mdl-step__content {
	background-color: rgba(0,0,0,0.2);
	}
	</style>

	<!-- markup -->
	<ul class="mdl-stepper mdl-stepper--linear" id="demo-optional-steps">
	<li class="mdl-step">

axdemelas / editable-steps-code.html

Last active February 15, 2016 06:10

Example of code for editable steps

	<!-- style -->
	<style>
	.mdl-stepper > .mdl-step > .mdl-step__content {
	background-color: rgba(0,0,0,0.2);
	}
	</style>

	<!-- markup -->
	<ul class="mdl-stepper mdl-stepper--linear" id="demo-editable-steps">
	<li class="mdl-step mdl-step--editable">

axdemelas / stepper-feedback-code.html

Last active February 15, 2016 06:10

Example of code for stepper with feedback

	<!-- style -->
	<style>
	.mdl-stepper > .mdl-step > .mdl-step__content {
	background-color: rgba(0,0,0,0.2);
	}
	</style>

	<!-- markup -->
	<ul class="mdl-stepper mdl-stepper--feedback mdl-stepper--linear" id="demo-stepper-feedback">
	<li class="mdl-step">