Valeriy Semenenko gearmobile
🇷🇺
gearmobile
/ Stylus Mixin for Placeholder
Last active
January 9, 2016 08:14
Stylus Mixin for Placeholder
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
| placeholder() | |
| &::-webkit-input-placeholder | |
| {block} | |
| &::-moz-placeholder | |
| {block} | |
| &:-moz-placeholder | |
| {block} | |
| &:-ms-input-placeholder | |
| {block} |
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
| squish-text() | |
| font 0/0 serif | |
| text-shadow none | |
| color transparent |
gearmobile
/ Stylus Mixin Equal Width and Height
Created
January 9, 2016 08:16
Stylus Mixin Equal Width and Height
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
| size($width, $height = $width) | |
| width $width | |
| height $height |
gearmobile
/ Simple Bounce Animation Header Button
Created
January 9, 2016 11:40
Simple Bounce Animation Header Button
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
| import 'module' – импортировать файл ./node_modules/module/<main>, где <main> - содержимое поля "main" в package.json модуля. | |
| import 'module/file.js' – импортировать файл ./node_modules/module/file.js |
gearmobile
/ Stylus Mixin Static Retina Image
Last active
February 29, 2016 16:45
Stylus Mixin Static Retina Image
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
| retinaBackground($image, $ext = 'png') { | |
| // pixel ratio of 1; background size is 100% (or 100px image) | |
| background-image url('../images/' + $image + '.' + $ext) | |
| // pixel ratio of 2; background-size is 200% (or 200px image) | |
| @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { | |
| background-image url('../images/' + $image + '@2x.' + $ext) | |
| } | |
| } |
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
| $(function () { | |
| $('a[href*="#"]:not([href="#"])').on('click', function () { | |
| if (location.pathname.replace(/^\//, '') === this.pathname.replace(/^\//, '') && location.hostname === this.hostname) { | |
| let target = $(this.hash); | |
| target = target.length ? target : $('[name=' + this.hash.slice(1) + ']'); | |
| if (target.length) { | |
| $('html, body').animate({ | |
| scrollTop: target.offset().top | |
| }, 1000); | |
| return false; |
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
| [placeholder]:focus::placeholder | |
| color transparent |
gearmobile
/ Disable resize and allow user select
Created
March 7, 2016 08:10
Disable resize and allow user select
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
| input | |
| textarea | |
| resize none | |
| user-select text |
gearmobile
/ Calc - width by the height
Created
March 9, 2016 08:48
Calc - the calculation of the width by the height
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
| height 100% | |
| width calc(4/3*100%) |