Skip to content

Instantly share code, notes, and snippets.

View nirazul's full-sized avatar

Rouven Bühlmann nirazul

View GitHub Profile
@nirazul
nirazul / input.scss
Created February 6, 2024 10:18
Generated by SassMeister.com.
@use 'sass:color' as color;
$brand-colors: (
'brand-turquoise-shade-1': color.mix(#1bade8, #ffffff, 10%),
'brand-turquoise-shade-2': color.mix(#1bade8, #ffffff, 30%),
'brand-turquoise-shade-3': color.mix(#1bade8, #ffffff, 50%),
'brand-turquoise-shade-4': color.mix(#1bade8, #000000, 50%),
'brand-turquoise-shade-5': color.mix(#1bade8, #000000, 30%),
'brand-turquoise-shade-6': color.mix(#1bade8, #000000, 10%),
@nirazul
nirazul / input.scss
Last active February 6, 2024 10:17
Generated by SassMeister.com.
@use 'sass:color' as color;
$brand-colors: (
'brand-turquoise-shade-1': color.mix(#0074d9, #ffffff, 10%),
'brand-turquoise-shade-2': color.mix(#0074d9, #ffffff, 30%),
'brand-turquoise-shade-3': color.mix(#0074d9, #ffffff, 50%),
'brand-turquoise-shade-4': color.mix(#0074d9, #000000, 50%),
'brand-turquoise-shade-5': color.mix(#0074d9, #000000, 30%),
'brand-turquoise-shade-6': color.mix(#0074d9, #000000, 10%),
@nirazul
nirazul / input.scss
Created February 2, 2024 19:36
Generated by SassMeister.com.
@use 'sass:color' as color;
$brand-colors: (
'brand-turquoise-shade-1': color.mix(#0074d9, #ffffff, 10%),
'brand-turquoise-shade-2': color.mix(#0074d9, #ffffff, 30%),
'brand-turquoise-shade-3': color.mix(#0074d9, #ffffff, 50%),
'brand-turquoise-shade-4': color.mix(#0074d9, #000000, 50%),
'brand-turquoise-shade-5': color.mix(#0074d9, #000000, 30%),
'brand-turquoise-shade-6': color.mix(#0074d9, #000000, 10%),
@nirazul
nirazul / input.scss
Created February 2, 2024 19:31
Generated by SassMeister.com.
@use 'sass:color' as color;
$brand-colors: (
'brand-turquoise-shade-1': color.mix(#0074d9, #ffffff, 10%),
'brand-turquoise-shade-2': color.mix(#0074d9, #ffffff, 30%),
'brand-turquoise-shade-3': color.mix(#0074d9, #ffffff, 50%),
'brand-turquoise-shade-4': color.mix(#0074d9, #000000, 60%),
'brand-turquoise-shade-5': color.mix(#0074d9, #000000, 40%),
'brand-turquoise-shade-6': color.mix(#0074d9, #000000, 20%),
@nirazul
nirazul / input.scss
Created February 2, 2024 19:27
Generated by SassMeister.com.
@use 'sass:color' as color;
$brand-colors: (
'brand-turquoise-shade-1': color.mix(#0074d9, #ffffff, 10%),
'brand-turquoise-shade-2': color.mix(#0074d9, #ffffff, 30%),
'brand-turquoise-shade-3': color.mix(#0074d9, #ffffff, 50%),
'brand-turquoise-shade-4': color.mix(#0074d9, #000000, 60%),
'brand-turquoise-shade-5': color.mix(#0074d9, #000000, 40%),
'brand-turquoise-shade-6': color.mix(#0074d9, #000000, 20%),
body {
background-color: blue;
}
body {
background-color: red;
}
@nirazul
nirazul / keybase.md
Created September 16, 2019 12:31
Keybase verification

Keybase proof

I hereby claim:

  • I am nirazul on github.
  • I am nirazul (https://keybase.io/nirazul) on keybase.
  • I have a public key ASAAPS3-3WqInsgTBGJyh4kQmfJIcGdQtwHOCeeB9JAlpQo

To claim this, I am signing this object:

@nirazul
nirazul / map-filters.js
Created June 4, 2017 11:28
Map global filters to local methods to use them in components as well as templates
/**
* Map global filters for being used from within `methods`. This makes them usable in js as well as templates
* @param {Array} filters - A list of registered filter names
* @return {Object) An object containing filters and their functions
*/
export function mapFilters(filters) {
return filters.reduce((result, filter) => {
result[filter] = function(...args) {
return this.$options.filters[filter](...args);
};
@nirazul
nirazul / index.json
Last active May 6, 2017 09:29
blog.dreipol.ch - Snippet 2
{
"routes": [
{
"name": "cms-page-2",
"path": "/work",
"component": "work",
"api": {
"fetch": {
"url": "/api/en/pages/work",
"params": {},