Skip to content

Instantly share code, notes, and snippets.

View kathirr007's full-sized avatar

Kathiravan K kathirr007

View GitHub Profile
@kathirr007
kathirr007 / pass-slots.md
Created July 9, 2024 14:47 — forked from loilo/pass-slots.md
Vue: Pass Slots through from Parent to Child Components

Vue: Pass Slots through from Parent to Child Components

The Situation

  • We've got some components A, B and C which provide different slots.
    const A = {
      template: `<div><slot name="a">Default A Content</slot></div>`
    }

const B = {

@kathirr007
kathirr007 / input.scss
Created September 4, 2022 09:47
Generated by SassMeister.com.
$prefix: '' !default;
$separator: '\\:' !default;
$sm: 576px !default;
$md: 768px !default;
$lg: 992px !default;
$xl: 1200px !default;
$gutter: .5rem !default;
$fieldMargin: 1rem !default;
@kathirr007
kathirr007 / input.scss
Created September 4, 2022 08:22
Generated by SassMeister.com.
$prefix: '' !default;
$separator: '\\:' !default;
$baseFontSize: 16;
$sm: 576px !default;
$md: 768px !default;
$lg: 992px !default;
$xl: 1200px !default;
$gutter: .5rem !default;
@kathirr007
kathirr007 / input.scss
Created November 17, 2021 16:47
Generated by SassMeister.com.
$grid-breakpoints: (
xs: 0,
sm: 576px,
md: 768px,
lg: 992px,
xl: 1200px
) !default;
// This variable affects the `.h-*` and `.w-*` classes.
@kathirr007
kathirr007 / xmlToJson.js
Created August 20, 2021 09:30 — forked from chinchang/xmlToJson.js
Function to convert XML to JSON
/**
* Changes XML to JSON
* Modified version from here: http://davidwalsh.name/convert-xml-json
* @param {string} xml XML DOM tree
*/
function xmlToJson(xml) {
// Create the return object
var obj = {};
if (xml.nodeType == 1) {
@kathirr007
kathirr007 / input.scss
Created March 23, 2021 07:21
Generated by SassMeister.com.
// Foundation for Sites
// https://get.foundation
// Licensed under MIT Open Source
// sass-lint:disable no-color-literals, no-qualifying-elements
////
/// @group global
////
@kathirr007
kathirr007 / input.scss
Created March 19, 2021 08:07
Generated by SassMeister.com.
/// Enabled responsive breakpoints for prototypes if applicable
/// @type Boolean
$global-prototype-breakpoints: true !default;
/// Global value used for margin on components.
/// @type Number
$global-margin: 1rem !default;
/// Global value used for padding on components.
/// @type Number
@kathirr007
kathirr007 / dabblet.css
Last active January 17, 2017 11:54
Untitled
body {
font-family:arial;
font-size:14px;
}
pre {
background:grey;
padding:10px;
border-radius:5px;