This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// CSS Filter SASS MIxin | |
@mixin filter($value) { | |
-webkit-filter: $value; | |
-moz-filter: $value; | |
-o-filter: $value; | |
filter: $value; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// Media Queries in SCSS <https://css-tricks.com/approaches-media-queries-sass/#landon-schropps-technique> | |
// Variables | |
$tablet-width: 768px; | |
$desktop-width: 1024px; | |
@mixin tablet { | |
@media (min-width: #{$tablet-width}) and (max-width: #{$desktop-width - 1px}) { | |
@content; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// Sass Mixins to Kickstart Your Project <http://www.sitepoint.com/sass-mixins-kickstart-project/#vendor-prefixes> | |
@mixin prefix($property, $value, $vendors: webkit moz ms o) { | |
@if $vendors { | |
@each $vendor in $vendors { | |
#{"-" + $vendor + "-" + $property}: #{$value}; | |
} | |
} | |
#{$property}: #{$value}; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
# Validate or store your changes before the merger <https://blog.echosystem.fr/?d=2017/04/29/00/38/49-git-pull-conflit-veuillez-valider-ou-remiser-vos-modifications-avant-la-fusion> | |
$ git reset --hard HEAD |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
# Connect mysql | |
$ mysql -u root -p | |
Enter password: | |
or | |
$ mysql -h localhost -u root -p | |
Enter password: |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
# Install clean NPM packages global | |
$ npm uninstall -g <namePackages> | |
$ npm install -g <namePackages> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!-- Twitter Corner --> | |
<a href="https://your-twitter-account" class="twitter-corner" aria-label="View Twitter Account"><svg width="80" height="80" viewBox="0 0 250 250" style="fill:#1da1f2; color:#fff; position: absolute; top: 0; border: 0; right: 0;"><path d="M249.8 250L0 .2V0h250v250h-.2z"/><path d="M230.09 41.82a37.77 37.77 0 0 1-10.85 3 19 19 0 0 0 8.31-10.45 37.82 37.82 0 0 1-12 4.58 18.91 18.91 0 0 0-32.19 17.23L166 91.49a37.91 37.91 0 0 1-23.46 8.09 38.42 38.42 0 0 1-4.51-.26 53.48 53.48 0 0 0 29 8.49c34.75 0 53.76-28.79 53.76-53.76q0-1.23-.06-2.44a38.39 38.39 0 0 0 9.36-9.79z" fill="currentColor" class="bird-body"/><path d="M145.41 36.63a18.91 18.91 0 0 0 5.85 25.22 18.82 18.82 0 0 1-8.56-2.36v.24a18.91 18.91 0 0 0 15.16 18.53 18.93 18.93 0 0 1-8.53.32A18.91 18.91 0 0 0 167 91.7l17.38-35.33a53.64 53.64 0 0 1-38.97-19.74z" fill="currentColor" class="bird-wing"/></svg></a><style>.twitter-corner:hover .bird-wing{animation: fly .4s linear; transform-origin: right center;}@keyframes fly{0%{transform: tran |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!-- Github Corner --> | |
<a href="https://your-url" class="github-corner" aria-label="View source on Github"><svg width="80" height="80" viewBox="0 0 250 250" style="fill:#151513; color:#fff; position: absolute; top: 0; border: 0; right: 0;" aria-hidden="true"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181. |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!-- Simple Structure HTML5 --> | |
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="UTF-8"> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
<title>Document</title> | |
</head> | |
<body> | |
<!-- Code here --> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<meta charset="utf-8"> | |
<!-- Compatible viewport <https://github.com/joshbuchea/HEAD/#recommended-minimum> --> | |
<meta http-equiv="x-ua-compatible" content="ie=edge"> | |
<meta name="viewport" content="width=device-width, initial-scale=1"> | |
<!-- | |
The above 3 meta tags *must* come first in the <head> | |
to consistently ensure proper document rendering. | |
Any other head element should come *after* these tags. | |
† Use the content="ie-edge" tag if your project |
NewerOlder