spuit 0.0.6

Sign up to get free protection for your applications and to get access to all the features.
Files changed (77) hide show
  1. checksums.yaml +7 -0
  2. data/.editorconfig +11 -0
  3. data/.gitignore +70 -0
  4. data/.npmignore +9 -0
  5. data/Gemfile +4 -0
  6. data/README.md +16 -0
  7. data/Rakefile +1 -0
  8. data/assets/javascripts/index.js +2 -0
  9. data/assets/javascripts/spuit/Common.js +316 -0
  10. data/assets/javascripts/spuit/extend.js +46 -0
  11. data/assets/stylesheets/spuit/components/_body.sass +175 -0
  12. data/assets/stylesheets/spuit/components/_button.sass +116 -0
  13. data/assets/stylesheets/spuit/components/_form.sass +44 -0
  14. data/assets/stylesheets/spuit/components/_gist.sass +57 -0
  15. data/assets/stylesheets/spuit/components/_grids.sass +44 -0
  16. data/assets/stylesheets/spuit/components/_icon.scss +68 -0
  17. data/assets/stylesheets/spuit/components/_markdown.sass +182 -0
  18. data/assets/stylesheets/spuit/components/_messages.sass +18 -0
  19. data/assets/stylesheets/spuit/components/_shoulder.sass +13 -0
  20. data/assets/stylesheets/spuit/components/_split.sass +32 -0
  21. data/assets/stylesheets/spuit/components/_triangle.sass +40 -0
  22. data/assets/stylesheets/spuit/components/_wordwrap-fadeout.sass +19 -0
  23. data/assets/stylesheets/spuit/components/_wrap.sass +22 -0
  24. data/assets/stylesheets/spuit/elements/_checkbox.sass +46 -0
  25. data/assets/stylesheets/spuit/elements/_dl.sass +30 -0
  26. data/assets/stylesheets/spuit/elements/_fieldset.sass +46 -0
  27. data/assets/stylesheets/spuit/elements/_hr.sass +36 -0
  28. data/assets/stylesheets/spuit/elements/_input.sass +27 -0
  29. data/assets/stylesheets/spuit/elements/_radio.sass +47 -0
  30. data/assets/stylesheets/spuit/elements/_select.sass +54 -0
  31. data/assets/stylesheets/spuit/elements/_table.sass +58 -0
  32. data/assets/stylesheets/spuit/includes/_animations.scss +55 -0
  33. data/assets/stylesheets/spuit/includes/_grid.scss +345 -0
  34. data/assets/stylesheets/spuit/includes/_hiddens.scss +17 -0
  35. data/assets/stylesheets/spuit/includes/_normalize.scss +467 -0
  36. data/assets/stylesheets/spuit/includes/_spacers.scss +79 -0
  37. data/assets/stylesheets/spuit/includes/_spuit-utils.scss +11 -0
  38. data/assets/stylesheets/spuit/includes/_stickey-footer.scss +18 -0
  39. data/assets/stylesheets/spuit/includes/_webfonts.scss +30 -0
  40. data/assets/stylesheets/spuit/modules/_background-image.scss +63 -0
  41. data/assets/stylesheets/spuit/modules/_breakpoints.scss +19 -0
  42. data/assets/stylesheets/spuit/modules/_clearfix.scss +7 -0
  43. data/assets/stylesheets/spuit/modules/_fa.scss +28 -0
  44. data/assets/stylesheets/spuit/modules/_font-face.scss +31 -0
  45. data/assets/stylesheets/spuit/modules/_hide-text.scss +9 -0
  46. data/assets/stylesheets/spuit/modules/_inherit.scss +6 -0
  47. data/assets/stylesheets/spuit/modules/_reset.scss +55 -0
  48. data/assets/stylesheets/spuit/modules/_text-overflow.scss +15 -0
  49. data/assets/stylesheets/spuit/modules/_word-break.scss +11 -0
  50. data/assets/stylesheets/spuit/shortcuts/_absolute.scss +17 -0
  51. data/assets/stylesheets/spuit/shortcuts/_centering.scss +6 -0
  52. data/assets/stylesheets/spuit/shortcuts/_disc.scss +6 -0
  53. data/assets/stylesheets/spuit/variables/_colors.scss +3 -0
  54. data/assets/stylesheets/spuit/variables/_defaults.scss +3 -0
  55. data/assets/stylesheets/spuit/variables/_fonts.scss +6 -0
  56. data/assets/stylesheets/spuit/variables/_media-queries.scss +31 -0
  57. data/assets/stylesheets/spuit/variables/_svgs.scss +7 -0
  58. data/assets/stylesheets/spuit/variables/_timing-functions.sass +37 -0
  59. data/assets/stylesheets/styles.scss +164 -0
  60. data/assets/stylesheets/styles/config/_mixins.scss +23 -0
  61. data/assets/stylesheets/styles/config/_variables.scss +4 -0
  62. data/dist/favicon.png +0 -0
  63. data/dist/index.html +307 -0
  64. data/dist/javascripts/scripts.min.js +2 -0
  65. data/dist/javascripts/scripts.min.js.map +1 -0
  66. data/dist/stylesheets/styles.css +1 -0
  67. data/gulp/README.md +7 -0
  68. data/gulp/tasks/watch.js +79 -0
  69. data/gulpfile.js +2 -0
  70. data/lib/spuit.rb +41 -0
  71. data/lib/spuit/engine.rb +5 -0
  72. data/lib/spuit/generator.rb +80 -0
  73. data/lib/spuit/version.rb +3 -0
  74. data/package.json +38 -0
  75. data/spuit.gemspec +23 -0
  76. data/spuit.scss +47 -0
  77. metadata +147 -0
