Valery Semenenko gearmobile
🇷🇺
gearmobile
/ unknown-width-and-height-flexbox
Created
May 28, 2015 19:02
Element has unknown width and height - flexbox
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
| .parent { | |
| display: flex; | |
| justify-content: center; | |
| align-items: center; | |
| } |
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
| HTML: | |
| <div class="arrow-up"></div> | |
| <div class="arrow-down"></div> | |
| <div class="arrow-left"></div> | |
| <div class="arrow-right"></div> | |
| CSS: | |
| .arrow-up { | |
| width: 0; | |
| height: 0; |
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 { | |
| min-height: 500px; | |
| height:auto !important; | |
| height: 500px; | |
| } |
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
| JADE: | |
| section.accordeon__wrapper | |
| ul.accordeon | |
| li.accordeon__item | |
| a.accordeon__trigger(href="#{js}") accordeon item 1 | |
| ul.accordeon__inner | |
| li.accordeon__inner__item: a.accordeon__inner__link(href="#{js}") accordeon inner link 1 | |
| li.accordeon__inner__item: a.accordeon__inner__link(href="#{js}") accordeon inner link 2 | |
| li.accordeon__inner__item: a.accordeon__inner__link(href="#{js}") accordeon inner link 3 | |
| li.accordeon__item |
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
| Jade: | |
| section.accordeon__wrapper | |
| ul.accordeon | |
| li.accordeon__item | |
| a.accordeon__trigger(href="#{js}") accordeon item 1 | |
| ul.accordeon__inner | |
| li.accordeon__inner__item: a.accordeon__inner__link(href="#{js}") accordeon inner link 1 | |
| li.accordeon__inner__item: a.accordeon__inner__link(href="#{js}") accordeon inner link 2 | |
| li.accordeon__inner__item: a.accordeon__inner__link(href="#{js}") accordeon inner link 3 | |
| li.accordeon__item |
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
| Jade: | |
| section.panel | |
| h3.panel__title panel title | |
| p.panel__text Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maxime, dicta. | |
| a.panel__button(href="#{js}") read more | |
| Stylus: | |
| .panel | |
| width 400px | |
| margin auto |
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
| Jade: | |
| header.header | |
| a.header__logo(href="#{js}") | |
| h1.header__title page header | |
| =' ' | |
| small.header__subtext subtext of page header | |
| Stylus: | |
| .header |
gearmobile
/ Horizontal-Dropdown-Menu via padding-bottom
Created
May 30, 2015 19:19
Horizontal Dropdown Menu via padding-bottom
gearmobile
/ Horizontal Dropdown Menu via margin-top
Created
May 30, 2015 19:25
Horizontal Dropdown Menu via margin-top