Skip to content

Instantly share code, notes, and snippets.

View Christilut's full-sized avatar

Christiaan Maks Christilut

  • Netherlands
View GitHub Profile
@Christilut
Christilut / transition.scss
Last active January 8, 2019 09:29
Vue component for dynamic height show/hide transitioning
.expand-enter-active,
.expand-leave-active {
transition: height 0.4s ease;
overflow: hidden;
}
.expand-enter,
.expand-leave-to {
height: 0;
}
@Christilut
Christilut / tooltip.js
Last active January 8, 2019 09:29
Vue component for showing a simple tooltip
Vue.component('tooltip', {
name: 'tooltip',
props: {
disabled: Boolean,
x: {
type: Number,
default: 0
},
y: {
$g: 20px;
$props: (
(margin, ma),
(margin-top, mt),
(margin-bottom, mb),
(margin-left, ml),
(margin-right, mr),
(padding, pa),
(padding-top, pt),
JSON.stringify($.map($('.devsite-table-wrapper').first().find('tbody tr'), (x) => {
return {
label: $(x).find('td').first().text(),
code: $(x).find('td:eq(1)').text()
}
}), null, ' ')
// dont forget to remove some comments
@Christilut
Christilut / vue
Created June 2, 2017 09:24
Vue stuff
// Copy _redirects
var fs = require('fs-extra')
fs.copySync(path.join(__dirname, '..', 'static/root/_redirects'), path.join(__dirname, '..', 'dist/_redirects'))
@Christilut
Christilut / layout.scss
Created May 22, 2017 08:21
SCSS layout base
$phone-width: 600px;
$tablet-width: 900px;
$desktop-width: 1200px;
$devices: (
none: null,
phone: $phone-width,
tablet: $tablet-width,
phablet: $desktop-width,
desktop: null
<?xml version="1.0" encoding="utf-8"?>
<key name="Software">
<key name="ConEmu">
<key name=".Vanilla" modified="2017-04-16 23:09:24" build="170402">
<value name="StartType" type="hex" data="02"/>
<value name="CmdLine" type="string" data=""/>
<value name="StartTasksFile" type="string" data=""/>
<value name="StartTasksName" type="string" data="{Bash::bash}"/>
<value name="StartFarFolders" type="hex" data="00"/>
<value name="StartFarEditors" type="hex" data="00"/>
@Christilut
Christilut / template.vue
Created February 27, 2017 12:28
Vue template empty
<template lang="pug">
h3 test
</template>
<script>
export default {
}
</script>
<style lang="scss" scoped>
### Keybase proof
I hereby claim:
* I am christilut on github.
* I am christilut (https://keybase.io/christilut) on keybase.
* I have a public key ASBiEE8YFJPlPNYlwwQaaOQ4mgAAshaRl2W0c2gd5VxB6go
To claim this, I am signing this object: