Sebastian Scholten gitsebs

## Chakra-UI x React-datepicker.md

      
              3 files
            
          
              0 forks
            
          
                0 comments
              
            
              0 stars
            
          
                gitsebs
                / Chakra-UI x React-datepicker.md
            
            
              Created
              September 28, 2020 08:00
                — forked from baumandm/Chakra-UI x React-datepicker.md
            
              
                Chakra-UI x React-datepicker
              
          
    Tiny wrapper component for React-datepicker to stylistically fit with Chakra-UI.
<DatePicker selectedDate={myDate} handleChange={(d) => console.log(d) />

Adapted from this comment

  
## backup-to-s3.sh
#!/bin/bash

## Email Variables
EMAILDATE=`date --date="today" +%y-%m-%d`
EMAIL="you@yourdomain.com"

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 modules vars
# CSS file #

.className {
  color: $color;
  margin: 50px;
}

# React component #

import styles from './styles.scss'

## index.html
<!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;

## Vagrant file
# -*- 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

## gulpfile.js
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');

## cat-colors.json
{
	"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"]
	#!/bin/bash

	## Email Variables
	EMAILDATE=`date --date="today" +%y-%m-%d`
	EMAIL="you@yourdomain.com"

	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"]