A Pen by Kobashi syunsuke on CodePen.
A Pen by Kobashi syunsuke on CodePen.
This file contains hidden or 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
| #app-home | |
| .hero | |
| img(src="https://i.imgur.com/YFAHS61.jpg") | |
| section.header | |
| .container | |
| .row | |
| .col-md-12 | |
| h1 {{ display.service.title }} | |
| p.copy(v-html="display.service.copy") | |
| p produced by |
This file contains hidden or 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
| .header | |
| p | |
| a(href="http://syunsukekobashi.me") syunsukekobashi.me | |
| a(href="https://about.me/syunsukekobashi" target="_blank") | |
| i.fa.fa-external-link(aria-hidden="true") | |
| a(href="https://gist.github.com/ksyunnnn/ee10cfac76f6cfbcadc9723b33e6f408" target="_blank") | |
| i.fa.fa-code(aria-hidden="true") | |
| .container | |
| #app-io | |
| .console-container |
This file contains hidden or 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
| /* | |
| 目的：media queryを簡素化 | |
| 方法： | |
| ``` | |
| {selector}{ | |
| @include respond-to(pc){ background:red;} | |
| @include respond-to(sp){ background:gray;} | |
| } | |
| ``` | |
| */ |
This file contains hidden or 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
| .agent-dummy.card | |
| h3 agent ia | |
| .agent-header.card | |
| .agent-title | |
| h3 agent ia | |
| .agent-button | |
| i.fa.fa-bars | |
| .agent-menu.card | |
| ul | |
| li |
This file contains hidden or 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
| .agent-menu | |
| ul | |
| li | |
| a href="#" エージェントIA | |
| li | |
| a href="#" 潜入拠点 | |
| li | |
| a href="#" 極秘情報 | |
| li | |
| a href="#" 機密文書 |
This file contains hidden or 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
| #members | |
| h2 MEMBER | |
| .member | |
| img src="https://s-media-cache-ak0.pinimg.com/564x/78/da/5d/78da5df9e9b6f964ca322d8f8e9899f7.jpg" | |
| p.position Creative Div. | |
| p.name kobashi syunsuke | |
| .member | |
| img src="https://s-media-cache-ak0.pinimg.com/564x/41/6b/2d/416b2d251588b1a1e8c6f569e42c0e05.jpg" | |
| p.position Creative Div. | |
| p.name kobashi syunsuke |
This file contains hidden or 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
| .container.card | |
| h2 TABLE PAGENATION | |
| span#prev | |
| i.fa.fa-hand-o-left(aria-hidden="true") | |
| span#page <span></span> | |
| span#next | |
| i.fa.fa-hand-o-right(aria-hidden="true") | |
| table | |
| tr | |
| th header1 |