Skip to content

Instantly share code, notes, and snippets.

Avatar

KatKatKat avalanche1

  • Citizen of Earth
View GitHub Profile
View chakra-ui-under-shadow-root.ts
import React from "react";
import ReactDOM from "react-dom";
import { ChakraProvider, DarkMode, Button, LightMode } from "@chakra-ui/react";
import type { ApplicationProps } from "../../shell/src/types";
import { CacheProvider } from "@emotion/react";
import createCache from "@emotion/cache";
function Root(props: ApplicationProps) {
return (
<>
@newswim
newswim / antd_sc_example.js
Created Aug 4, 2017
Wrapping Ant Design components with Styled Components
View antd_sc_example.js
import { Link } from 'react-router-dom'
import { Badge, Col, Menu } from 'antd'
const StyledBadge = styled(Badge)`
.ant-badge-count {
background-color: #7ECBBF;
color: white;
box-shadow: 0 0 0 1px #d9d9d9 inset;
}
`
View bulma-test.html
<div class="hero-body">
<div class="container has-text-centered">
<div class="columns is-vcentered">
<div class="column">
<h1 class="title is-1 is-bold">
RSG Management Portal
</h1>
<h2 class="subtitle is-4">
Simple. Efficient. Fast.
</h2>
@srsudar
srsudar / background.html
Created Jul 27, 2014
Pasting from the system clipboard using a Chrome extension.
View background.html
<!DOCTYPE html>
<html>
<head>
<script src="background.js"></script>
</head>
<body>
<textarea id="sandbox"></textarea>
</body>