- 誰かだけが触れるコードを無くす
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
/** | |
* ======= Flex Box ======= | |
* Example: | |
* @include flex(center, center) | |
* @include flex(null, end, column, nowrap) | |
*/ | |
@mixin flex($justify:null, $align:null, $column:null, $wrap:null) { | |
display:flex; | |
/** | |
* justify-content / Horizontal ===(1st Argument) |
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
<section id="first" class="section"> | |
<div class="section__container"> | |
<p>First section</p> | |
<p>↓Scroll↓</p> | |
</div> | |
</section> | |
<section id="second" class="section obs"> | |
<div class="section__container"> | |
<p>Second section</p> | |
</div> |
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 id="app"> | |
<v-app id="inspire"> | |
<v-row> | |
<v-col sm="12" lg="6" class="mb-2 controls" > | |
<v-btn fab small absolute left color="primary" @click="$refs.calendar.prev()"> | |
<v-icon dark>mdi-chevron-left</v-icon> | |
</v-btn> | |
<v-btn fab small absolute right color="primary" @click="$refs.calendar.next()"> | |
<v-icon dark>mdi-chevron-right</v-icon> | |
</v-btn> |
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 id="app"> | |
<v-app id="inspire"> | |
<v-card> | |
<v-card-title> | |
成績 | |
<div class="flex-grow-1"></div> | |
</v-card-title> | |
<v-data-table | |
:headers="headers" | |
:items="items" |
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
<!-- Made by Erik Terwan --> | |
<!-- 24th of November 2015 --> | |
<!-- All rights reserved --> | |
<nav role="navigation"> | |
<div id="menuToggle"> | |
<!-- | |
A fake / hidden checkbox is used as click reciever, | |
so you can use the :checked selector on it. | |
--> | |
<input type="checkbox" /> |
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
/* | |
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 |
例文を組み込んだAlfred Workflowを作りました: Alfred Git Commit Message Example
以下転載: