andreypelykh

$('#circles .open-modal').click(function(e){
		e.stopImmediatePropagation();
		$('#circles .modal:visible').fadeOut();
		$(this).next('.modal').fadeIn();
	});
	$('#circles .close').click(function(){
		$(this).parent('.modal').fadeOut();
	})

	$("body").click(function(e) {

andreypelykh

.triangle{
	width: 0;
	height: 0;
	border-bottom: 100px solid #000;
	border-left: 50px solid transparent;
	border-right: 50px solid transparent;
}

andreypelykh

.container {
  line-height: 200px;
}
.block {
  display: inline-block;
  line-height: 1.2;
  vertical-align: middle;
}

andreypelykh

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);

andreypelykh

=select-reset
	-webkit-appearance: none
	-moz-appearance: none
	text-indent: 0.01px
	text-overflow: ''
	-ms-appearance: none
	appearance: none!important
	&::-ms-expand
		display: none

andreypelykh

.wrapper {
  width: 100px;
  margin: 0 auto;
}

.box {
  background: goldenrod;
  margin-left: auto;
  margin-right: auto;
  padding-top: 50%;

andreypelykh

$( '.fileContainer [type=file]' ).on( 'click', function updateFileName( event ){
    var $input = $( this );

    setTimeout( function delayResolution(){
        $input.parent().text( $input.val().replace(/([^\\]*\\)*/,'') )
    }, 0 )
} );

andreypelykh

	$( '.fileContainer [type=file]' ).on( 'change', function updateFileName( event ){
		var $input = $( this );
		$input.parent().next('.fileName').text( $input.val().replace(/([^\\]*\\)*/,'') )
	} );

andreypelykh

/* SASS / Social Media Brand Colors */

$twitter: #00aced;
$facebook: #3b5998;
$googleplus: #dd4b39;
$pinterest: #cb2027;
$linkedin: #007bb6;
$youtube: #bb0000;
$vimeo: #1ab7ea;
$tumblr: #32506d;

andreypelykh

const str: string;

str.split(',').map(e=> `'${e.trim()}'`).join(', ')