Basic and flexible twelve columns grid system
A Pen by drus unlimited on CodePen.
betul
/ Pure CSS Hamburger fold-out menu.markdown
Created
November 25, 2015 08:18
Pure CSS Hamburger fold-out menu
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
| <section class="Section"> | |
| <lablel> | |
| <input type="checkbox" /> autoplay | |
| </lablel> | |
| <article class="Lesson" data-video-id="M7lc1UVf-VE"> | |
| <div class="LessonContainer"> | |
| <a class="Lesson_toggle" href=""></a> | |
| <div class="LessonPlayer"></div> |
Experimenting with GSAP while hungry...
A Pen by David Bachmann Johannesson 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 class="container"> | |
| <div class="row"> | |
| <div class="col"><span></span></div> | |
| <div class="col"><span></span></div> | |
| <div class="col"><span></span></div> | |
| <div class="col"><span></span></div> | |
| <div class="col"><span></span></div> | |
| <div class="col"><span></span></div> | |
| <div class="col"><span></span></div> |
betul
/ Angular Material Contact Chips.markdown
Created
October 23, 2015 07:22
Angular Material Contact Chips
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=""> | |
| <div class="flexible-column"><span></span></div> | |
| <div class="flexible-column"><span></span></div> | |
| <div class="flexible-column"><span></span></div> | |
| <div class="flexible-column"><span></span></div> | |
| <div class="flexible-column"><span></span></div> | |
| <div class="flexible-column"><span></span></div> | |
| <div class="flexible-column"><span></span></div> | |
| </div> |
betul
/ #0091 - Image with rotating title on hover.markdown
Created
September 25, 2015 07:04
#0091 - Image with rotating title on hover
Image with rotating title on hover
A Pen by LittleSnippets.net on CodePen.
betul
/ Material design for Bootstrap 3.markdown
Created
August 20, 2015 11:17
Material design for Bootstrap 3
This theme is a skin for Bootstrap, which means that can be used with any site built with the Bootstrap framework 3. With easy installation and customization thanks to the LESS/SASS files included and the custom themes colors ready to use. This skin is based on a material design and also extends the styles directly applied to Bootstrap files. There’s no overwritten rules or bloating CSS, making a lightweight skin as Boostrap is itself.