ソーシャルゲームのマークアップを主軸にした大規模開発用のHTML/CSS設計思想。
風呂 https://github.com/hiloki/flocss といったらシャワーだよねっていう
* *
＊ ＋ ネタです
n ∧＿∧ n
＋ (ﾖ（* ´∀｀）E)
Y Y ＊
Tenderfeel
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
| // Float | |
| // | |
| // floatの操作 | |
| // | |
| // .pull_l - left | |
| // .pull_r - right | |
| // .pull_c - clear | |
| // | |
| // Markup: |
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
| /* | |
| abs | |
| position:absoluteによる配置 | |
| .abs ... ベース <br> | |
| .abs_mc ... marginによるcenteringの略 <br> | |
| .abs_mc_h ... marginによるセンタリング（horizontal) <br> | |
| .abs_mc_v ... marginによるセンタリング(vertical) <br> | |
| .abs_tc ... translateによるcenteringの略 <br> |
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
| // Align | |
| // | |
| // インライン要素に有効。ブロック要素にはag-flexつかうよろし | |
| // | |
| // .align_c - center | |
| // .align_l - left | |
| // .align_r - right | |
| // | |
| // Markup: | |
| // <p class="{$modifiers}">center</p> |
Tenderfeel
/ gist:8d3f9d79c356b59adcc2
Created
August 4, 2014 08:23
Flexible Box Layout Module utility (stylus)
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
| //--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*-- | |
| // _flex.styl | |
| // | |
| // Flexible Box Layout Module | |
| // W3C Working Draft, 23 July 2009. stylus & BEMver | |
| // | |
| //--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*-- | |
| // Flex | |
| // |
Tenderfeel
/ _css-speech-bubble.styl
Last active
January 1, 2016 12:19
CSS Speech Bubble Mixin for Stylus
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
| //--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*-- | |
| // CSS Speech Bubble Mixin (for stylus) | |
| // _bubble.scss | |
| // | |
| // http://jsdo.it/Tenderfeel/ApPq | |
| // http://cssdeck.com/labs/x0v5zniy | |
| //--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*-- | |
| // Bubble-tail | |
| // |
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
| //--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*-- | |
| // Compass Configurable Variables | |
| // | |
| // Compassのmixinとかのオプション | |
| //--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*-- | |
| // | |
| // # Compass Cross-Browser Support Configuration | |
| // http://compass-style.org/reference/compass/support/ | |
| // | |
| // `$legacy-support-for-ie` --- IE6&IE7用のhackを使うならtrue.初期値は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
| //--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*-- | |
| // CSS3 animation mixin | |
| // !!! NEED Compass !!! | |
| // | |
| //--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*-- | |
| // # Animation | |
| // | |
| // animationショートハンドにベンダープレフィックス付けるmixin | |
| // |
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
| //--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*-- | |
| // CSS Speech Bubble Mixin | |
| // _bubble.scss | |
| // | |
| // http://jsdo.it/Tenderfeel/ApPq | |
| //--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*-- | |
| // # bubble-tail-init | |
| // | |
| // しっぽのベース作成 |
Tenderfeel
/ Compass CSS Flexible Box Layout Module Mixin
Created
June 7, 2013 06:17
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
| //----------------------------------------------- | |
| //CSS Flexible Box Layout Module Mixin | |
| //W3C Candidate Recommendation, 18 September 2012 | |
| //http://www.w3.org/TR/2012/CR-css3-flexbox-20120918/ | |
| //----------------------------------------------- | |
| //Flex Containers: the ‘flex’ and ‘inline-flex’ ‘display’ values | |
| $default-flex-display: flex; |