Skip to content

Instantly share code, notes, and snippets.

View tunguskha's full-sized avatar

Fabien tunguskha

View GitHub Profile
@tunguskha
tunguskha / How to couple Sass and CSS Variables.md
Last active March 19, 2019 22:42
How to couple Sass and CSS Var

How to couple Sass and CSS Var

If you use Sass extension, you can work with CSS variables.

First, let's create our css variable.

\:root
  --MyColor: #5966D2
@tunguskha
tunguskha / country-name-to-iso.js
Created October 16, 2019 14:37
Javascript country name to ISO country code conversion
var isoCode = {
'Afghanistan': 'AF',
'Aland Islands': 'AX',
'Albania': 'AL',
'Algeria': 'DZ',
'American Samoa': 'AS',
'Andorra': 'AD',
'Angola': 'AO',
'Anguilla': 'AI',
'Antarctica': 'AQ',
@tunguskha
tunguskha / Gradient shadow in pure CSS.md
Last active May 4, 2023 06:40
Gradient shadow in pure CSS

Gradient shadow in pure CSS

alt text

HTML
<button>Let's Go !</button>
@tunguskha
tunguskha / CSS-color-var.md
Last active June 27, 2023 18:52
Darken & Lighten colors in pure CSS using variables.
:root {
  /* Base color using HSL */
  --hue: 207;
  --saturation: 64%;
  --light: 44%;
  
  /* Base color in variable */
  --primary-color: hsl(var(--hue), var(--saturation), var(--light));
 /* Base color lighten using calc */