Mika Lee webix
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
| <?php | |
| $array = array( 1 => 'banila', 2 => 'macchiato', 3 => 'capuccino' ) | |
| echo reset($array); |
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
| %fix-png { | |
| -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */ | |
| filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); /* IE6 & 7 */ | |
| zoom:1; | |
| &:hover { | |
| -ms-filter:"progid:DXImageTransform.Microsoft.gradient(enabled=false)"; | |
| filter:"progid:DXImageTransform.Microsoft.gradient(enabled=false)"; | |
| } | |
| } |
webix
/ _rwdImage.scss
Last active
August 29, 2015 14:13
Ref : http://www.smashingmagazine.com/2013/09/16/responsive-images-performance-problem-case-study/
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
| // SCSS | |
| .rwdImage { | |
| position: relative; | |
| margin:0; | |
| padding-bottom: 56.25%; /* 16:9 ratio */ | |
| height: 0; | |
| overflow: hidden; | |
| img { | |
| position: absolute; |
webix
/ _grid.scss
Last active
August 29, 2015 14:13
This snippet is based on Hugo Giraudel's article(http://www.sitepoint.com/managing-responsive-breakpoints-sass/)
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
| // susy default settings | |
| @include border-box-sizing; | |
| $susy: 16 ( 45px 30px ) static; | |
| $layout-desktop: 16 ( 40px 20px ) static; | |
| $layout-tablet : 12 ( 40px 20px ) static; | |
| $layout-mobile : 2 ( 50% 15px ) fluid inside; | |
| $layout-mobileport : 2 ( 50% 15px ) fluid inside; | |
| $layouts: ( | |
| desktop: $layout-desktop, |