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-fallback($font)
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;
=xl
@andreypelykh
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
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
andreypelykh / _select-reset.sass
Last active Mar 5, 2016
Отмена стандартного отображения select
View _select-reset.sass
=select-reset
-webkit-appearance: none
-moz-appearance: none
text-indent: 0.01px
text-overflow: ''
-ms-appearance: none
appearance: none!important
&::-ms-expand
display: none
View README.md

Font Face

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

Usage

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
.triangle{
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.