Skip to content

Instantly share code, notes, and snippets.

View shgtkshruch's full-sized avatar
:octocat:

Shigetaka Shirouchi shgtkshruch

:octocat:
View GitHub Profile
@shgtkshruch
shgtkshruch / cVimrc
Last active January 7, 2020 06:59
cVim Options
set nosmoothscroll
let scrollduration = 0
" Move
unmap d
unmap u
map <C-u> scrollPageUp
map <C-d> scrollPageDown
@shgtkshruch
shgtkshruch / Tables YAML SLIM
Last active January 3, 2016 18:18
Some tables made by yaml and slim
// YAML :main.yml
tables:
- table:
- th:
aaa
td:
- bbb
- ccc
- th:
ddd
@shgtkshruch
shgtkshruch / Table Yaml Slim
Last active January 3, 2016 18:09
Table made by yaml and slim
// YAML
table:
- th:
aaa
td:
- bbb
- ccc
- ddd
- eee
- th:
@shgtkshruch
shgtkshruch / sass-convert
Created January 6, 2014 03:08
scss convert to sass
sass-convert -F scss -T sass -R sass/ convert/
@mixin box-sizing($width, $border-right, $padding-right, $padding-left: $padding-right, $border-left: $border-right)
width: $width - $border-right - $padding-right - $padding-left - $border-left
@mixin box-sizing-height($height, $border-top, $padding-top, $padding-bottom: $padding-top, $border-bottom: $border-top)
height: $height - $border-top - $padding-top - $padding-bottom - $border-bottom
#id
p =lorem.word
.class
p =lorem.sentence
img src="#{lorem.image('300x300', :background_color => '333', :color => 'fff', :text => 'blah')}"
ul
- data.gnavi.nav.each do |i|
@mixin text-bg-extend($image, $hover: "false")
display: block
width: image-width($image)
text-indent: -9999px
@if $hover == "false"
height: image-height($image)
@else if $hover == "true"
height: image-height($image) / 2
&:hover
background-position: 0 image-height($image) / 2 * -1
@shgtkshruch
shgtkshruch / gist:7769205
Last active December 30, 2015 03:28
押せるボタン
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>Btn</title>
<style>
.text {
padding: 10px 0;
margin: 0;
/* marginの相殺が起きないようにする */
@shgtkshruch
shgtkshruch / csscomb.json
Last active August 29, 2015 14:09
csscomb.json
{
"exclude": [
".git/**",
"node_modules/**",
"bower_components/**"
],
"remove-empty-rulesets": true,
"always-semicolon": true,
"color-case": "upper",
"block-indent": " ",
@shgtkshruch
shgtkshruch / SassMeister-input-HTML.html
Created May 24, 2014 07:47
Generated by SassMeister.com.
<div class="tooltip">What a lovely little tooltip!</div>
<p>Demo by Hugo Giraudel. <a href="http://www.sitepoint.com/sass-mixin-css-triangles/">See article</a>.</p>