Tiny wrapper component for React-datepicker to stylistically fit with Chakra-UI.
<DatePicker selectedDate={myDate} handleChange={(d) => console.log(d) />
Adapted from this comment
Tiny wrapper component for React-datepicker to stylistically fit with Chakra-UI.
<DatePicker selectedDate={myDate} handleChange={(d) => console.log(d) />
Adapted from this comment
#!/bin/bash | |
## Email Variables | |
EMAILDATE=`date --date="today" +%y-%m-%d` | |
EMAIL="[email protected]" | |
SUBJECT="[servername] Backup Script Started! - "$EMAILDATE | |
EMAILMESSAGE="/tmp/emailmessage1.txt" | |
echo "Just to let you know that the backup script has started."> $EMAILMESSAGE | |
/bin/mail -s "$SUBJECT" "$EMAIL" < $EMAILMESSAGE |
# CSS file # | |
.className { | |
color: $color; | |
margin: 50px; | |
} | |
# React component # | |
import styles from './styles.scss' |
<!DOCTYPE html> | |
<html> | |
<head> | |
<script src="https://code.jquery.com/jquery-2.1.4.js"></script> | |
<meta charset="utf-8"> | |
<meta name="viewport" content="width=device-width"> | |
<title>JS Bin</title> | |
<style id="jsbin-css"> | |
body { | |
perspective: 500px; |
# -*- mode: ruby -*- | |
# vi: set ft=ruby : | |
# Vagrantfile API/syntax version. Don't touch unless you know what you're doing! | |
VAGRANTFILE_API_VERSION = "2" | |
Vagrant.configure(VAGRANTFILE_API_VERSION) do |config| | |
config.vm.box = "ubuntu/trusty64" | |
# Disable automatic box update checking. If you disable this, then |
gulp.task('styles:toolkit', ['lint-styles:toolkit'], function () { | |
var sourcemaps = require('gulp-sourcemaps'); | |
var prefix = require('gulp-autoprefixer'); | |
var postcss = require('gulp-postcss'); | |
var calc = require('postcss-calc'); | |
var colorFunction = require('postcss-color-function'); | |
var customMedia = require('postcss-custom-media'); | |
var customProperties = require('postcss-custom-properties'); | |
var fontVariant = require('postcss-font-variant'); | |
var lost = require('lost'); |
{ | |
"colorList": { | |
"c1" : ["#000000", "#000011"], | |
"c2" : ["#000011", "#000022"], | |
"c3" : ["#000022", "#000033"], | |
"c4" : ["#000033", "#000044"], | |
"c7" : ["#000044", "#000055"], | |
"c8" : ["#000055", "#000066"], | |
"c9" : ["#000066", "#000077"], | |
"c10" : ["#000077", "#000088"] |