This file will setup Wordpress, MySQL & PHPMyAdmin with a single command. Add the code below to a file called "docker-compose.yaml" and run the command
$ docker-compose up -d
# To Tear Down
$ docker-compose down --volumes
//a quick example of how to use actual 'if' statements inside template literals, | |
//without using ternary operator. Sometimes this is cleaner if you have complex conditionals or nested conditionals. | |
//data param is passed in via render(template(data), this) - if not using lit-html, could be any function | |
template = (data) => html` | |
<div id="job_edit" class="modal"> | |
<div class="modal-content"> | |
${ | |
//we're just going to wrap an anonymous inline function here and then call it with some data | |
(job => { //job here, is just an example, it could be anything, it's passed in below in (data.job) | |
if(job) |
scss/ # Import all ‘-dir.scss’ files | |
| | |
|- abstracts/ | |
| |- __abstracts-dir.scss # Import all abstracts .scss files | |
| |- _fonts.scss # Font Import | |
| |- _mixins.scss # Scss Mixins | |
| |- _variables.scss # Scss Variables | |
| | |
|- base/ | |
| |- __base-dir.scss # Import all base .scss files |
import React, { Component, PropTypes } from 'react'; | |
import styled from 'styled-components'; | |
class Checkbox extends Component { | |
render() { | |
return ( | |
<Styled | |
onClick={() => this.props.onChange(!this.props.checked)} | |
> | |
<input |
/* eslint strict: [2, "global"] */ | |
'use strict'; | |
/*** Main paths ***/ | |
var projectRoot = './', | |
root = './myProject.web/', // project root | |
index = root + 'Views/Shared/Layouts/', | |
src = root + 'Content/', // source code | |
temp = root + 'temp/', // temporary folder | |
dist = src + 'dist/', // generated code |
/* | |
This .scss loop will create "margin helpers" and "padding helpers" for use in your web projects. | |
It will generate several classes such as: | |
.m-r-10 which gives margin-right 10 pixels. | |
.m-r-15 gives MARGIN to the RIGHT 15 pixels. | |
.m-t-15 gives MARGIN to the TOP 15 pixels and so on. | |
.p-b-5 gives PADDING to the BOTTOM of 5 pixels | |
.p-l-40 gives PADDING to the LEFT of 40 pixels |
// Add on element with overflow | |
-webkit-mask-image: -webkit-radial-gradient(white, black); |