Morteza Sabihi mortezasabihi

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

See how a minor change to your commit message style can make you a better programmer.

Format: <type>(<scope>): <subject>

<scope> is optional

How to setup an Outline VPN Server on Ubuntu 16.04 Server

This guide will show you how to install Outline Server on an Ubuntu 16.04 Server and use Outline Manager.

Outline Manager supports Windows, macOS and Linux.

	@mixin box-shadow($top, $left, $blur, $color, $inset: false) {
	@if $inset {
	-webkit-box-shadow:inset $top $left $blur $color;
	-moz-box-shadow:inset $top $left $blur $color;
	box-shadow:inset $top $left $blur $color;
	} @else {
	-webkit-box-shadow: $top $left $blur $color;
	-moz-box-shadow: $top $left $blur $color;
	box-shadow: $top $left $blur $color;
	}

	//Cross browser CSS3 mixins

	@mixin box-shadow($left, $top, $radius, $color) {
	box-shadow: $left $top $radius $color;
	-webkit-box-shadow: $left $top $radius $color;
	-moz-box-shadow: $left $top $radius $color;
	}

	@mixin transition($property, $duration, $easing: linear) {
	transition: $property $duration $easing;

	@mixin placeholder-color($color) {
	&::-webkit-input-placeholder { /* WebKit browsers */
	color: $color;
	}
	&:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: $color;
	}
	&::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: $color;
	}

	/**
	* Convert font-size from px to rem with px fallback
	*
	* @param $size - the value in pixel you want to convert
	*
	* e.g. p {@include fontSize(12px);}
	*
	*/
	@use "sass:math";

	var mediaJSON = { "categories" : [ { "name" : "Movies",
	"videos" : [
	{ "description" : "Big Buck Bunny tells the story of a giant rabbit with a heart bigger than himself. When one sunny day three rodents rudely harass him, something snaps... and the rabbit ain't no bunny anymore! In the typical cartoon tradition he prepares the nasty rodents a comical revenge.\n\nLicensed under the Creative Commons Attribution license\nhttp://www.bigbuckbunny.org",
	"sources" : [ "http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4" ],
	"subtitle" : "By Blender Foundation",
	"thumb" : "images/BigBuckBunny.jpg",
	"title" : "Big Buck Bunny"
	},
	{ "description" : "The first Blender Open Movie from 2006",
	"sources" : [ "http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4" ],

	function validateUrl(value)
	{
	var expression = /[-a-zA-Z0-9@:%_\+.~#?&//=]{2,256}\.[a-z]{2,4}\b(\/[-a-zA-Z0-9@:%_\+.~#?&//=]*)?/gi
	var regexp = new RegExp(expression);
	return regexp.test(value);
	}

	#NOTE: before running commands check output list to remove
	# remove untagged docker images:
	docker rmi $(docker images --filter "dangling=true" -q --no-trunc)
	#remove stopped docker containers:
	docker rm $(docker ps -q -f status=exited)