Alexandre Demelas axdemelas
axdemelas
/ linear-stepper-code.html
Last active
February 15, 2016 06:07
Example of code for linear stepper
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!-- 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-stepper-linear"> | |
| <li class="mdl-step"> |
axdemelas
/ nonlinear-stepper-code.html
Last active
February 15, 2016 06:09
Example of code for non-linear stepper
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!-- style --> | |
| <style> | |
| .mdl-stepper > .mdl-step > .mdl-step__content { | |
| background-color: rgba(0,0,0,0.2); | |
| } | |
| </style> | |
| <!-- markup --> | |
| <ul class="mdl-stepper" id="demo-stepper-non-linear"> | |
| <li class="mdl-step"> |
axdemelas
/ stepper-feedback-code.html
Last active
February 15, 2016 06:10
Example of code for stepper with feedback
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!-- 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"> |
axdemelas
/ editable-steps-code.html
Last active
February 15, 2016 06:10
Example of code for editable steps
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!-- 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
/ optional-steps-code.html
Last active
February 15, 2016 06:11
Example of code for optional steps
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!-- 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
/ step-error-state-code.html
Last active
February 15, 2016 06:13
Example of code for error state on steps
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!-- 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
/ started-download-build-source.sh
Last active
October 16, 2023 17:20
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| # Clone the Stepper source code. | |
| git clone [email protected]:axdemelas/mdl-stepper.git | |
| # Go to created folder. | |
| cd mdl-stepper |
axdemelas
/ started-download-build-js.sh
Last active
June 12, 2016 08:40
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| # 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-css.sh
Last active
June 12, 2016 08:41
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| # 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-npm.sh
Created
June 12, 2016 08:43
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| npm install --save mdl-stepper |