This file contains 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
| .row | |
| +clr | |
| @mixin g($n:1) | |
| width: $n*240 | |
| float: left | |
| +box | |
| +respond-to(mobile) | |
| width: $n*20% | |
| .block |
akella
/ gist:299652
Created
February 9, 2010 20:56
This file contains 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
| .bg-crop{ | |
| _filter : expression( | |
| (runtimeStyle.filter == '') ? runtimeStyle.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src='+currentStyle.backgroundImage.split('\"')[1]+', sizingMethod=crop)' : runtimeStyle.filter, | |
| runtimeStyle.backgroundImage = 'none'); | |
| } | |
| .bg-png-scale{ | |
| filter : expression( | |
| (runtimeStyle.backgroundImage != 'none') ? runtimeStyle.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src='+currentStyle.backgroundImage.split('\"')[1]+', sizingMethod=scale)' : runtimeStyle.filter, | |
| runtimeStyle.backgroundImage = 'none'); | |
| } |
akella
/ gist:4563535
Created
January 18, 2013 09:57
This file contains 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
| .l-wrapper { | |
| max-width: 1260px; | |
| padding: 0 10px; | |
| margin: 0 auto -525px; | |
| position: relative; | |
| min-height: 100%; | |
| height: auto !important; | |
| height: 100%; | |
| @include respond-to(mob) { | |
| width: 320px; |
akella
/ gist:4563541
Created
January 18, 2013 09:58
This file contains 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
| .l-wrapper { | |
| max-width: 1260px; | |
| padding: 0 10px; | |
| margin: 0 auto -525px; | |
| position: relative; | |
| min-height: 100%; | |
| height: auto !important; | |
| height: 100%; | |
| @include respond-to(mob) { | |
| width: 320px; |
akella
/ gist:4563548
Created
January 18, 2013 09:59
This file contains 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
| .l-wrapper { | |
| max-width: 1260px; | |
| padding: 0 10px; | |
| margin: 0 auto -525px; | |
| position: relative; | |
| min-height: 100%; | |
| height: auto !important; | |
| height: 100%; | |
| @include respond-to(mob) { |
This file contains 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
| @import "base"; | |
| // =======Sprites | |
| // .whatever{ | |
| // @include sized-sprite($icons, badge_hit); | |
| // @include retina{ | |
| // @include sized-sprite($icons, badge_new); | |
| // } | |
| // } | |
| // =======animation setting example (set it anywehere) | |
| // @include keyframes(rotate) { |
This file contains 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
| a{ | |
| display: inline-block; | |
| vertical-align: top; | |
| @extend %hide-text; | |
| //loop thru icons | |
| @each $social in fb, vk, gp, rss{ | |
| &.social__#{$social}{ | |
| @include sized-sprite($icons, f-#{$social}); | |
| &:hover{@include sized-sprite($icons, f-#{$social}_hover);} | |
| &:active{@include sized-sprite($icons, f-#{$social}_active);} |
akella
/ gist:5003306
Created
February 21, 2013 08:48
This file contains 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
| @import "base"; | |
| // =======Sprites | |
| // .whatever{ | |
| // @include sized-sprite($icons, badge_hit); | |
| // @include retina{ | |
| // @include sized-sprite($icons, badge_new); | |
| // } | |
| // } | |
| // =======animation setting example (set it anywehere) | |
| // @include keyframes(rotate) { |
akella
/ gist:5016075
Created
February 22, 2013 19:50
This file contains 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
| @viewport { | |
| width: auto; // auto | device-width | length | percentage | |
| // 'width' задаст сразу max и min-width. | |
| max-width: auto; | |
| min-width: auto; | |
| // 'zoom' тоже что 'initial-scale' в meta | |
| // Значения 1.0 или 100% означают что нет zoom. | |
| zoom: auto; // auto | number | percentage |
This file contains 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
| if (!("ontouchstart" in document.documentElement)) { | |
| document.documentElement.className += "no-touch"; | |
| } |
OlderNewer