Skip to content

Instantly share code, notes, and snippets.

Working from home

Andrey Pelykh andreypelykh

Working from home
  • Kharkiv, Ukraine
Block or report user

Report or block andreypelykh

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
View _mixins.sass
font-family: $font, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif
$xl-width: 1200px;
$lg-width: 992px;
$md-width: 768px;
$sm-width: 576px;
andreypelykh / gist:75e9b99f0f7cef7cf99692b1d2a19c93
Created Sep 20, 2017
convert keywords to jasvascript array
View gist:75e9b99f0f7cef7cf99692b1d2a19c93
const str: string;
str.split(',').map(e=> `'${e.trim()}'`).join(', ')
View social-colors.sass
/* SASS / Social Media Brand Colors */
$twitter: #00aced;
$facebook: #3b5998;
$googleplus: #dd4b39;
$pinterest: #cb2027;
$linkedin: #007bb6;
$youtube: #bb0000;
$vimeo: #1ab7ea;
$tumblr: #32506d;
andreypelykh / gist:f34898feb9cbc72343f2ef9d48c8d948
Created Mar 25, 2017
show name of selected file good variant
View gist:f34898feb9cbc72343f2ef9d48c8d948
$( '.fileContainer [type=file]' ).on( 'change', function updateFileName( event ){
var $input = $( this );
$input.parent().next('.fileName').text( $input.val().replace(/([^\\]*\\)*/,'') )
} );
View gist:224eecf5b0fd4d33643e8a0c2eab06c1
$( '.fileContainer [type=file]' ).on( 'click', function updateFileName( event ){
var $input = $( this );
setTimeout( function delayResolution(){
$input.parent().text( $input.val().replace(/([^\\]*\\)*/,'') )
}, 0 )
} );
View style.css
.wrapper {
width: 100px;
margin: 0 auto;
.box {
background: goldenrod;
margin-left: auto;
margin-right: auto;
padding-top: 50%;
andreypelykh / _select-reset.sass
Last active Mar 5, 2016
Отмена стандартного отображения select
View _select-reset.sass
-webkit-appearance: none
-moz-appearance: none
text-indent: 0.01px
text-overflow: ''
-ms-appearance: none
appearance: none!important
display: none

Font Face

A mixin for writing @font-face rules in SASS.


Create a font face rule. Embedded OpenType, WOFF2, WOFF, TrueType, and SVG files are automatically sourced.

@include font-face(Samplino, fonts/Samplino);
View vertical align
.container {
line-height: 200px;
.block {
display: inline-block;
line-height: 1.2;
vertical-align: middle;
View triangle.css
width: 0;
height: 0;
border-bottom: 100px solid #000;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
You can’t perform that action at this time.