Allan Ferreira allanferreira
This file contains hidden or 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
| .btn{ | |
| background: #ccc; | |
| color: #000; | |
| width: 100px; | |
| padding: 10px 20px; | |
| font-size: 16px; | |
| text-align: center; | |
| } | |
| .btn--color-red{ | |
| color: #f00; |
This file contains hidden or 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
| .btn{ | |
| background: #ccc; | |
| color: #000; | |
| width: 100px; | |
| padding: 10px 20px; | |
| font-size: 16px; | |
| text-align: center; | |
| } | |
| .btn--color-red{ | |
| background: #ccc; |
This file contains hidden or 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
| <div class="btn">button</div> | |
| <div class="btn btn--color-red">button</div> | |
| <div class="btn btn--size-large">button</div> | |
| <div class="btn btn--color-red btn--size-large">button</div> |
This file contains hidden or 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
| <div class="btn">button</div> | |
| <div class="btn--color-red">button</div> | |
| <div class="btn--size-large">button</div> | |
| <div class="btn--color-red--size-large">button</div> |
This file contains hidden or 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
| .btn | |
| background #ccc | |
| color #000 | |
| width 100px | |
| padding 10px 20px | |
| font-size 16px | |
| text-align center | |
| &--color-red | |
| color #f00 | |
| &--size-large |
This file contains hidden or 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
| .btn | |
| background #ccc | |
| color #000 | |
| width 100px | |
| padding 10px 20px | |
| font-size 16px | |
| text-align center | |
| /[class*="--color-red"] | |
| @extend .btn | |
| color red |
This file contains hidden or 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
| <div class="btn">button</div> | |
| <div class="btn -color-red">button</div> | |
| <div class="btn -size-large">button</div> | |
| <div class="btn -color-red -size-large">button</div> |
This file contains hidden or 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
| .btn | |
| background #ccc | |
| color #000 | |
| width 100px | |
| padding 10px 20px | |
| font-size 16px | |
| text-align center | |
| .-color-red | |
| color red | |
| .-size-large |
allanferreira
/ index.html
Created
May 9, 2016 22:07
BEM HTML na versão de Jordan Lewis com outras classes na estrutura
This file contains hidden or 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
| <div class="btn clear -fix">button</div> | |
| <div class="btn -color-red float -left">button</div> | |
| <div class="btn -size-large text -center">button</div> | |
| <div class="btn -color-red -size-large is -enable">button</div> |
allanferreira
/ index.html
Created
May 9, 2016 22:11
Minha versão do BEM HTML com outras classes na estrutura
This file contains hidden or 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
| <div class="btn clear--fix">button</div> | |
| <div class="btn--color-red float--left">button</div> | |
| <div class="btn--size-large text--center">button</div> | |
| <div class="btn--color-red--size-large is--enable">button</div> |
OlderNewer