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.js
Created May 5, 2017 12:15
blog.dreipol.ch - Snippet 9
function getRouteData({ commit, state, dispatch }, { url }) {
let FetchPromise = state.routes[url];
if (FetchPromise) {
return FetchPromise;
}
return new Promise((resolve, reject) => {
Axios.request({ url }).then(
(request) => {