Skip to content

Instantly share code, notes, and snippets.


Yordan Zhelev yordanzhelevdev

Block or report user

Report or block yordanzhelevdev

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
yordanzhelevdev / items.css
Created Apr 16, 2019
Unknown number items spacing distribution with flexbox
View items.css
.items {
display: flex;
flex-wrap: wrap;
width: 1000px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin: -3% 0 0 -3%;
View flexbox-vendor-prefixer.scss
@mixin flexbox {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
@mixin inline-flex {
display: -webkit-inline-box;
View nth-child-quantity-mixins.scss
@mixin valid-quantity($quantity) {
@if type-of($quantity) != 'number' {
@error 'The "quantity" parameter must be a number!';
@if not(unitless($quantity)) {
@error 'The "quantity" parameter must not have a unit!';
@if $quantity < 0 {
@error 'The "quantity" parameter must be at least 0!';
yordanzhelevdev /
Created Oct 1, 2018 — forked from PurpleBooth/
A template to make good

Project Title

One Paragraph of project description goes here

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system.


View 2018-09-06T14_55_14_059Z-debug.log
12006 silly finalize C:\Users\User\Desktop\IonicPlaygroud\node_modules\fsevents\node_modules\delegates
12007 silly finalize C:\Users\User\Desktop\IonicPlaygroud\node_modules\fsevents\node_modules\detect-libc
12008 silly finalize C:\Users\User\Desktop\IonicPlaygroud\node_modules\fsevents\node_modules\fs.realpath
12009 silly finalize C:\Users\User\Desktop\IonicPlaygroud\node_modules\fsevents\node_modules\has-unicode
12010 silly finalize C:\Users\User\Desktop\IonicPlaygroud\node_modules\fsevents\node_modules\inherits
12011 silly finalize C:\Users\User\Desktop\IonicPlaygroud\node_modules\fsevents\node_modules\ini
12012 silly finalize C:\Users\User\Desktop\IonicPlaygroud\node_modules\fsevents\node_modules\isarray
12013 silly finalize C:\Users\User\Desktop\IonicPlaygroud\node_modules\fsevents\node_modules\minimatch
12014 silly finalize C:\Users\User\Desktop\IonicPlaygroud\node_modules\fsevents\node_modules\ignore-walk
12015 silly finalize C:\Users\User\Desktop\IonicPlaygroud\node_modules\fsevents\node_modules\minim
yordanzhelevdev / gist:e28d0fcc69bdf78da36d313cf8776b69
Created Aug 27, 2018 — forked from rxaviers/gist:7360908
Complete list of github markdown emoji markup
View gist:e28d0fcc69bdf78da36d313cf8776b69


:bowtie: :bowtie: 😄 :smile: 😆 :laughing:
😊 :blush: 😃 :smiley: ☺️ :relaxed:
😏 :smirk: 😍 :heart_eyes: 😘 :kissing_heart:
😚 :kissing_closed_eyes: 😳 :flushed: 😌 :relieved:
😆 :satisfied: 😁 :grin: 😉 :wink:
😜 :stuck_out_tongue_winking_eye: 😝 :stuck_out_tongue_closed_eyes: 😀 :grinning:
😗 :kissing: 😙 :kissing_smiling_eyes: 😛 :stuck_out_tongue:
yordanzhelevdev / index.html
Created Aug 22, 2018
Product Landing Page
View index.html
<script src=""></script>
<div class="grid-wrapper">
<header id="header">
<h1 id="header-img">Joy Pill</h1>
<nav id="nav-bar">
<li class="nav-link"><a href="#features">Features</a></li>
<li class="nav-link"><a href="#whatitfeels">What It Feels Like</a></li>
<li class="nav-link"><a href="#pricing">Pricing and Flavors</a></li>
yordanzhelevdev / media-query.css
Created Aug 2, 2018 — forked from gokulkrishh/media-query.css
CSS Media Queries for Desktop, Tablet, Mobile.
View media-query.css
##Device = Desktops
##Screen = 1281px to higher resolution desktops
@media (min-width: 1281px) {
yordanzhelevdev /
Created Jul 17, 2018 — forked from jesperorb/
Create Projects in Sublime Text 3

Sublime Projects 📁

You can create Projects which contains multiple folders and can have individual settings depending on the project. A project is a folder or a group of folders saved at a certain state that will be remembered everytime you close the project.

You can also quick switch between projects with CMD + CTRL + P or CTRL + ALT + P

If your are using Atom or vscode there is a plugin to add this behavior:

View b
/ renderEditRecipe(key) {
// const recipe =[key];
// return (
// <div className="modal">
// <form
// name="recipeForm"
// ref={input => (this.recipeForm = input)}
// >
// <div className="inputsContainer">
// <div className="recipeInputs">
You can’t perform that action at this time.