Fazer uma função que receba um número inteiro entre 0 e 999 e retorne uma string, que é esse número por extenso em português.
Baby steps: recomendamos que você comece pelos menores números e vá evoluindo o algoritmo até resolver os maiores.
A cada passo que der, tenha testes unitários mostrando o funcionamento, independentemente de estar usando um framework ou não.
| // Folha de estilos para *reset* | |
| // Esta folha de estilos redefine os estilos padrões de todas as tags para todos | |
| // os navegadores | |
| // Este reset é bem *hard core* e a ideia é exatamente essa =P | |
| // Baseado no trabalho de Eric Meyer, Richard Clark e algumas experiencias | |
| // pessoais | |
| // @see http: //meyerweb.com/eric/tools/css/reset/ | |
| // @see https: //code.google.com/p/html5resetcss/ | |
| // @version 2.4 | |
| html, body, main, article, nav, aside, section, |
| // ---- | |
| // Sass (v3.4.21) | |
| // Compass (v1.0.3) | |
| // ---- | |
| $input-text-like-types: ( | |
| 'text', | |
| 'password', | |
| 'url', | |
| 'email', |
| // ---- | |
| // Sass (v3.4.21) | |
| // Compass (v1.0.3) | |
| // ---- | |
| $breakpoints: ( | |
| small: 482px, | |
| medium: 752px, | |
| large: 1022px, | |
| xlarge: 1312px, |
| // ---- | |
| // Sass (v3.4.21) | |
| // Compass (v1.0.3) | |
| // ---- | |
| $font-size-base: 16px !default; | |
| $view-width-base: 1024px !default; | |
| @function _clean-unit($value) { | |
| @if type-of($value) == 'number' { |
| // Sorry, is very useless, but was very fun to do it! :P | |
| // ---- | |
| // Sass (v3.4.21) | |
| // Compass (v1.0.3) | |
| // ---- | |
| @mixin default-feedback($feedback-status...) { | |
| $prop-list: (); | |
| @for $i from 1 through length($feedback-status) { |
| // ---- | |
| // Sass (v3.4.21) | |
| // Compass (v1.0.3) | |
| // ---- | |
| $acessibility: '<svg fill="%23ffffff" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 96.4 129.4" xml:space="preserve"><g><path d="M38.6,129.4c-2.7-0.4-5.5-0.7-8.2-1.3c-15.5-3.5-27.9-17.1-29.9-32.9c-2.1-15.9,3.5-28.7,16.2-38.4c0.4-0.3,0.8-0.6,1.4-1 c0.2,2.3,0.3,4.4,0.5,6.5c0.3,5.2,0.7,10.3,1,15.5c0.4,5.2,4.4,9.1,9.6,9.2C40.4,87,51.6,87,62.9,87c1.1,0,1.8,0.3,2.4,1.4 c3.2,6,6.5,12,9.8,17.9c0.4,0.7,0.5,1.3,0,2.1c-7.2,12.4-17.9,19.4-32.2,20.8c-0.4,0-0.8,0.1-1.2,0.2 C40.6,129.4,39.6,129.4,38.6,129.4z"/><path d="M34,0c0.7,0.2,1.5,0.3,2.2,0.5C41.5,2,45,7.3,44.3,12.7c-0.7,5.7-5.4,9.9-11.1,10c-5.5,0.1-10.4-4.1-11.2-9.5 C21,7,25.2,1.2,31.4,0.2c0.3,0,0.6-0.2,0.8-0.2C32.8,0,33.4,0,34,0z"/><path d="M44.9,43.9c0.6,0,1.1,0,1.5,0c6.2,0,12.4,0,18.6,0c3.3,0,5.4,2.1,5.4,5.3c0,3.2-2.2,5.3-5.5,5.3c-5.9,0-11.8,0-17.7,0 c-0.5,0-1,0-1.7,0c0.2,2.6,0.3,5,0.5,7.7c0.6,0,1.1,0,1.6,0c7.5,0,15.1,0,22.6,0c4.2,0,7.3 |
| // ---- | |
| // Sass (v3.4.21) | |
| // Compass (v1.0.3) | |
| // ---- | |
| @mixin loader-base-config | |
| color: red | |
| position: fixed | |
| box-sizing: border-box | |
| left: -9999px |
| // ---- | |
| // Sass (v3.4.21) | |
| // Compass (v1.0.3) | |
| // ---- | |
| %loader-base-config | |
| color: red | |
| position: fixed | |
| box-sizing: border-box | |
| left: -9999px |
| // ---- | |
| // Sass (v3.4.21) | |
| // Compass (v1.0.3) | |
| // ---- | |
| $color-state-modifier: 10%; | |
| @mixin state-color-changes($this-color, $properties...) { | |
| @each $prop in $properties { | |
| #{$prop}: $this-color; |