yuririn

/* css checkbox01 */
.checkbox01-input{
  display: none;
}
.checkbox01-parts{
  padding-left: 20px;
  position:relative;
  margin-right: 20px;
}
.checkbox01-parts::before{

yuririn

// 四角で囲う
.rectangle{
  color:#fff;
  background: rgb(255, 80, 49);
  position: relative;
  padding: 20px 30px;
  display: inline-block;
  text-align: center;
  position: relative;
  overflow: hidden;

yuririn

// 押したらくぼむ
.press {
  transition: .3s;
  border-radius: 5px;
  background: linear-gradient(to bottom, #ffa670 0%, #fc5800 65%);
  text-decoration: none;
  padding: 15px 30px;
  display: inline-block;
  color: #ffffff;
  text-shadow: 1px 1px 1px #912C1D;

yuririn

//モジュール
const gulp = require('gulp')
const sass = require('gulp-sass')
const browserSync = require('browser-sync')
const plumber = require('gulp-plumber')
const notify = require('gulp-notify')
const sourcemaps = require('gulp-sourcemaps')
const autoprefixer = require('gulp-autoprefixer')

//開発ディレクトリ

yuririn

//プラグイン
const gulp = require('gulp')
const browserSync =require('browser-sync')

//ブラウザシンクさせる対象のフォルダ
const src = 'src/'

//管理するファイルのパス
const srcDir = {
  html:[src + '*.html'],//html第1階層まで

yuririn

function autoReply(){
  var title = "お問い合わせありがとうございます / カルチャーアカデミア"; 
  var body
  = "この度はお問い合わせありがとうございました。\n後ほど、担当者よりご連絡させていただきます。\n"
  + "------------------------------------------------------------\n";
  var footer
  = "------------------------------------------------------------\n\n"
  + "エムフィールド広島オフィス　担当：かみーゆ";
 
  var sheet = SpreadsheetApp.getActiveSheet();

yuririn

include inc/_header.pug

yuririn

//- inc/_layout.pug
block main

//- index.pug
extend inc/_layout

block main
  main.main
    h2 Pugでhtml作ったよ
    p Pugって楽しいね！！！！

yuririn

//- inc/_layout.pug
block js

//- index.pug
append js
  script(src="top.js")

yuririn

mixin list
  ul
    li List01
    li List02
    li List03

+list
+list