This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
const fs = require('fs'); | |
const glob = require("glob"); | |
const path = require('path'); | |
const ejs = require('ejs'); | |
let template = ` | |
<span style="visibility: hidden; position: absolute; z-index: -1;"> | |
<!-- SVG-Sprite --> | |
<%- svgsprite %> | |
</span> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8"> | |
<meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
<title>SVG ICONS</title> | |
<style> | |
<%- theme %> | |
</style> | |
</head> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
"scripts": { | |
"rimraf": "rimraf svg/dist", | |
"imageminsvgo": "node svg/imagemin-svgo.js", | |
"prebuildsprite": "npm run imageminsvgo", | |
"buildsprite": "svgstore -o svg/dist/svgsprite.svg svg/dist/icons/**/*.svg --inline", | |
"embedsprite": "node svg/embed-sprite.js", | |
"svgsprite": "npm run rimraf && npm run buildsprite && npm run embedsprite" | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
const imagemin = require('imagemin'); | |
const imageminSvgo = require('imagemin-svgo'); | |
imagemin(['svg/icons/*.svg'], 'svg/dist/icons/', { | |
use: [ | |
imageminSvgo({ | |
plugins: [ | |
{cleanupIDs: {remove: false}}, | |
{cleanupNumericValues: {floatPrecision: 2}}, | |
{removeViewBox: false}, |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
$link-color: #24241E; | |
/* and you need rem function */ | |
@svg-load arrow-right url(svg/dist/icons/angle-right.svg) { | |
fill: $link-color; | |
} | |
.m-btn { | |
display: inline-block; | |
margin: rem(20) 0; | |
a { |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
//shortcode | |
function svg_func( $atts, $content = "" ) { | |
return '<svg class="m-icon--'.$content.'"><use xlink:href="#'.$content.'"></use></svg>'; | |
} | |
add_shortcode( 'svg', 'svg_func' ); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<input class="m-btn--hamb__input" type="checkbox" /> | |
<div class="m-icon--hamb"><span></span><span></span><span></span></div> | |
<nav class="l-global__nav"> | |
<h2 class="is-hide">MENU</h2> | |
<ul class="m-menu"> | |
<li class="m-menu__item"><a href="#">MENU1</a></li> | |
<li class="m-menu__item"><a href="#">MENU2</a></li> | |
<li class="m-menu__item"><a href="#">MENU3</a></li> | |
</ul> | |
</nav> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<?php | |
$paged = (int) get_query_var('paged'); | |
$args = array( //全記事取得 | |
'posts_per_page' => 10, | |
'paged' => $paged, | |
'orderby' => 'post_date', | |
'order' => 'DESC', | |
'post_type' => 'post', | |
'post_status' => 'publish' | |
); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
このページは、表示確認と更新管理のためのページです。リリース時は公開範囲を「非公開」にしましょう。 | |
<h2>目次</h2> | |
<ul> | |
<li><a href="#color">色</a></li> | |
<li><a href="#basic">基本タグ</a></li> | |
<li><a href="#shortcode">ショートコードについて</a></li> | |
<li><a href="#customs">カスタムスタイル</a></li> | |
</ul> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div class="m-form__item"> | |
<div class="m-form__ttl">ご住所 <em class="m-form__must">※</em><div class="m-attn">マンション名・部屋番号も忘れずにご記入ください。</div></div> | |
<div class="m-form__body"><label class="m-form__line"><span class="m-form__ttl--sub">郵便番号</span> [number* zip11 id:zip11 placeholder "6500000"]</label><label class="m-form__line"><span class="m-form__ttl--sub">住所1</span> [text* addr11 id:addr11]</label><label class="m-form__line"><span class="m-form__ttl--sub">住所2</span> [text addr-more]</label></div> | |
</div> |
OlderNewer