A Pen by Beibit Sakhanov on CodePen.
bsakhanov
/ index.html
Created
September 25, 2019 00:42
Navigation bar with circle flexible highlight POC
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
| <nav class="tab" data-selected="2"> | |
| <div class="icons"> | |
| <div data-index="1" class="icon fad fa-home"></div> | |
| <div data-index="2" class="icon fal fa-plus"></div> | |
| <div data-index="3" class="icon fad fa-user fa-swap-opacity"></div> | |
| </div> | |
| <div class="bar"> | |
| <div class="cap"></div> | |
| <div class="middle"> | |
| <div class="side"></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="base"> | |
| <div class="menu"> | |
| <div class="icon"> | |
| <div class="bar"></div> | |
| </div> | |
| </div> | |
| <div class="icons"> | |
| <i class="fa fa-user" aria-hidden="true"></i> | |
| <i class="fa fa-calendar-o" aria-hidden="true"></i> | |
| <i class="fa fa-tachometer" aria-hidden="true"></i> |
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
| <svg viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg" version="1.1" > | |
| </svg> |
bsakhanov
/ custom-uk-divider-icon-uikit-3.markdown
Created
November 3, 2019 14:45
custom uk-divider-icon uikit 3
A Pen by Beibit Sakhanov on CodePen.
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 id="bond1" class="uk-width-medium"> | |
| <span > | |
| <h3 class="uk-margin-remove">Aliexpress</h3> | |
| <small>Покупай с умом, живи радуйся :)</small> | |
| <span uk-icon="menu" class="uk-margin-small-left"></span> | |
| </span> | |
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
| .container | |
| ol | |
| li: a(href='#link1') Click on me and watch new disappear | |
| li: a(href='#link2') Pretty cool eh? Try again here | |
| li: a(href='#link3') One last try | |
| //- Clicked on all of the links? Just change the href! |
A Pen by Beibit Sakhanov on CodePen.
Hello World in 92 Languages falling down in Matrix code rain
A Pen by Beibit Sakhanov on CodePen.