@@ -0,0 +1,2 @@
1
+ var Common={getUrlVars:function(){for(var n,t=[],r=window.location.href.slice(window.location.href.indexOf("?")+1).split("&"),e=0;e<r.length;e++)n=r[e].split("="),t.push(n[0]),t[n[0]]=n[1];return t},string2xml:function(n){return window.ActiveXObject?(xmlDoc=new ActiveXObject("Microsoft.XMLDOM"),xmlDoc.async="false",xmlDoc.loadXML(n),xmlDoc):document.implementation&&document.implementation.createDocument?(parser=new DOMParser,xmlDoc=parser.parseFromString(n,"text/xml"),xmlDoc):void 0},showObject:function(n,t){var r="「"+typeof n+"」の中身",e=0;for(i in n)r+="html"==t?"<br />?n["+e+"] "+i.bold()+" = "+n[i]:"?n["+e+"] "+i+" = "+n[i],e++,status=e;return r},zeroPlus:function(t){return n<10?"0"+n:n},random:function(n){return Math.random()*n},randomRange:function(n,t){return n+Math.random()*(t-n)},randomInt:function(n){return Math.floor(Math.random()*n)},randomIntRange:function(n,t){return Math.floor(Math.random()*(t-n))+n},randomBit:function(n){return Math.random()<.5?1:0},randomSign:function(n){return Math.random()<.5?-1:1},getDistance:function(n,t){var r,e;return r=n.x-t.x,e=n.y-t.y,Math.sqrt(r*r+e*e)},getDegrees:function(n,t){return 180*Math.atan2(t.y-n.y,t.x-n.x)/Math.PI},getRadians:function(n,t){return Math.atan2(t.y-n.y,t.x-n.x)},getScroll:function(){var n=document.documentElement,t=document.body;return{x:n.scrollLeft||t.scrollLeft,y:n.scrollTop||t.scrollTop}},changeRadians:function(n){return n*Math.PI/180},changeDegrees:function(n){return 180*n/Math.PI},getSinWave:function(n,t){for(var r=[],e=0,o=n,i=0,a=t,u=6.2/a,s=0;s<a;s++)e+=u,i=Math.sin(e)*o,r.push(i);return r},getCosWave:function(n,t){for(var r=[],e=0,o=n,i=0,a=t,u=6.2/a,s=0;s<a;s++)e+=u,i=Math.cos(e)*o,r.push(i);return r},getSpline:function(n,t,r,e){var o={},i=Common.getSplinePoint(n,t,r,e),a=null,u=null;return n<r?(a=r,u=n):(a=n,u=r),o[0]=(a-u)/2+u,o[1]=i[0]*o[0]+i[1],o},getSplinePoint:function(n,t,r,e){var o=(t-e)/(n-r),i=t-n*o;return Array(o,i)},isiOS:function(){return navigator.userAgent.indexOf("iPhone")>0||navigator.userAgent.indexOf("iPod")>0||navigator.userAgent.indexOf("iPad")>0},isSmartPhone:function(){return navigator.userAgent.indexOf("iPhone")>0||navigator.userAgent.indexOf("iPod")>0||navigator.userAgent.indexOf("Android")>0&&navigator.userAgent.indexOf("Mobile")>0},isTablet:function(){return navigator.userAgent.indexOf("iPad")>0||navigator.userAgent.indexOf("Android")>0&&navigator.userAgent.indexOf("Mobile")==-1||navigator.userAgent.indexOf("A1_07")>0||navigator.userAgent.indexOf("SC-01C")>0},isMobile:function(){return!(!Common.isSmartPhone()&&!Common.isTablet())},hasTapEvent:function(){return"ontouchstart"in window},isIE:function(){var n=!1;return(window.navigator.userAgent.match(/(msie|MSIE)/)||window.navigator.userAgent.match(/(T|t)rident/))&&(n=!0),n},getIEVersion:function(){var n=-1;return Common.isIE()&&(n=window.navigator.userAgent.match(/((msie|MSIE)\s|rv:)([\d\.]+)/)[3],n=parseInt(n)),n},isIE:function(n){return!(!Common.isIE()||Common.isIEVersion()!=n)},ltIE:function(n){return!!(Common.isIE()&&Common.isIEVersion()<n)},ltAndroid:function(n){var t=!1,r=navigator.userAgent.toLowerCase(),e=r.substr(r.indexOf("android")+8,3);return r.indexOf("android")&&parseFloat(e)<n&&(t=!0),t}};String.prototype.replaceAll=function(n,t){return this.split(n).join(t)},Array.prototype.shuffle=function(){for(var n=this.length;n;){var t=Math.floor(Math.random()*n),r=this[--n];this[n]=this[t],this[t]=r}return this},Array.prototype.clone=function(){return Array.apply(null,this)},Array.prototype.indexOf||(Array.prototype.indexOf=function(n){var t=this.length,r=Number(arguments[1])||0;for(r=r<0?Math.ceil(r):Math.floor(r),r<0&&(r+=t);r<t;r++)if(r in this&&this[r]===n)return r;return-1}),$(function(){});
2
+ //# sourceMappingURL=scripts.min.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["Common.js","extend.js","index.js"],"names":["Common","getUrlVars","hash","vars","hashes","window","location","href","slice","indexOf","split","i","length","push","string2xml","xmlData","ActiveXObject","xmlDoc","async","loadXML","document","implementation","createDocument","parser","DOMParser","parseFromString","showObject","elm","type","str","cnt","bold","status","zeroPlus","value","n","random","Math","randomRange","min","max","randomInt","floor","randomIntRange","randomBit","randomSign","getDistance","o1","o2","dx","dy","x","y","sqrt","getDegrees","atan2","PI","getRadians","getScroll","de","documentElement","db","body","scrollLeft","scrollTop","changeRadians","degrees","changeDegrees","radians","getSinWave","c","ar","angle","limite","speed","sin","getCosWave","cos","getSpline","arg1","arg2","arg3","arg4","ret","Ho","getSplinePoint","L","S","a","b","Array","isiOS","navigator","userAgent","isSmartPhone","isTablet","isMobile","hasTapEvent","isIE","bo","match","getIEVersion","re","parseInt","isIEVersion","ltIE","ltAndroid","ua","toLowerCase","version","substr","parseFloat","String","prototype","replaceAll","org","dest","this","join","shuffle","j","t","clone","apply","elt","len","from","Number","arguments","ceil","$"],"mappings":"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","file":"scripts.min.js","sourcesContent":["var Common = {\r\n\r\n //----------------------------------------------------------------------\r\n // Params\r\n\r\n // URLパラメータを受け取り\r\n // var xml = Common.getUrlVars();\r\n getUrlVars : function(){\r\n var vars = [], hash;\r\n var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');\r\n for(var i = 0; i < hashes.length; i++) {\r\n hash = hashes[i].split('=');\r\n vars.push(hash[0]);\r\n vars[hash[0]] = hash[1];\r\n }\r\n return vars;\r\n },\r\n\r\n // StringやjsonpデータをXMLに変換\r\n // var xmlObject = Common.string2xml(xml);\r\n string2xml : function(xmlData){\r\n if (window.ActiveXObject) {\r\n //for IE\r\n xmlDoc=new ActiveXObject(\"Microsoft.XMLDOM\");\r\n xmlDoc.async=\"false\";\r\n xmlDoc.loadXML(xmlData);\r\n return xmlDoc;\r\n } else if (document.implementation && document.implementation.createDocument) {\r\n //for Mozila\r\n parser=new DOMParser();\r\n xmlDoc=parser.parseFromString(xmlData,\"text/xml\");\r\n return xmlDoc;\r\n }\r\n },\r\n\r\n //オブジェクトの中身を確認\r\n showObject : function(elm, type){\r\n var str = '「' + typeof elm + \"」の中身\";\r\n var cnt = 0;\r\n for(i in elm){\r\n if(type == 'html'){\r\n str += '<br />?n' + \"[\" + cnt + \"] \" + i.bold() + ' = ' + elm[i];\r\n } else {\r\n str += '?n' + \"[\" + cnt + \"] \" + i + ' = ' + elm[i];\r\n }\r\n cnt++;\r\n status = cnt;\r\n }\r\n return str;\r\n },\r\n\r\n //----------------------------------------------------------------------\r\n //Math\r\n //数字の頭に0を足す\r\n zeroPlus : function(value){\r\n return (n < 10) ? '0' + n : n;\r\n },\r\n\r\n // ランダムな数値を返す\r\n // var n = Common.random(n);\r\n random : function(n){\r\n return Math.random()*n;\r\n },\r\n\r\n // ランダムな数を返す\r\n // var n = Common.randomRange(1, 2);\r\n randomRange : function(min, max){\r\n return min + Math.random()*(max-min);\r\n },\r\n\r\n // ランダムな整数を返す\r\n // var n = Common.randomInt(n);\r\n randomInt : function(n){\r\n return Math.floor(Math.random()*n);\r\n },\r\n\r\n // ランダムな整数を返す\r\n // var n = Common.randomIntRange(10, 20);\r\n randomIntRange : function(min, max){\r\n return Math.floor(Math.random()*(max-min)) + min;\r\n },\r\n\r\n // 0か1をランダムで返す\r\n // var n = Common.randomBit();\r\n randomBit : function(n){\r\n return (Math.random() < .5) ? 1 : 0;\r\n },\r\n\r\n // -1か1をランダムで返す\r\n // var n = Common.randomSign();\r\n randomSign : function(n){\r\n return (Math.random() < .5) ? -1 : 1;\r\n },\r\n\r\n // 2点間の距離を測定\r\n // var distance = Common.getDistance(o1,o2);\r\n getDistance : function(o1,o2){\r\n var d,dx,dy;\r\n dx = o1.x - o2.x;\r\n dy = o1.y - o2.y;\r\n d = Math.sqrt(dx*dx+dy*dy);\r\n return d;\r\n },\r\n\r\n // 2点間の角度を測定\r\n // var d = Common.getDegrees(o1,o2);\r\n // var r = Common.getRadians(o1,o2);\r\n getDegrees : function(o1,o2){\r\n return (Math.atan2(o2.y-o1.y, o2.x-o1.x)) * 180/Math.PI;\r\n },\r\n getRadians : function(o1,o2){\r\n return Math.atan2(o2.y-o1.y, o2.x-o1.x);\r\n },\r\n\r\n // // 要素の座標を取得\r\n // // Common.getRect($el).top;\r\n // getRect : function($el){\r\n // return $el[0].getBoundingClientRect();\r\n // },\r\n\r\n // スクロール座標を取得\r\n // Common.getScroll().y;\r\n getScroll : function(){\r\n var de = document.documentElement, db = document.body;\r\n var x = de.scrollLeft || db.scrollLeft;\r\n var y = de.scrollTop || db.scrollTop;\r\n return {x: x, y:y};\r\n },\r\n\r\n // ラジアン角に変更\r\n // var r = Common.changeRadians(degrees);\r\n changeRadians : function(degrees){\r\n return degrees * Math.PI/180;\r\n },\r\n\r\n // ラジアン角から変更\r\n // var d = Common.changeDegrees(radians);\r\n changeDegrees : function(radians){\r\n return radians * 180/Math.PI;\r\n },\r\n\r\n // sinを配列で返す\r\n // var w = Common.getSinWave(1, 100);\r\n getSinWave : function(value, c){\r\n var ar = [];\r\n var angle = 0;\r\n var limite = value;\r\n\r\n var n = 0;\r\n var max = c;\r\n var speed = 6.2/max;\r\n\r\n for(var i=0;i<max;i++){\r\n angle += speed;\r\n n = Math.sin(angle)*limite;\r\n ar.push(n);\r\n }\r\n return ar;\r\n },\r\n\r\n // cosを配列で返す\r\n // var w = Common.getCosWave(1, 100);\r\n getCosWave : function(value, c){\r\n var ar = [];\r\n var angle = 0;\r\n var limite = value;\r\n\r\n var n = 0;\r\n var max = c;\r\n var speed = 6.2/max;\r\n\r\n for(var i=0;i<max;i++){\r\n angle += speed;\r\n n = Math.cos(angle)*limite;\r\n ar.push(n);\r\n }\r\n return ar;\r\n },\r\n\r\n //スプライン曲線用\r\n //Common.getSpline(x0,y0, x1,y1)\r\n // var p;//now\r\n // var pA;//next\r\n // for (var i = 0; i < points.max-1; i++) {\r\n // p = points.ary[i];\r\n // p.pos.x = i*(stage.w/(points.max-4));\r\n // }\r\n //\r\n // for (var i = 0; i < points.max-1; i++) {\r\n // p = points.ary[i];\r\n // pA = points.ary[i-1];\r\n // if(i == 0) {\r\n // context.moveTo(p.pos.x, p.pos.y + plusY);\r\n // } else {\r\n // var ch = Common.getSpline(pA.pos.x, pA.pos.y, p.pos.x, p.pos.y);\r\n // var cx = ch[0];\r\n // var cy = ch[1];\r\n // context.quadraticCurveTo(pA.pos.x, pA.pos.y + plusY, cx, cy + plusY);\r\n // }\r\n // }\r\n // context.lineTo(stage.w, stage.h);\r\n // context.lineTo(0, stage.h);\r\n // context.closePath();\r\n // context.fill();\r\n getSpline : function( arg1, arg2, arg3, arg4 )\r\n {\r\n var ret = {};\r\n var Ho = Common.getSplinePoint( arg1, arg2, arg3, arg4 );\r\n var L = null;\r\n var S = null;\r\n if( arg1 < arg3 )\r\n {\r\n L = arg3;\r\n S = arg1;\r\n }\r\n else\r\n {\r\n L = arg1;\r\n S = arg3;\r\n }\r\n ret[0] = (L -S)/2 +S;\r\n ret[1] = Ho[0] *ret[0] +Ho[1];\r\n return ret;\r\n },\r\n\r\n getSplinePoint : function( arg1, arg2, arg3, arg4 )\r\n {\r\n var a = (arg2 - arg4) /(arg1 -arg3);\r\n var b = arg2 - arg1 *a;\r\n var ret = Array( a, b );\r\n return ret;\r\n },\r\n\r\n //----------------------------------------------------------------------\r\n // Devices\r\n\r\n // iPhone,iPad判別\r\n // var bo = Common.isiOS();\r\n isiOS : function(){\r\n if(navigator.userAgent.indexOf('iPhone') > 0 || navigator.userAgent.indexOf('iPod') > 0 || navigator.userAgent.indexOf('iPad') > 0) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n },\r\n isSmartPhone : function(){\r\n if(navigator.userAgent.indexOf('iPhone') > 0 || navigator.userAgent.indexOf('iPod') > 0 || (navigator.userAgent.indexOf('Android') > 0 && navigator.userAgent.indexOf('Mobile') > 0)){\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n },\r\n isTablet : function(){\r\n if(navigator.userAgent.indexOf('iPad') > 0 || (navigator.userAgent.indexOf('Android') > 0 && navigator.userAgent.indexOf('Mobile') == -1) || navigator.userAgent.indexOf('A1_07') > 0 || navigator.userAgent.indexOf('SC-01C') > 0){\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n },\r\n isMobile : function(){\r\n if(Common.isSmartPhone() || Common.isTablet()){\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n },\r\n hasTapEvent : function(){\r\n return ('ontouchstart' in window);\r\n },\r\n\r\n // IE判別\r\n // var bo = Common.isIE();\r\n // var bo = Common.isIE6();\r\n // var bo = Common.ltIE8();\r\n isIE : function(){\r\n var bo = false;\r\n if( window.navigator.userAgent.match(/(msie|MSIE)/) || window.navigator.userAgent.match(/(T|t)rident/) ) {\r\n bo = true;\r\n }\r\n return bo;\r\n },\r\n getIEVersion : function(){\r\n var re = -1;\r\n if( Common.isIE() ) {\r\n re = window.navigator.userAgent.match(/((msie|MSIE)\\s|rv:)([\\d\\.]+)/)[3];\r\n re = parseInt(re);\r\n }\r\n return re;\r\n },\r\n isIE : function(n){\r\n if(Common.isIE() && Common.isIEVersion() == n) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n },\r\n ltIE : function(n){\r\n if(Common.isIE() && Common.isIEVersion() < n) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n },\r\n\r\n // アンドロイドバージョン判別\r\n // var bo = Common.ltAndroid(2.2);//2.2(含まない)以下はtrue\r\n ltAndroid : function(n){\r\n var bo = false;\r\n var ua = navigator.userAgent.toLowerCase();\r\n var version = ua.substr(ua.indexOf('android')+8, 3);\r\n if(ua.indexOf(\"android\")){\r\n if(parseFloat(version) < n) bo = true;\r\n }\r\n return bo;\r\n }\r\n}\r\n","// プロトタイプの拡張\r\n\r\n//全文置換を追加\r\nString.prototype.replaceAll = function (org, dest){\r\n return this.split(org).join(dest);\r\n}\r\n\r\n//Fisher-Yates シャッフル\r\nArray.prototype.shuffle = function() {\r\n var i = this.length;\r\n while(i){\r\n var j = Math.floor(Math.random()*i);\r\n var t = this[--i];\r\n this[i] = this[j];\r\n this[j] = t;\r\n }\r\n return this;\r\n}\r\n\r\n//配列の複製\r\nArray.prototype.clone = function(){\r\n return Array.apply(null,this)\r\n}\r\n\r\n//IEのArrayにはindexOfが無いので追加\r\nif (!Array.prototype.indexOf)\r\n{\r\n Array.prototype.indexOf = function(elt /*, from*/)\r\n {\r\n var len = this.length;\r\n var from = Number(arguments[1]) || 0;\r\n from = (from < 0)\r\n ? Math.ceil(from)\r\n : Math.floor(from);\r\n if (from < 0)\r\n from += len;\r\n\r\n for (; from < len; from++)\r\n {\r\n if (from in this &&\r\n this[from] === elt)\r\n return from;\r\n }\r\n return -1;\r\n };\r\n}\r\n","$(function() {\r\n});\r\n"]}
@@ -0,0 +1 @@
1
+ @charset "UTF-8";@import url(//fonts.googleapis.com/css?family=Open+Sans:400,300,700);@keyframes anim-spin{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes anim-float{0%{transform:translateY(0)}50%{transform:translateY(20%)}100%{transform:translateY(0)}}@keyframes anim-arrow{0%{transform:translateX(0)}50%{transform:translateX(20%)}100%{transform:translateX(0)}}@keyframes anim-scale{0%{transform:scale(1)}50%{transform:scale(1.2)}100%{transform:scale(1)}}/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}.container{position:relative;margin-right:auto;margin-left:auto;box-sizing:border-box;padding-right:15px;padding-left:15px}@media (min-width:34em){.container{padding-right:15px;padding-left:15px}}@media (min-width:48em){.container{padding-right:15px;padding-left:15px}}@media (min-width:62em){.container{padding-right:15px;padding-left:15px}}@media (min-width:75em){.container{padding-right:15px;padding-left:15px}}@media (min-width:34em){.container{width:540px;max-width:100%;box-sizing:border-box}}@media (min-width:48em){.container{width:720px;max-width:100%;box-sizing:border-box}}@media (min-width:62em){.container{width:960px;max-width:100%;box-sizing:border-box}}@media (min-width:75em){.container{width:1140px;max-width:100%;box-sizing:border-box}}.container-fluid{position:relative;margin-right:auto;margin-left:auto;box-sizing:border-box;padding-right:15px;padding-left:15px}@media (min-width:34em){.container-fluid{padding-right:15px;padding-left:15px}}@media (min-width:48em){.container-fluid{padding-right:15px;padding-left:15px}}@media (min-width:62em){.container-fluid{padding-right:15px;padding-left:15px}}@media (min-width:75em){.container-fluid{padding-right:15px;padding-left:15px}}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;box-sizing:border-box;margin-right:-15px;margin-left:-15px}@media (min-width:34em){.row{margin-right:-15px;margin-left:-15px}}@media (min-width:48em){.row{margin-right:-15px;margin-left:-15px}}@media (min-width:62em){.row{margin-right:-15px;margin-left:-15px}}@media (min-width:75em){.row{margin-right:-15px;margin-left:-15px}}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px;box-sizing:border-box}@media (min-width:34em){.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9{padding-right:15px;padding-left:15px;box-sizing:border-box}}@media (min-width:48em){.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9{padding-right:15px;padding-left:15px;box-sizing:border-box}}@media (min-width:62em){.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9{padding-right:15px;padding-left:15px;box-sizing:border-box}}@media (min-width:75em){.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9{padding-right:15px;padding-left:15px;box-sizing:border-box}}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-1{-ms-flex:0 0 8.33333%;flex:0 0 8.33333%;max-width:8.33333%}.col-2{-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}.col-5{-ms-flex:0 0 41.66667%;flex:0 0 41.66667%;max-width:41.66667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.33333%;flex:0 0 58.33333%;max-width:58.33333%}.col-8{-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.33333%;flex:0 0 83.33333%;max-width:83.33333%}.col-11{-ms-flex:0 0 91.66667%;flex:0 0 91.66667%;max-width:91.66667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.pull-0{right:auto}.pull-1{right:8.33333%}.pull-2{right:16.66667%}.pull-3{right:25%}.pull-4{right:33.33333%}.pull-5{right:41.66667%}.pull-6{right:50%}.pull-7{right:58.33333%}.pull-8{right:66.66667%}.pull-9{right:75%}.pull-10{right:83.33333%}.pull-11{right:91.66667%}.pull-12{right:100%}.push-0{left:auto}.push-1{left:8.33333%}.push-2{left:16.66667%}.push-3{left:25%}.push-4{left:33.33333%}.push-5{left:41.66667%}.push-6{left:50%}.push-7{left:58.33333%}.push-8{left:66.66667%}.push-9{left:75%}.push-10{left:83.33333%}.push-11{left:91.66667%}.push-12{left:100%}.offset-1{margin-left:8.33333%}.offset-2{margin-left:16.66667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333%}.offset-5{margin-left:41.66667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333%}.offset-8{margin-left:66.66667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333%}.offset-11{margin-left:91.66667%}@media (min-width:34em){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-sm-1{-ms-flex:0 0 8.33333%;flex:0 0 8.33333%;max-width:8.33333%}.col-sm-2{-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}.col-sm-5{-ms-flex:0 0 41.66667%;flex:0 0 41.66667%;max-width:41.66667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.33333%;flex:0 0 58.33333%;max-width:58.33333%}.col-sm-8{-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.33333%;flex:0 0 83.33333%;max-width:83.33333%}.col-sm-11{-ms-flex:0 0 91.66667%;flex:0 0 91.66667%;max-width:91.66667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.pull-sm-0{right:auto}.pull-sm-1{right:8.33333%}.pull-sm-2{right:16.66667%}.pull-sm-3{right:25%}.pull-sm-4{right:33.33333%}.pull-sm-5{right:41.66667%}.pull-sm-6{right:50%}.pull-sm-7{right:58.33333%}.pull-sm-8{right:66.66667%}.pull-sm-9{right:75%}.pull-sm-10{right:83.33333%}.pull-sm-11{right:91.66667%}.pull-sm-12{right:100%}.push-sm-0{left:auto}.push-sm-1{left:8.33333%}.push-sm-2{left:16.66667%}.push-sm-3{left:25%}.push-sm-4{left:33.33333%}.push-sm-5{left:41.66667%}.push-sm-6{left:50%}.push-sm-7{left:58.33333%}.push-sm-8{left:66.66667%}.push-sm-9{left:75%}.push-sm-10{left:83.33333%}.push-sm-11{left:91.66667%}.push-sm-12{left:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333%}.offset-sm-2{margin-left:16.66667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333%}.offset-sm-5{margin-left:41.66667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333%}.offset-sm-8{margin-left:66.66667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333%}.offset-sm-11{margin-left:91.66667%}}@media (min-width:48em){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-md-1{-ms-flex:0 0 8.33333%;flex:0 0 8.33333%;max-width:8.33333%}.col-md-2{-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}.col-md-5{-ms-flex:0 0 41.66667%;flex:0 0 41.66667%;max-width:41.66667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.33333%;flex:0 0 58.33333%;max-width:58.33333%}.col-md-8{-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.33333%;flex:0 0 83.33333%;max-width:83.33333%}.col-md-11{-ms-flex:0 0 91.66667%;flex:0 0 91.66667%;max-width:91.66667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.pull-md-0{right:auto}.pull-md-1{right:8.33333%}.pull-md-2{right:16.66667%}.pull-md-3{right:25%}.pull-md-4{right:33.33333%}.pull-md-5{right:41.66667%}.pull-md-6{right:50%}.pull-md-7{right:58.33333%}.pull-md-8{right:66.66667%}.pull-md-9{right:75%}.pull-md-10{right:83.33333%}.pull-md-11{right:91.66667%}.pull-md-12{right:100%}.push-md-0{left:auto}.push-md-1{left:8.33333%}.push-md-2{left:16.66667%}.push-md-3{left:25%}.push-md-4{left:33.33333%}.push-md-5{left:41.66667%}.push-md-6{left:50%}.push-md-7{left:58.33333%}.push-md-8{left:66.66667%}.push-md-9{left:75%}.push-md-10{left:83.33333%}.push-md-11{left:91.66667%}.push-md-12{left:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333%}.offset-md-2{margin-left:16.66667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333%}.offset-md-5{margin-left:41.66667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333%}.offset-md-8{margin-left:66.66667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333%}.offset-md-11{margin-left:91.66667%}}@media (min-width:62em){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-lg-1{-ms-flex:0 0 8.33333%;flex:0 0 8.33333%;max-width:8.33333%}.col-lg-2{-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}.col-lg-5{-ms-flex:0 0 41.66667%;flex:0 0 41.66667%;max-width:41.66667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.33333%;flex:0 0 58.33333%;max-width:58.33333%}.col-lg-8{-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.33333%;flex:0 0 83.33333%;max-width:83.33333%}.col-lg-11{-ms-flex:0 0 91.66667%;flex:0 0 91.66667%;max-width:91.66667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.pull-lg-0{right:auto}.pull-lg-1{right:8.33333%}.pull-lg-2{right:16.66667%}.pull-lg-3{right:25%}.pull-lg-4{right:33.33333%}.pull-lg-5{right:41.66667%}.pull-lg-6{right:50%}.pull-lg-7{right:58.33333%}.pull-lg-8{right:66.66667%}.pull-lg-9{right:75%}.pull-lg-10{right:83.33333%}.pull-lg-11{right:91.66667%}.pull-lg-12{right:100%}.push-lg-0{left:auto}.push-lg-1{left:8.33333%}.push-lg-2{left:16.66667%}.push-lg-3{left:25%}.push-lg-4{left:33.33333%}.push-lg-5{left:41.66667%}.push-lg-6{left:50%}.push-lg-7{left:58.33333%}.push-lg-8{left:66.66667%}.push-lg-9{left:75%}.push-lg-10{left:83.33333%}.push-lg-11{left:91.66667%}.push-lg-12{left:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333%}.offset-lg-2{margin-left:16.66667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333%}.offset-lg-5{margin-left:41.66667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333%}.offset-lg-8{margin-left:66.66667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333%}.offset-lg-11{margin-left:91.66667%}}@media (min-width:75em){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-xl-1{-ms-flex:0 0 8.33333%;flex:0 0 8.33333%;max-width:8.33333%}.col-xl-2{-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}.col-xl-5{-ms-flex:0 0 41.66667%;flex:0 0 41.66667%;max-width:41.66667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.33333%;flex:0 0 58.33333%;max-width:58.33333%}.col-xl-8{-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.33333%;flex:0 0 83.33333%;max-width:83.33333%}.col-xl-11{-ms-flex:0 0 91.66667%;flex:0 0 91.66667%;max-width:91.66667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.pull-xl-0{right:auto}.pull-xl-1{right:8.33333%}.pull-xl-2{right:16.66667%}.pull-xl-3{right:25%}.pull-xl-4{right:33.33333%}.pull-xl-5{right:41.66667%}.pull-xl-6{right:50%}.pull-xl-7{right:58.33333%}.pull-xl-8{right:66.66667%}.pull-xl-9{right:75%}.pull-xl-10{right:83.33333%}.pull-xl-11{right:91.66667%}.pull-xl-12{right:100%}.push-xl-0{left:auto}.push-xl-1{left:8.33333%}.push-xl-2{left:16.66667%}.push-xl-3{left:25%}.push-xl-4{left:33.33333%}.push-xl-5{left:41.66667%}.push-xl-6{left:50%}.push-xl-7{left:58.33333%}.push-xl-8{left:66.66667%}.push-xl-9{left:75%}.push-xl-10{left:83.33333%}.push-xl-11{left:91.66667%}.push-xl-12{left:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333%}.offset-xl-2{margin-left:16.66667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333%}.offset-xl-5{margin-left:41.66667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333%}.offset-xl-8{margin-left:66.66667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333%}.offset-xl-11{margin-left:91.66667%}}html{font-size:100%}@media (max-width:48em){html{font-size:80%}}body{font-family:"Open Sans","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"MS Pゴシック",sans-serif;font-size:1rem;font-weight:400;line-height:normal;color:#444}.demo-styles{color:#444}.demo-styles h1{font-family:"Open Sans","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"MS Pゴシック",sans-serif;font-size:2.8rem;font-weight:400;line-height:normal;font-weight:300}.demo-styles h2{font-family:"Open Sans","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"MS Pゴシック",sans-serif;font-size:2rem;font-weight:400;line-height:normal;font-weight:300}.demo-styles h3{font-family:"Open Sans","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"MS Pゴシック",sans-serif;font-size:1.6rem;font-weight:400;line-height:normal}.demo-styles h4{font-family:"Open Sans","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"MS Pゴシック",sans-serif;font-size:1.5rem;font-weight:400;line-height:normal}.demo-styles h5{font-family:"Open Sans","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"MS Pゴシック",sans-serif;font-size:1.3rem;font-weight:400;line-height:normal}.demo-styles h6{font-family:"Open Sans","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"MS Pゴシック",sans-serif;font-size:1.2rem;font-weight:400;line-height:normal}.demo-styles p{font-family:"Open Sans","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"MS Pゴシック",sans-serif;font-size:1rem;font-weight:400;line-height:normal}.demo-styles form{font-family:"Open Sans","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"MS Pゴシック",sans-serif;font-size:1rem;font-weight:400;line-height:normal}.demo-styles input[type=text]{font-family:"Open Sans","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"MS Pゴシック",sans-serif;font-size:1rem;font-weight:400;line-height:normal;margin:0;padding:0;border-radius:0;background-image:linear-gradient(transparent,transparent);background:0 0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:0;text-decoration:none;margin:0;padding:0;border-radius:0;background-image:linear-gradient(transparent,transparent);background:0 0;appearance:none;border:none;outline:0;text-decoration:none;font-size:inherit;display:inline-block;width:100%;padding:10px 10px;box-sizing:border-box;line-height:1;border:1px solid #ddd}.demo-styles input[type=text]:focus{border:none;outline:0}.demo-styles input[type=text]:focus{border:none;outline:0}.demo-styles input[type=text]::-webkit-input-placeholder{font-size:inherit}.demo-styles input[type=text]::-moz-placeholder{font-size:inherit}.demo-styles input[type=text]:-ms-input-placeholder{font-size:inherit}.demo-styles input[type=text]::placeholder{font-size:inherit}.demo-styles input[type=text]:focus{outline:0}.demo-styles input[type=text]::-webkit-input-placeholder{color:#ddd}.demo-styles input[type=text]::-moz-placeholder{color:#ddd}.demo-styles input[type=text]:-ms-input-placeholder{color:#ddd}.demo-styles input[type=text]::placeholder{color:#ddd}.demo-styles input[type=text]:focus{border:1px solid rgba(82,158,246,.5);background:#fffff2}.demo-styles textarea{font-family:"Open Sans","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"MS Pゴシック",sans-serif;font-size:1rem;font-weight:400;line-height:normal;margin:0;padding:0;border-radius:0;background-image:linear-gradient(transparent,transparent);background:0 0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:0;text-decoration:none;margin:0;padding:0;border-radius:0;background-image:linear-gradient(transparent,transparent);background:0 0;appearance:none;border:none;outline:0;text-decoration:none;font-size:inherit;display:inline-block;width:100%;padding:10px 10px;box-sizing:border-box;line-height:1;border:1px solid #ddd;line-height:1.6rem;height:120px}.demo-styles textarea:focus{border:none;outline:0}.demo-styles textarea:focus{border:none;outline:0}.demo-styles textarea::-webkit-input-placeholder{font-size:inherit}.demo-styles textarea::-moz-placeholder{font-size:inherit}.demo-styles textarea:-ms-input-placeholder{font-size:inherit}.demo-styles textarea::placeholder{font-size:inherit}.demo-styles textarea:focus{outline:0}.demo-styles textarea::-webkit-input-placeholder{color:#ddd}.demo-styles textarea::-moz-placeholder{color:#ddd}.demo-styles textarea:-ms-input-placeholder{color:#ddd}.demo-styles textarea::placeholder{color:#ddd}.demo-styles textarea:focus{border:1px solid rgba(82,158,246,.5);background:#fffff2}.demo-styles legend{font-family:"Open Sans","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"MS Pゴシック",sans-serif;font-size:inherit;font-weight:400;line-height:normal}.demo-styles .radio{margin:0;display:inline-block;vertical-align:top}.demo-styles .radio input[type=radio]{display:inline-block;margin:0 4px 0 0}.demo-styles .radio label{cursor:pointer;margin:0}.demo-styles .radio label{margin:0;padding:0;line-height:1;cursor:pointer;display:inline-block}.demo-styles .radio label:before{content:url(data:image/svg+xml;base64,DQo8c3ZnIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4IiB2aWV3Qm94PSIxMTEgMjMwIDYgNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQyICgzNjc4MSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+DQogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+DQogICAgPGRlZnM+PC9kZWZzPg0KICAgIDxyZWN0IGlkPSJjaXJjbGUiIHN0cm9rZT0ibm9uZSIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiB4PSIxMTEiIHk9IjIzMCIgd2lkdGg9IjYiIGhlaWdodD0iNiIgcng9IjMiPjwvcmVjdD4NCjwvc3ZnPg==);vertical-align:middle;box-sizing:border-box;text-align:center;background:#fff;width:18px;height:18px;line-height:10px;padding:0;border:1px solid #ddd;display:inline-block;border-radius:18px}.demo-styles .radio label:hover:before{border-color:#529ef6}.demo-styles .radio input[type=radio]{display:none}.demo-styles .radio input[type=radio]:checked+label:before{background-color:#529ef6}.demo-styles .radio-inside{margin:0;display:inline-block;vertical-align:top}.demo-styles .radio-inside input[type=radio]{display:inline-block;margin:0 4px 0 0}.demo-styles .radio-inside label{cursor:pointer;margin:0}.demo-styles .radio-inside span{margin:0;padding:0;line-height:1;cursor:pointer;display:inline-block}.demo-styles .radio-inside span:before{content:url(data:image/svg+xml;base64,DQo8c3ZnIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4IiB2aWV3Qm94PSIxMTEgMjMwIDYgNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQyICgzNjc4MSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+DQogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+DQogICAgPGRlZnM+PC9kZWZzPg0KICAgIDxyZWN0IGlkPSJjaXJjbGUiIHN0cm9rZT0ibm9uZSIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiB4PSIxMTEiIHk9IjIzMCIgd2lkdGg9IjYiIGhlaWdodD0iNiIgcng9IjMiPjwvcmVjdD4NCjwvc3ZnPg==);vertical-align:middle;box-sizing:border-box;text-align:center;background:#fff;width:18px;height:18px;line-height:10px;padding:0;border:1px solid #ddd;display:inline-block;border-radius:18px}.demo-styles .radio-inside span:hover:before{border-color:#529ef6}.demo-styles .radio-inside input[type=radio]{display:none}.demo-styles .radio-inside input[type=radio]:checked+span:before{background-color:#529ef6}.demo-styles .checkbox{margin:0;display:inline-block;vertical-align:top}.demo-styles .checkbox input[type=checkbox]{display:inline-block;margin:0 4px 0 0}.demo-styles .checkbox label{cursor:pointer;margin:0}.demo-styles .checkbox label{margin:0;padding:0;line-height:1;cursor:pointer}.demo-styles .checkbox label:before{content:url(data:image/svg+xml;base64,DQo8c3ZnIHdpZHRoPSIxMXB4IiBoZWlnaHQ9IjExcHgiIHZpZXdCb3g9Ijg2IDIyNiAxMSAxMSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQyICgzNjc4MSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+DQogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+DQogICAgPGRlZnM+PC9kZWZzPg0KICAgIDxwYXRoIGQ9Ik04OS4yOTI4OTMyLDIzMi43MDcxMDcgTDk1LjI5Mjg5MzIsMjMyLjcwNzEwNyBMOTUuMjkyODkzMiwyMzQuNzA3MTA3IEw4Ny4yOTI4OTMyLDIzNC43MDcxMDcgTDg3LjI5Mjg5MzIsMjMzLjcwNzEwNyBMODcuMjkyODkzMiwyMjguNzA3MTA3IEw4OS4yOTI4OTMyLDIyOC43MDcxMDcgTDg5LjI5Mjg5MzIsMjMyLjcwNzEwNyBaIiBpZD0iY2hlY2siIHN0cm9rZT0ibm9uZSIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5MS4yOTI4OTMsIDIzMS43MDcxMDcpIHJvdGF0ZSgtNDUuMDAwMDAwKSB0cmFuc2xhdGUoLTkxLjI5Mjg5MywgLTIzMS43MDcxMDcpICI+PC9wYXRoPg0KPC9zdmc+);vertical-align:middle;box-sizing:border-box;text-align:center;background:#fff;width:18px;height:18px;line-height:13px;padding:0 0 0 1px;border:1px solid #ddd;display:inline-block;border-radius:3px}.demo-styles .checkbox label:hover:before{border-color:#529ef6}.demo-styles .checkbox input[type=checkbox]{display:none}.demo-styles .checkbox input[type=checkbox]:checked+label:before{background:#529ef6}.demo-styles .checkbox-inside{margin:0;display:inline-block;vertical-align:top}.demo-styles .checkbox-inside input[type=checkbox]{display:inline-block;margin:0 4px 0 0}.demo-styles .checkbox-inside label{cursor:pointer;margin:0}.demo-styles .checkbox-inside span{margin:0;padding:0;line-height:1;cursor:pointer}.demo-styles .checkbox-inside span:before{content:url(data:image/svg+xml;base64,DQo8c3ZnIHdpZHRoPSIxMXB4IiBoZWlnaHQ9IjExcHgiIHZpZXdCb3g9Ijg2IDIyNiAxMSAxMSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQyICgzNjc4MSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+DQogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+DQogICAgPGRlZnM+PC9kZWZzPg0KICAgIDxwYXRoIGQ9Ik04OS4yOTI4OTMyLDIzMi43MDcxMDcgTDk1LjI5Mjg5MzIsMjMyLjcwNzEwNyBMOTUuMjkyODkzMiwyMzQuNzA3MTA3IEw4Ny4yOTI4OTMyLDIzNC43MDcxMDcgTDg3LjI5Mjg5MzIsMjMzLjcwNzEwNyBMODcuMjkyODkzMiwyMjguNzA3MTA3IEw4OS4yOTI4OTMyLDIyOC43MDcxMDcgTDg5LjI5Mjg5MzIsMjMyLjcwNzEwNyBaIiBpZD0iY2hlY2siIHN0cm9rZT0ibm9uZSIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5MS4yOTI4OTMsIDIzMS43MDcxMDcpIHJvdGF0ZSgtNDUuMDAwMDAwKSB0cmFuc2xhdGUoLTkxLjI5Mjg5MywgLTIzMS43MDcxMDcpICI+PC9wYXRoPg0KPC9zdmc+);vertical-align:middle;box-sizing:border-box;text-align:center;background:#fff;width:18px;height:18px;line-height:13px;padding:0 0 0 1px;border:1px solid #ddd;display:inline-block;border-radius:3px}.demo-styles .checkbox-inside span:hover:before{border-color:#529ef6}.demo-styles .checkbox-inside input[type=checkbox]{display:none}.demo-styles .checkbox-inside input[type=checkbox]:checked+span:before{background:#529ef6}.demo-styles .select{box-sizing:border-box;border-radius:2px;position:relative;overflow:hidden;border:1px solid #ddd;width:auto;display:inline-block;padding-right:20px}.demo-styles .select select{margin:0;padding:0;border-radius:0;background-image:linear-gradient(transparent,transparent);background:0 0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:0;text-decoration:none;display:inline-block;box-sizing:content-box;width:100%;padding:10px 10px;line-height:1!important;background:#fff;color:#444;background-image:url(data:image/svg+xml;base64,DQo8c3ZnIHdpZHRoPSI2cHgiIGhlaWdodD0iMTBweCIgdmlld0JveD0iMTQ3IDIyNSA2IDEwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNDIgKDM2NzgxKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4NCiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4NCiAgICA8ZGVmcz48L2RlZnM+DQogICAgPHBhdGggZD0iTTE1MCwyMjUgTDE1MywyMjkgTDE0NywyMjkgTDE1MCwyMjUgWiBNMTUwLDIzNSBMMTQ3LDIzMSBMMTUzLDIzMSBMMTUwLDIzNSBaIiBpZD0iQ29tYmluZWQtU2hhcGUiIHN0cm9rZT0ibm9uZSIgZmlsbD0iIzAwMDAwMCIgZmlsbC1ydWxlPSJldmVub2RkIj48L3BhdGg+DQo8L3N2Zz4=);background-repeat:no-repeat;background-position:right 34px top 13px;background-size:6px 10px}.demo-styles .select select:focus{border:none;outline:0}.demo-styles .select select:focus{outline:0;border:none}.demo-styles .select select{width:110%}.demo-styles .select select::-ms-expand{display:none}@-moz-document url-prefix(){.demo-styles .select select{text-indent:.01px;text-overflow:'';color:#000;padding:5px 10px}.demo-styles .select select:-moz-focusring{text-shadow:none}}.demo-styles .table{font-family:"Open Sans","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"MS Pゴシック",sans-serif;font-size:1rem;font-weight:400;line-height:normal;width:100%;border-collapse:collapse;margin-bottom:0;border-top:1px solid #eee;margin-bottom:10px}.demo-styles .table th{font-weight:700}.demo-styles .table td,.demo-styles .table th{padding:5px 10px}.demo-styles .table thead tr td,.demo-styles .table thead tr th{font-size:.8rem;border:1px solid #eee;border-bottom:2px solid #eee}.demo-styles .table tbody tr:first-child td,.demo-styles .table tbody tr:first-child th{border-top:none}.demo-styles .table tbody th{border:1px solid #eee;border-bottom:2px solid #eee}.demo-styles .table tbody td{border:1px solid #eee}.demo-styles .table-line{width:100%;border-collapse:collapse;margin-bottom:0;margin-bottom:10px}.demo-styles .table-line th{font-weight:700}.demo-styles .table-line td,.demo-styles .table-line th{padding:5px 10px}.demo-styles .table-line thead tr td,.demo-styles .table-line thead tr th{border-bottom:2px solid #eee}.demo-styles .table-line tr:first-child td,.demo-styles .table-line tr:first-child th{border-top:none}.demo-styles .table-line td,.demo-styles .table-line th{border-top:1px solid #eee}.demo-styles .table-stripe{width:100%;border-collapse:collapse;margin-bottom:0;margin-bottom:10px}.demo-styles .table-stripe th{font-weight:700}.demo-styles .table-stripe td,.demo-styles .table-stripe th{padding:5px 10px}.demo-styles .table-stripe thead tr{background-color:#fff}.demo-styles .table-stripe tbody tr:nth-child(even){background-color:#eee}.demo-styles .table-stripe tbody tr:nth-child(odd){background-color:#f8f8f8}.demo-styles .fieldset{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;min-width:0;padding:0;margin:0 0 10px;border:0}.demo-styles .fieldset:last-child{margin-bottom:0}.demo-styles .fieldset label,.demo-styles .fieldset legend{margin-bottom:0}.demo-styles .fieldset>legend{width:30%;padding-right:20px}.demo-styles .fieldset>:not(legend){-ms-flex:1;flex:1}.demo-styles .button{font-family:"Open Sans","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"MS Pゴシック",sans-serif;font-size:1rem;font-weight:400;line-height:normal;box-sizing:border-box;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;border-radius:0;background-color:transparent;background-image:linear-gradient(to top,transparent,transparent);position:relative;cursor:pointer;text-align:center;font-weight:400;margin:0;padding:0;border:none;outline:0;border-radius:2px;border:1px solid #529ef6;background-color:#529ef6;color:#fff;padding:10px 10px;line-height:1}.demo-styles .button:active,.demo-styles .button:hover,.demo-styles .button:link,.demo-styles .button:visited{text-decoration:none!important}.demo-styles .button:focus{outline:0}.demo-styles .button.is-disabled,.demo-styles .button:disabled{cursor:default;pointer-events:none;opacity:.2}.demo-styles .button.is-loading{cursor:default;pointer-events:none;opacity:.6;pointer-events:none;cursor:default}.demo-styles .button.is-loading::before{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;text-indent:0;content:"";animation:anim-spin 1.6s infinite linear;margin-right:5px}.demo-styles .button:focus{background-color:#529ef6}.demo-styles .button.is-current,.demo-styles .button:active,.demo-styles .button:hover{background-color:#2283f3;color:#fff;border-color:#529ef6}.demo-styles .button-semiflat{font-family:"Open Sans","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"MS Pゴシック",sans-serif;font-size:1rem;font-weight:400;line-height:normal;box-sizing:border-box;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;border-radius:0;background-color:transparent;background-image:linear-gradient(to top,transparent,transparent);position:relative;cursor:pointer;text-align:center;font-weight:400;margin:0;padding:0;border:none;outline:0;border-radius:4px;background-color:#529ef6;background-image:linear-gradient(to top,#529ef6,#6aacf7);border:1px solid #6aacf7;color:#fff;padding:10px 10px;line-height:1}.demo-styles .button-semiflat:active,.demo-styles .button-semiflat:hover,.demo-styles .button-semiflat:link,.demo-styles .button-semiflat:visited{text-decoration:none!important}.demo-styles .button-semiflat:focus{outline:0}.demo-styles .button-semiflat.is-disabled,.demo-styles .button-semiflat:disabled{cursor:default;pointer-events:none;opacity:.2}.demo-styles .button-semiflat.is-loading{cursor:default;pointer-events:none;opacity:.6;pointer-events:none;cursor:default}.demo-styles .button-semiflat.is-loading::before{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;text-indent:0;content:"";animation:anim-spin 1.6s infinite linear;margin-right:5px}.demo-styles .button-semiflat:focus{background-color:#529ef6;background-image:linear-gradient(to top,#529ef6,#6aacf7)}.demo-styles .button-semiflat.is-current,.demo-styles .button-semiflat:active,.demo-styles .button-semiflat:hover{background-color:#3a90f5;background-image:linear-gradient(to top,#3a90f5,#529ef6)}.demo-styles .button-border{font-family:"Open Sans","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"MS Pゴシック",sans-serif;font-size:1rem;font-weight:400;line-height:normal;box-sizing:border-box;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;border-radius:0;background-color:transparent;background-image:linear-gradient(to top,transparent,transparent);position:relative;cursor:pointer;text-align:center;font-weight:400;margin:0;padding:0;border:none;outline:0;border-radius:2px;background-color:transparent;padding:10px 10px;border:1px solid #529ef6;color:#529ef6;line-height:1}.demo-styles .button-border:active,.demo-styles .button-border:hover,.demo-styles .button-border:link,.demo-styles .button-border:visited{text-decoration:none!important}.demo-styles .button-border:focus{outline:0}.demo-styles .button-border.is-disabled,.demo-styles .button-border:disabled{cursor:default;pointer-events:none;opacity:.2}.demo-styles .button-border.is-loading{cursor:default;pointer-events:none;opacity:.6;pointer-events:none;cursor:default}.demo-styles .button-border.is-loading::before{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;text-indent:0;content:"";animation:anim-spin 1.6s infinite linear;margin-right:5px}.demo-styles .button-border:focus{background-color:transparent;border:1px solid #529ef6}.demo-styles .button-border.is-current,.demo-styles .button-border:active,.demo-styles .button-border:hover{background-color:#529ef6;color:#fff;border-color:transparet}.demo-styles .button-emboss{font-family:"Open Sans","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"MS Pゴシック",sans-serif;font-size:1rem;font-weight:400;line-height:normal;box-sizing:border-box;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;border-radius:0;background-color:transparent;background-image:linear-gradient(to top,transparent,transparent);position:relative;cursor:pointer;text-align:center;font-weight:400;margin:0;padding:0;border:none;outline:0;transition:all 50ms ease-out;-ms-transform:translateY(-6px);transform:translateY(-6px);box-shadow:0 6px 0 #2283f3;border-radius:4px;background-color:#529ef6;color:#fff;padding:10px 10px;line-height:1}.demo-styles .button-emboss:active,.demo-styles .button-emboss:hover,.demo-styles .button-emboss:link,.demo-styles .button-emboss:visited{text-decoration:none!important}.demo-styles .button-emboss:focus{outline:0}.demo-styles .button-emboss.is-disabled,.demo-styles .button-emboss:disabled{cursor:default;pointer-events:none;opacity:.2}.demo-styles .button-emboss.is-loading{cursor:default;pointer-events:none;opacity:.6;pointer-events:none;cursor:default}.demo-styles .button-emboss.is-loading::before{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;text-indent:0;content:"";animation:anim-spin 1.6s infinite linear;margin-right:5px}.demo-styles .button-emboss:focus{background-color:#529ef6;box-shadow:0 6px 0 #2283f3}.demo-styles .button-emboss.is-current,.demo-styles .button-emboss:active,.demo-styles .button-emboss:hover{-ms-transform:translateY(0);transform:translateY(0);box-shadow:0 0 0 #529ef6;background-color:#2283f3}.demo-styles .button-group{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.demo-styles .button-group>*{width:100%;border-radius:0}.demo-styles .button-group>:first-child{border-radius:3px 0 0 3px}.demo-styles .button-group>:last-child{border-radius:0 3px 3px 0}.demo-styles .reset-ul{margin:0;padding:0;list-style:none;display:inline-block}.demo-styles .reset-ul>li{display:inline-block}.demo-styles .word-break{white-space:normal;word-break:break-all;word-wrap:break-word;display:inline-block;width:100px;background:#f8f8f8;padding:10px}.demo-styles .word-break-none{white-space:nowrap;word-break:keep-all;word-wrap:normal;display:inline-block;width:100px;background:#f8f8f8;padding:10px}.demo-styles .text-overflow{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block;width:100px;background:#f8f8f8;padding:10px}.demo-styles .icon-hamburger::before{content:'';width:40px;height:40px;display:inline-block;background-color:#000;background-image:url("data:image/svg+xml, %0A%3Csvg%20width%3D%2228px%22%20height%3D%2224px%22%20viewBox%3D%226%208%2028%2024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%3Crect%20id%3D%22Rectangle%22%20stroke%3D%22none%22%20fill%3D%22%23FFFFFF%22%20fill-rule%3D%22evenodd%22%20x%3D%226%22%20y%3D%228%22%20width%3D%2228%22%20height%3D%224%22%3E%3C/rect%3E%0A%20%20%20%20%3Crect%20id%3D%22Rectangle1%22%20stroke%3D%22none%22%20fill%3D%22%23FFFFFF%22%20fill-rule%3D%22evenodd%22%20x%3D%226%22%20y%3D%2218%22%20width%3D%2228%22%20height%3D%224%22%3E%3C/rect%3E%0A%20%20%20%20%3Crect%20id%3D%22Rectangle2%22%20stroke%3D%22none%22%20fill%3D%22%23FFFFFF%22%20fill-rule%3D%22evenodd%22%20x%3D%226%22%20y%3D%2228%22%20width%3D%2228%22%20height%3D%224%22%3E%3C/rect%3E%0A%3C/svg%3E");background-repeat:no-repeat;background-position:center center;background-size:45% 45%}.demo-styles .icon-twitter::before{content:'';width:40px;height:40px;display:inline-block;background-color:#1da1f2;background-image:url("data:image/svg+xml, %3Csvg%20width%3D%2226px%22%20height%3D%2222px%22%20viewBox%3D%228%209%2026%2022%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M16.26924%2C30.6112994%20C25.89192%2C30.6112994%2031.15512%2C22.6389794%2031.15512%2C15.7254194%20C31.15512%2C15.4989794%2031.15512%2C15.2735594%2031.13982%2C15.0491594%20C32.163728%2C14.3085485%2033.0475826%2C13.3915364%2033.75%2C12.3410594%20C32.7951566%2C12.7641572%2031.7822459%2C13.0416247%2030.74508%2C13.1641994%20C31.8372389%2C12.5103611%2032.654646%2C11.4819869%2033.04518%2C10.2704594%20C32.0182006%2C10.8798639%2030.894659%2C11.3093417%2029.72304%2C11.5403594%20C28.1013244%2C9.8159416%2025.5244337%2C9.39388427%2023.4373403%2C10.510853%20C21.3502468%2C11.6278216%2020.2720005%2C14.0060317%2020.80722%2C16.3119194%20C16.6006337%2C16.101034%2012.6813653%2C14.1141492%2010.0248%2C10.8457394%20C8.63619521%2C13.2362571%209.34546764%2C16.2944361%2011.64456%2C17.8296794%20C10.811976%2C17.8050031%209.99754496%2C17.5804049%209.27%2C17.1748394%20L9.27%2C17.2411394%20C9.2706815%2C19.7315643%2011.0261865%2C21.8765653%2013.4673%2C22.3696994%20C12.697067%2C22.5797583%2011.8889322%2C22.6104646%2011.10498%2C22.4594594%20C11.7903669%2C24.5906707%2013.7545061%2C26.050659%2015.99282%2C26.0926994%20C14.1402297%2C27.54868%2011.8516807%2C28.3390737%209.49542%2C28.3366994%20C9.07916164%2C28.3359003%208.66330815%2C28.3106971%208.25%2C28.2612194%20C10.6425487%2C29.7966015%2013.4264117%2C30.6110107%2016.26924%2C30.6072194%22%20id%3D%22shape%22%20stroke%3D%22none%22%20fill%3D%22%23FFFFFF%22%20fill-rule%3D%22nonzero%22%3E%3C/path%3E%0A%3C/svg%3E");background-repeat:no-repeat;background-position:center center;background-size:60% 60%}.demo-styles .icon-facebook::before{content:'';width:40px;height:40px;display:inline-block;background-color:#3c5999;background-image:url("data:image/svg+xml, %0A%3Csvg%20width%3D%2218px%22%20height%3D%2234px%22%20viewBox%3D%2216%206%2018%2034%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M27.4852836%2C39.9843284%20L27.4852836%2C24.558209%20L32.6633433%2C24.558209%20L33.4385672%2C18.5462687%20L27.4852836%2C18.5462687%20L27.4852836%2C14.7079104%20C27.4852836%2C12.9673134%2027.9685672%2C11.781194%2030.4646866%2C11.781194%20L33.6482687%2C11.7797015%20L33.6482687%2C6.40268657%20C33.0975224%2C6.32955224%2031.2078209%2C6.1658209%2029.0093134%2C6.1658209%20C24.4193134%2C6.1658209%2021.2770746%2C8.96746269%2021.2770746%2C14.1126866%20L21.2770746%2C18.5462687%20L16.0858806%2C18.5462687%20L16.0858806%2C24.558209%20L21.2770746%2C24.558209%20L21.2770746%2C39.9843284%20L27.4852836%2C39.9843284%20Z%22%20id%3D%22Fill-4%22%20stroke%3D%22none%22%20fill%3D%22%23FEFEFE%22%20fill-rule%3D%22evenodd%22%3E%3C/path%3E%0A%3C/svg%3E");background-repeat:no-repeat;background-position:center center;background-size:60% 60%}.demo-styles .icon-hatena::before{content:'';width:40px;height:40px;display:inline-block;background-color:#2d92ba;background-image:url("data:image/svg+xml, %0A%3Csvg%20width%3D%2222px%22%20height%3D%2220px%22%20viewBox%3D%229%2010%2022%2020%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M17.91544%2C25.36632%20C17.43128%2C25.66368%2016.59696%2C25.80976%2015.42632%2C25.80976%20L13.69448%2C25.80976%20L13.69448%2C21.83744%20L15.50112%2C21.83744%20C16.70336%2C21.83744%2017.53432%2C21.98864%2017.97632%2C22.29072%20C18.42552%2C22.59296%2018.64648%2C23.12664%2018.64648%2C23.89272%20C18.64648%2C24.57832%2018.40432%2C25.07072%2017.91544%2C25.36632%20Z%20M13.69448%2C14.93992%20L14.75864%2C14.93992%20C15.98848%2C14.93992%2016.81472%2C15.0788%2017.24112%2C15.35504%20C17.66192%2C15.63296%2017.8764%2C16.11224%2017.8764%2C16.79536%20C17.8764%2C17.45248%2017.64808%2C17.91544%2017.1964%2C18.18688%20C16.73904%2C18.45328%2015.9048%2C18.58816%2014.68384%2C18.58816%20L13.69448%2C18.58816%20L13.69448%2C14.93992%20Z%20M22.25328%2C20.64824%20C21.52864%2C19.8384%2020.52144%2C19.38336%2019.22888%2C19.28504%20C20.37848%2C18.9716%2021.21344%2C18.51336%2021.74152%2C17.90088%20C22.26712%2C17.29656%2022.52784%2C16.47616%2022.52784%2C15.44368%20C22.52784%2C14.6264%2022.3492%2C13.90328%2022.00304%2C13.27872%20C21.64816%2C12.658%2021.13792%2C12.16088%2020.46776%2C11.78896%20C19.8812%2C11.4664%2019.18432%2C11.23896%2018.37192%2C11.1048%20C17.55552%2C10.9748%2016.12656%2C10.90912%2014.07624%2C10.90912%20L9.09088%2C10.90912%20L9.09088%2C29.09088%20L14.22736%2C29.09088%20C16.29064%2C29.09088%2017.77888%2C29.01864%2018.68872%2C28.8804%20C19.59768%2C28.73752%2020.36048%2C28.49704%2020.97792%2C28.16736%20C21.74152%2C27.76432%2022.32392%2C27.19088%2022.73096%2C26.45408%20C23.1404%2C25.71488%2023.34344%2C24.86256%2023.34344%2C23.88776%20C23.34344%2C22.53944%2022.98024%2C21.45576%2022.25328%2C20.64824%20L22.25328%2C20.64824%20Z%22%20id%3D%22Fill-4%22%20stroke%3D%22none%22%20fill%3D%22%23FFFFFF%22%20fill-rule%3D%22evenodd%22%3E%3C/path%3E%0A%20%20%20%20%3Cpath%20d%3D%22M28.60648%2C24.48488%20C27.33392%2C24.48488%2026.30304%2C25.51504%2026.30304%2C26.78752%20C26.30304%2C28.06%2027.33392%2C29.09088%2028.60648%2C29.09088%20C29.87736%2C29.09088%2030.90912%2C28.06%2030.90912%2C26.78752%20C30.90912%2C25.51504%2029.87736%2C24.48488%2028.60648%2C24.48488%22%20id%3D%22Fill-5%22%20stroke%3D%22none%22%20fill%3D%22%23FFFFFF%22%20fill-rule%3D%22evenodd%22%3E%3C/path%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Fill-6%22%20stroke%3D%22none%22%20fill%3D%22%23FFFFFF%22%20fill-rule%3D%22evenodd%22%20points%3D%2226.60608%2023.0311998%2030.60608%2023.0311998%2030.60608%2010.9099998%2026.60608%2010.9099998%22%3E%3C/polygon%3E%0A%3C/svg%3E");background-repeat:no-repeat;background-position:center center;background-size:50% 50%}
data/gulp/README.md ADDED
@@ -0,0 +1,7 @@
1
+
2
+ ## development
3
+
4
+ ```
5
+ $ npm install
6
+ $ gulp
7
+ ```
@@ -0,0 +1,79 @@
1
+ 'use strict';
2
+
3
+ var gulp = require('gulp');
4
+ var uglify = require('gulp-uglify');
5
+ var concat = require('gulp-concat');
6
+ var sass = require('gulp-ruby-sass');
7
+ var connect = require('gulp-connect');
8
+ var browserSync = require('browser-sync');
9
+ var plumber = require("gulp-plumber");
10
+ var sourcemaps = require('gulp-sourcemaps');
11
+ var cleanCSS = require('gulp-clean-css');
12
+ var postcss = require('gulp-postcss');
13
+ var filter = require("gulp-filter");
14
+ var $ = require('gulp-load-plugins')({lazy: true});
15
+
16
+ var paths = {
17
+ dist: './dist',
18
+ scripts: [
19
+ './assets/javascripts/spuit/*.js',
20
+ './assets/javascripts/*.js'
21
+ ],
22
+ styles: [
23
+ './assets/stylesheets/**/*.scss',
24
+ './assets/stylesheets/**/*.sass'
25
+ ]
26
+ };
27
+
28
+ gulp.task('connect', function() {
29
+ connect.server({
30
+ root: paths.dist
31
+ });
32
+ });
33
+ gulp.task('browserSync', function() {
34
+ browserSync({
35
+ files: [
36
+ 'dist/index.html'
37
+ ],
38
+ server: {
39
+ baseDir: paths.dist
40
+ }
41
+ });
42
+ });
43
+
44
+ gulp.task('scripts', function() {
45
+ gulp.src(paths.scripts)
46
+ .pipe(plumber())
47
+ .pipe(sourcemaps.init())
48
+ .pipe(concat('scripts.min.js'))
49
+ .pipe(uglify())
50
+ .pipe(sourcemaps.write('.'))
51
+ .pipe(gulp.dest(paths.dist + '/javascripts'))
52
+ .pipe(browserSync.reload({stream:true}));
53
+ });
54
+
55
+ gulp.task('styles', function() {
56
+ var processors = [
57
+ require('autoprefixer')({ browsers: ['last 3 version', 'ie 8'], cascade: false })
58
+ ];
59
+
60
+ gulp.src(paths.styles)
61
+ .pipe($.plumber())
62
+ .pipe($.sass())
63
+ .on('error', function(err) {
64
+ console.log(err.message);
65
+ })
66
+ .pipe(cleanCSS({compatibility: 'ie8'}))
67
+ .pipe(filter("**/*.css"))
68
+ .pipe(postcss(processors))
69
+ .pipe(gulp.dest(paths.dist + '/stylesheets'))
70
+ .pipe(browserSync.reload({stream:true}));
71
+ });
72
+
73
+ gulp.task('default', function() {
74
+ // gulp.run('connect');
75
+ gulp.run('browserSync');
76
+
77
+ gulp.watch([paths.scripts], ['scripts']);
78
+ gulp.watch([paths.styles], ['styles']);
79
+ });
data/gulpfile.js ADDED
@@ -0,0 +1,2 @@
1
+ 'use strict';
2
+ require('require-dir')('./gulp/tasks');
data/lib/spuit.rb ADDED
@@ -0,0 +1,41 @@
1
+
2
+ # CodeKit needs relative paths
3
+ dir = File.dirname(__FILE__)
4
+ $LOAD_PATH.unshift dir unless $LOAD_PATH.include?(dir)
5
+
6
+ require "oulu/generator"
7
+ require "oulu/version"
8
+ require 'sass'
9
+ require 'oulu'
10
+
11
+ unless defined?(Sass)
12
+ require 'sass'
13
+ end
14
+
15
+ module Oulu
16
+ @components ||= []
17
+ class << self
18
+ attr_accessor :components
19
+
20
+ def load_paths
21
+ components.flat_map(&:load_paths)
22
+ end
23
+ end
24
+
25
+ if defined?(Rails) && defined?(Rails::Engine)
26
+ class Engine < ::Rails::Engine
27
+ require 'oulu/engine'
28
+ end
29
+
30
+ module Rails
31
+ class Railtie < ::Rails::Railtie
32
+ rake_tasks do
33
+ load "tasks/install.rake"
34
+ end
35
+ end
36
+ end
37
+ else
38
+ oulu_path = File.expand_path("../../app/assets/stylesheets", __FILE__)
39
+ ENV["SASS_PATH"] = [ENV["SASS_PATH"], oulu_path].compact.join(File::PATH_SEPARATOR)
40
+ end
41
+ end
@@ -0,0 +1,5 @@
1
+ module Spuit
2
+ class Engine < Rails::Engine
3
+ # auto wire
4
+ end
5
+ end
@@ -0,0 +1,80 @@
1
+ require 'spuit/version'
2
+ require "fileutils"
3
+ require 'thor'
4
+
5
+ module Spuit
6
+ class Generator < Thor
7
+ map ['-v', '--version'] => :version
8
+
9
+ desc 'install', 'Install Spuit into your project'
10
+ method_options :path => :string, :force => :boolean
11
+ def install
12
+ if spuit_files_already_exist? && !options[:force]
13
+ puts "Spuit files already installed, doing nothing."
14
+ else
15
+ install_files
16
+ puts "Spuit files installed to #{install_path}/"
17
+ end
18
+ end
19
+
20
+ desc 'update', 'Update Spuit'
21
+ method_options :path => :string
22
+ def update
23
+ if spuit_files_already_exist?
24
+ remove_spuit_directory
25
+ install_files
26
+ puts "Spuit files updated."
27
+ else
28
+ puts "No existing spuit installation. Doing nothing."
29
+ end
30
+ end
31
+
32
+ desc 'version', 'Show Spuit version'
33
+ def version
34
+ say "Spuit #{Spuit::VERSION}"
35
+ end
36
+
37
+ private
38
+
39
+ def spuit_files_already_exist?
40
+ install_path.exist?
41
+ end
42
+
43
+ def install_path
44
+ @install_path ||= if options[:path]
45
+ Pathname.new(File.join(options[:path], 'spuit'))
46
+ else
47
+ Pathname.new('spuit')
48
+ end
49
+ end
50
+
51
+ def install_files
52
+ make_install_directory
53
+ copy_in_scss_files
54
+ end
55
+
56
+ def remove_spuit_directory
57
+ FileUtils.rm_rf("spuit")
58
+ end
59
+
60
+ def make_install_directory
61
+ FileUtils.mkdir_p(install_path)
62
+ end
63
+
64
+ def copy_in_scss_files
65
+ FileUtils.cp_r(all_stylesheets, install_path)
66
+ end
67
+
68
+ def all_stylesheets
69
+ Dir["#{stylesheets_directory}/*"]
70
+ end
71
+
72
+ def stylesheets_directory
73
+ File.join(top_level_directory, "app", "assets", "stylesheets")
74
+ end
75
+
76
+ def top_level_directory
77
+ File.dirname(File.dirname(File.dirname(__FILE__)))
78
+ end
79
+ end
80
+ end
@@ -0,0 +1,3 @@
1
+ module Spuit
2
+ VERSION = "0.0.6"
3
+ end
data/package.json ADDED
@@ -0,0 +1,38 @@
1
+ {
2
+ "name": "spuit",
3
+ "version": "0.0.6",
4
+ "description": "JS + Sass Mixin Library",
5
+ "main": "spuit.scss",
6
+ "scripts": {
7
+ "test": "echo \"Error: no test specified\" && exit 1"
8
+ },
9
+ "repository": {
10
+ "type": "git",
11
+ "url": "git+ssh://git@github.com/is8r/spuit.git"
12
+ },
13
+ "keywords": [],
14
+ "author": "Yu Ishihara",
15
+ "license": "ISC",
16
+ "bugs": {
17
+ "url": "https://github.com/is8r/spuit/issues"
18
+ },
19
+ "homepage": "https://github.com/is8r/spuit#readme",
20
+ "devDependencies": {
21
+ "autoprefixer": "^6.2.3",
22
+ "browser-sync": "^2.18.8",
23
+ "gulp": "^3.9.1",
24
+ "gulp-clean-css": "^3.0.3",
25
+ "gulp-concat": "^2.6.1",
26
+ "gulp-connect": "^2.0.6",
27
+ "gulp-filter": "^5.0.0",
28
+ "gulp-load-plugins": "^1.5.0",
29
+ "gulp-plumber": "^1.1.0",
30
+ "gulp-postcss": "^6.0.1",
31
+ "gulp-ruby-sass": "^2.1.1",
32
+ "gulp-sass": "^3.1.0",
33
+ "gulp-sourcemaps": "^2.4.1",
34
+ "gulp-uglify": "^2.1.0",
35
+ "require-dir": "^0.3.1"
36
+ },
37
+ "dependencies": {}
38
+ }
data/spuit.gemspec ADDED
@@ -0,0 +1,23 @@
1
+ # coding: utf-8
2
+ lib = File.expand_path('../lib', __FILE__)
3
+ $LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
4
+ require 'spuit/version'
5
+
6
+ Gem::Specification.new do |spec|
7
+ spec.name = "spuit"
8
+ spec.version = Spuit::VERSION
9
+ spec.authors = ["is8r"]
10
+ spec.email = ["ishihara.yu@gmail.com"]
11
+ spec.description = %q{Sass mixins.}
12
+ spec.summary = %q{Sass mixins.}
13
+ spec.homepage = ""
14
+ spec.license = "MIT"
15
+
16
+ spec.files = `git ls-files`.split($/)
17
+ spec.executables = spec.files.grep(%r{^bin/}) { |f| File.basename(f) }
18
+ spec.test_files = spec.files.grep(%r{^(test|spec|features)/})
19
+ spec.require_paths = ["lib"]
20
+
21
+ spec.add_runtime_dependency("thor", "~> 0.19")
22
+ spec.add_runtime_dependency("rake")
23
+ end
data/spuit.scss ADDED
@@ -0,0 +1,47 @@
1
+ @charset "utf-8";
2
+
3
+ // valiables
4
+ @import 'assets/stylesheets/spuit/variables/defaults';
5
+ @import 'assets/stylesheets/spuit/variables/fonts';
6
+ @import 'assets/stylesheets/spuit/variables/timing-functions';
7
+ @import 'assets/stylesheets/spuit/variables/media-queries';
8
+ @import 'assets/stylesheets/spuit/variables/colors';
9
+ @import 'assets/stylesheets/spuit/variables/svgs';
10
+
11
+ // module mixins
12
+ @import 'assets/stylesheets/spuit/modules/clearfix';
13
+ @import 'assets/stylesheets/spuit/modules/breakpoints';
14
+ @import 'assets/stylesheets/spuit/modules/hide-text';
15
+ @import 'assets/stylesheets/spuit/modules/fa';
16
+ @import 'assets/stylesheets/spuit/modules/font-face';
17
+ @import 'assets/stylesheets/spuit/modules/background-image';
18
+ @import 'assets/stylesheets/spuit/modules/inherit';
19
+ @import 'assets/stylesheets/spuit/modules/word-break';
20
+ @import 'assets/stylesheets/spuit/modules/text-overflow';
21
+ @import 'assets/stylesheets/spuit/modules/reset';
22
+
23
+ // create styles
24
+ @import 'assets/stylesheets/spuit/includes/animations';
25
+ @import 'assets/stylesheets/spuit/includes/hiddens';
26
+ @import 'assets/stylesheets/spuit/includes/spacers';
27
+ @import 'assets/stylesheets/spuit/includes/webfonts';
28
+ @import 'assets/stylesheets/spuit/includes/stickey-footer';
29
+ @import 'assets/stylesheets/spuit/includes/spuit-utils';
30
+ @import 'assets/stylesheets/spuit/includes/normalize';
31
+ @import 'assets/stylesheets/spuit/includes/grid';
32
+
33
+ // shortcut mixins
34
+ @import 'assets/stylesheets/spuit/shortcuts/absolute';
35
+ @import 'assets/stylesheets/spuit/shortcuts/centering';
36
+ @import 'assets/stylesheets/spuit/shortcuts/disc';
37
+
38
+ // shortcut components, element
39
+ // FIXME: 未整理、不要なものを削除するまでコメントアウト
40
+ @import 'assets/stylesheets/spuit/components/icon';
41
+ @import 'assets/stylesheets/spuit/components/button';
42
+ @import 'assets/stylesheets/spuit/elements/table';
43
+ @import 'assets/stylesheets/spuit/elements/input';
44
+ @import 'assets/stylesheets/spuit/elements/fieldset';
45
+ @import 'assets/stylesheets/spuit/elements/radio';
46
+ @import 'assets/stylesheets/spuit/elements/checkbox';
47
+ @import 'assets/stylesheets/spuit/elements/select';
metadata ADDED
@@ -0,0 +1,147 @@
1
+ --- !ruby/object:Gem::Specification
2
+ name: spuit
3
+ version: !ruby/object:Gem::Version
4
+ version: 0.0.6
5
+ platform: ruby
6
+ authors:
7
+ - is8r
8
+ autorequire:
9
+ bindir: bin
10
+ cert_chain: []
11
+ date: 2017-06-26 00:00:00.000000000 Z
12
+ dependencies:
13
+ - !ruby/object:Gem::Dependency
14
+ name: thor
15
+ requirement: !ruby/object:Gem::Requirement
16
+ requirements:
17
+ - - "~>"
18
+ - !ruby/object:Gem::Version
19
+ version: '0.19'
20
+ type: :runtime
21
+ prerelease: false
22
+ version_requirements: !ruby/object:Gem::Requirement
23
+ requirements:
24
+ - - "~>"
25
+ - !ruby/object:Gem::Version
26
+ version: '0.19'
27
+ - !ruby/object:Gem::Dependency
28
+ name: rake
29
+ requirement: !ruby/object:Gem::Requirement
30
+ requirements:
31
+ - - ">="
32
+ - !ruby/object:Gem::Version
33
+ version: '0'
34
+ type: :runtime
35
+ prerelease: false
36
+ version_requirements: !ruby/object:Gem::Requirement
37
+ requirements:
38
+ - - ">="
39
+ - !ruby/object:Gem::Version
40
+ version: '0'
41
+ description: Sass mixins.
42
+ email:
43
+ - ishihara.yu@gmail.com
44
+ executables: []
45
+ extensions: []
46
+ extra_rdoc_files: []
47
+ files:
48
+ - ".editorconfig"
49
+ - ".gitignore"
50
+ - ".npmignore"
51
+ - Gemfile
52
+ - README.md
53
+ - Rakefile
54
+ - assets/javascripts/index.js
55
+ - assets/javascripts/spuit/Common.js
56
+ - assets/javascripts/spuit/extend.js
57
+ - assets/stylesheets/spuit/components/_body.sass
58
+ - assets/stylesheets/spuit/components/_button.sass
59
+ - assets/stylesheets/spuit/components/_form.sass
60
+ - assets/stylesheets/spuit/components/_gist.sass
61
+ - assets/stylesheets/spuit/components/_grids.sass
62
+ - assets/stylesheets/spuit/components/_icon.scss
63
+ - assets/stylesheets/spuit/components/_markdown.sass
64
+ - assets/stylesheets/spuit/components/_messages.sass
65
+ - assets/stylesheets/spuit/components/_shoulder.sass
66
+ - assets/stylesheets/spuit/components/_split.sass
67
+ - assets/stylesheets/spuit/components/_triangle.sass
68
+ - assets/stylesheets/spuit/components/_wordwrap-fadeout.sass
69
+ - assets/stylesheets/spuit/components/_wrap.sass
70
+ - assets/stylesheets/spuit/elements/_checkbox.sass
71
+ - assets/stylesheets/spuit/elements/_dl.sass
72
+ - assets/stylesheets/spuit/elements/_fieldset.sass
73
+ - assets/stylesheets/spuit/elements/_hr.sass
74
+ - assets/stylesheets/spuit/elements/_input.sass
75
+ - assets/stylesheets/spuit/elements/_radio.sass
76
+ - assets/stylesheets/spuit/elements/_select.sass
77
+ - assets/stylesheets/spuit/elements/_table.sass
78
+ - assets/stylesheets/spuit/includes/_animations.scss
79
+ - assets/stylesheets/spuit/includes/_grid.scss
80
+ - assets/stylesheets/spuit/includes/_hiddens.scss
81
+ - assets/stylesheets/spuit/includes/_normalize.scss
82
+ - assets/stylesheets/spuit/includes/_spacers.scss
83
+ - assets/stylesheets/spuit/includes/_spuit-utils.scss
84
+ - assets/stylesheets/spuit/includes/_stickey-footer.scss
85
+ - assets/stylesheets/spuit/includes/_webfonts.scss
86
+ - assets/stylesheets/spuit/modules/_background-image.scss
87
+ - assets/stylesheets/spuit/modules/_breakpoints.scss
88
+ - assets/stylesheets/spuit/modules/_clearfix.scss
89
+ - assets/stylesheets/spuit/modules/_fa.scss
90
+ - assets/stylesheets/spuit/modules/_font-face.scss
91
+ - assets/stylesheets/spuit/modules/_hide-text.scss
92
+ - assets/stylesheets/spuit/modules/_inherit.scss
93
+ - assets/stylesheets/spuit/modules/_reset.scss
94
+ - assets/stylesheets/spuit/modules/_text-overflow.scss
95
+ - assets/stylesheets/spuit/modules/_word-break.scss
96
+ - assets/stylesheets/spuit/shortcuts/_absolute.scss
97
+ - assets/stylesheets/spuit/shortcuts/_centering.scss
98
+ - assets/stylesheets/spuit/shortcuts/_disc.scss
99
+ - assets/stylesheets/spuit/variables/_colors.scss
100
+ - assets/stylesheets/spuit/variables/_defaults.scss
101
+ - assets/stylesheets/spuit/variables/_fonts.scss
102
+ - assets/stylesheets/spuit/variables/_media-queries.scss
103
+ - assets/stylesheets/spuit/variables/_svgs.scss
104
+ - assets/stylesheets/spuit/variables/_timing-functions.sass
105
+ - assets/stylesheets/styles.scss
106
+ - assets/stylesheets/styles/config/_mixins.scss
107
+ - assets/stylesheets/styles/config/_variables.scss
108
+ - dist/favicon.png
109
+ - dist/index.html
110
+ - dist/javascripts/scripts.min.js
111
+ - dist/javascripts/scripts.min.js.map
112
+ - dist/stylesheets/styles.css
113
+ - gulp/README.md
114
+ - gulp/tasks/watch.js
115
+ - gulpfile.js
116
+ - lib/spuit.rb
117
+ - lib/spuit/engine.rb
118
+ - lib/spuit/generator.rb
119
+ - lib/spuit/version.rb
120
+ - package.json
121
+ - spuit.gemspec
122
+ - spuit.scss
123
+ homepage: ''
124
+ licenses:
125
+ - MIT
126
+ metadata: {}
127
+ post_install_message:
128
+ rdoc_options: []
129
+ require_paths:
130
+ - lib
131
+ required_ruby_version: !ruby/object:Gem::Requirement
132
+ requirements:
133
+ - - ">="
134
+ - !ruby/object:Gem::Version
135
+ version: '0'
136
+ required_rubygems_version: !ruby/object:Gem::Requirement
137
+ requirements:
138
+ - - ">="
139
+ - !ruby/object:Gem::Version
140
+ version: '0'
141
+ requirements: []
142
+ rubyforge_project:
143
+ rubygems_version: 2.6.11
144
+ signing_key:
145
+ specification_version: 4
146
+ summary: Sass mixins.
147
+ test_files: []