Yasuyuki Enomoto blivesta
blivesta
/ mixins-scrollbar
Created
March 11, 2014 10:46
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
| .scrollbar(@width: 8px, @z-index: 2000, @bg-color: #eee, @thumb-color: #999){ | |
| &::-webkit-scrollbar{ | |
| width: @width; | |
| background-color: @bg-color; | |
| border-left:1px solid darken(@bg-color,10); | |
| z-index:@z-index; | |
| &:hover{ | |
| background-color: lighten(@bg-color,15); | |
| } | |
| } |
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
| 'use strict'; | |
| // | |
| var project = { | |
| name:'mom', | |
| url:'http://example.com', | |
| }; | |
| var repo = { | |
| url : '[email protected]:blivesta/mom.git' | |
| }; | |
| var less = false; // less or sass = false |
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
| .highlight { | |
| padding: 9px 14px; | |
| margin-bottom: 14px; | |
| background-color: #f7f7f9; | |
| border: 1px solid #e1e1e8; | |
| border-radius: 4px; | |
| } | |
| .highlight pre { | |
| padding: 0; | |
| margin-top: 0; |
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
| body { outline: 1px solid #2980B9!important; } | |
| article { outline: 1px solid #3498DB!important; } | |
| nav { outline: 1px solid #0088C3!important; } | |
| aside { outline: 1px solid #33A0CE!important; } | |
| section { outline: 1px solid #66B8DA!important; } | |
| header { outline: 1px solid #99CFE7!important; } | |
| footer { outline: 1px solid #CCE7F3!important; } | |
| h1 { outline: 1px solid #162544!important; } | |
| h2 { outline: 1px solid #314E6E!important; } | |
| h3 { outline: 1px solid #3E5E85!important; } |
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
| .highlight { | |
| padding: 9px 14px; | |
| margin-bottom: 14px; | |
| background-color: #f7f7f9; | |
| border: 1px solid #e1e1e8; | |
| border-radius: 4px; | |
| } | |
| .highlight pre { | |
| padding: 0; | |
| margin-top: 0; |
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
| /* carbon */ | |
| .docs-Carbon { | |
| position:fixed; | |
| right:0; | |
| bottom:0; | |
| box-sizing:border-box; | |
| float: right; | |
| background-color: rgba(0,0,0,.05); | |
| padding: 1.5rem; | |
| width: 16rem; |
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
| { | |
| "browsers": ["last 2 versions"], | |
| "features": { | |
| "customProperties": { | |
| "preserve": true | |
| }, | |
| "calc": true, | |
| "customMedia": true, | |
| "mediaQueriesRange": true, | |
| "customSelectors": true, |
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
| .t-paperShadow1, | |
| .t-paperShadow2, | |
| .t-paperShadow3, | |
| .t-paperShadow4, | |
| .t-paperShadow5 { | |
| border-radius:1px; // fallback iphpne6+ | |
| } | |
| .t-paperShadow1 { | |
| box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.3); |
blivesta
/ seek-selector.html
Last active
April 1, 2016 06:26
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
| <html> | |
| <div class="item">1</div> | |
| <div class="item">2</div> | |
| <div class="item">3</div> | |
| <div class="item">4</div> | |
| <div class="item">5</div> | |
| <div class="item">6</div> | |
| <script src="../src/seek-selector.js"></script> |
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
| @import "./sircus-tools-sizes-mixins"; | |
| @mixin sircusToolsSize 12, height, vh; | |
| @mixin sircusToolsSize 12, width, %; | |
| @media (--g-viewport-sm) { | |
| @mixin sircusToolsSize 12, width, %, sm-; | |
| } | |
| @media (--g-viewport-md) { | |
| @mixin sircusToolsSize 12, width, %, md-; |
OlderNewer