Skip to content

Instantly share code, notes, and snippets.

View yordanzhelevdev's full-sized avatar
🤚
Hi

Yordan Zhelev yordanzhelevdev

🤚
Hi
28 followers · 29 following
  • Bulgaria
View GitHub Profile
@yordanzhelevdev
yordanzhelevdev / fonts.scss
Last active June 23, 2021 11:49 — forked from ghosh/fonts
Easy font face declarations using Sass lists, mixins and loops!
/**
* The path to the fonts folder, relative to the
* compiled stylesheet
*
* @type String
*/
$font-path: "../fonts/" !default;
/**
@yordanzhelevdev
yordanzhelevdev / nth-child-quantity-mixins.scss
Created January 3, 2019 12:16 — forked from adamgiese/nth-child-quantity-mixins.scss
Advanced nth-child mixins
@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
yordanzhelevdev / README-Template.md
Created October 1, 2018 06:56 — forked from PurpleBooth/README-Template.md
A template to make good README.md

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.

Prerequisites

@yordanzhelevdev
yordanzhelevdev / gist:e28d0fcc69bdf78da36d313cf8776b69
Created August 27, 2018 08:55 — forked from rxaviers/gist:7360908
Complete list of github markdown emoji markup

People

: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
yordanzhelevdev / media-query.css
Created August 2, 2018 10:32 — forked from gokulkrishh/media-query.css
CSS Media Queries for Desktop, Tablet, Mobile.
/*
##Device = Desktops
##Screen = 1281px to higher resolution desktops
*/
@media (min-width: 1281px) {
//CSS
@yordanzhelevdev
yordanzhelevdev / sublime_projects.md
Created July 17, 2018 14:56
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:

@yordanzhelevdev
yordanzhelevdev / commit.png
Created June 1, 2018 07:24 — forked from primaryobjects/commit.png
How to setup prettier as a pre-commit hook for Git commits.
commit.png
@yordanzhelevdev
yordanzhelevdev / gist:72c3825a6474cb482ce1d78f95ae0287
Created March 15, 2018 18:21 — forked from feliperoberto/gist:9793674
GulpJS + SASS + BrowserSync ftw

#GulpJS + SASS + BrowserSync ftw Being the new-kid-on-the-block, GulpJS is getting plently of attention lately. Instead of contributing to the pool of opinion-pieces out there though, I thought I'd walk you through setting it up with a really nice little workflow including SASS for CSS along with my open-source project, BrowserSync.io.

The end result will be a pretty sweet front-end development setup including:

  • SCSS File watching/compilation.
  • Live CSS injecting into multiple devices.
  • A Server running on an IP address that can be accessed on multiple devices/screens.
  • Syncronized scroll, clicks, links & form fields across all devices.