[B! compass] udzuraã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

udzura id:udzura

compassã«é–¢ã™ã‚‹udzuraã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (7)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

ã€Susyã€‘Sass,Compassã§ã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã—ã¾ã - Milk+ea
ä½• Susyã¯Compassã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã€‚ ã‚°ãƒªãƒƒãƒ‰ãªã‚µã‚¤ãƒˆã‚’åˆ¶ä½œã™ã‚‹ãŸã‚ã®Mixinã‚’æä¾›ã—ã¦ãã‚Œã¾ã™ã€‚ ãƒ¢ãƒã‚¤ãƒ«ãƒ»ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆã‚‚å¯èƒ½ã‚ˆã€‚ ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« Susy: Getting Startedã‚’çœºã‚ãŸã‚‰å¤šåˆ†ã‚ã‹ã‚Šã¾ã™ã€‚ ä½¿ã„æ–¹ åˆæœŸè¨å®š Susyã‚’ä½¿ã†ã¨ãã¯æ¬¡ã®å¤‰æ•°ã«ä½•ã‹ã—ã‚‰å€¤ã‚’ä»£å…¥ã—ã¦ã‹ã‚‰ä½¿ã„ã¾ã™ã€‚ $total-columns : 12; $column-width : 4em; $gutter-width : 1em; $grid-padding : 0.5em; $container-style : ä¸Šã‹ã‚‰é †ç•ªã« ä½•ã‚«ãƒ©ãƒ ä½¿ã†ã‹ã€‚ä¸Šã§ã¯ï¼‘ï¼’ã‚«ãƒ©ãƒ ã€‚ ï¼‘ã‚«ãƒ©ãƒ ã‚ãŸã‚Šã®å¹…ã¯ã©ã‚Œã ã‘ã‹ã€‚ ã‚«ãƒ©ãƒ é–“ã®margin(å¹…)ã¯ã©ã‚Œã ã‘ã‹ã€‚margin-right: 1emã€€ã¿ãŸã„ã«ã€‚ ã‚°ãƒªãƒƒãƒ‰å·¦å³ã®paddingã¯ã©ã‚Œã ã‘ã‹ã€‚Twitter Bootstrapã ã£ãŸã‚‰.rowã®å·¦å³ã«ã¿ãŸã„
udzura 2013/11/26
ã‚„ã°ã„

compass

susy
ãƒªãƒ³ã‚¯
Tokyo Middleman Meetup #1ã§Susyã®ãŠè©±ã‚’ã—ã¦ããŸ
2013å¹´11æœˆ22æ—¥ã€ä»Šã‚’ã¨ãã‚ãé™çš„ã‚µã‚¤ãƒˆã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ "Middleman" ã«ã¤ã„ã¦èªžã‚‹ä¼šã“ã¨Tokyo Middleman Meetup #1ãŒæ ªå¼ä¼šç¤¾ã‚¸ã‚§ãƒ‹ãƒ¥ã‚¤ãƒ³ãƒ–ãƒ«ãƒ¼æ§˜ã§é–‹å‚¬ã•ã‚Œã¾ã—ãŸã€‚ ã›ã£ã‹ãã®æ©Ÿä¼šã ã£ãŸã®ã§ã€è‡ªåˆ†ã‚‚ãŠæ°—ã«å…¥ã‚Šã®css frameworkã§ã‚ã‚‹ã¨ã“ã‚ã®Susyã«ã¤ã„ã¦ãŠè©±ã•ã›ã¦ã„ãŸã ãã¾ã—ãŸã€‚ MIDDLEMAN MEETS SUSY by kumano ayumi ã‚¹ãƒ©ã‚¤ãƒ‰ã«å‡ºã¦ã„ã‚‹gridã®ã‚µãƒ³ãƒ—ãƒ«ã¯ã“ã¡ã‚‰ã€‚ Middleman Meets Susy - DEMO (Source on github) å½“æ—¥ã®æ§˜åã¯ã“ã‚“ãªæ„Ÿã˜ã§ã—ãŸã€‚(@machidaã•ã‚“ã®tweetå¼•ç”¨ã—ã¾ãã‚Šã¾ã™) ayumikoã•ã‚“ã®ç™ºè¡¨ã€‚ (at SonicGarden Inc.) [pic] â€” https://t.co/awdzESOV68 â€” machida (@machi
udzura 2013/11/26
ã™ãƒ¼ã—ãƒ¼

middleman

compass

css
ãƒªãƒ³ã‚¯
ä»Šæ—¥ã‹ã‚‰ä½¿ãˆã‚‹ï¼ Sass/compass ã‚†ã‚‹ã‚å‹‰å¼·ä¼š
Sass/Compass ã£ã¦ã‚ˆãèžãã‘ã©ã€ãªã‚“ã‹é›£ã—ãã†â€¦ã£ã¦æ€ã£ã¦ã„ã‚‹ä¸»ã«ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼/HTMLã‚³ãƒ¼ãƒ€ãƒ¼ã•ã‚“å‘ã‘ã®å‹‰å¼·ä¼šã§åˆ©ç”¨ã—ãŸã‚¹ãƒ©ã‚¤ãƒ‰ã§ã™ã€‚å‹‰å¼·ä¼šã«ã¯ãƒãƒ³ã‚ºã‚ªãƒ³ãŒçµ„ã¿è¾¼ã¾ã‚Œã¦ã„ãŸã®ã§ã€ã“ã®è³‡æ–™ã«ã¯ä¸é€”åŠç«¯ãªéƒ¨åˆ†ãŒã‚ã‚Šã¾ã™ãŒã”å®¹èµ¦ãã ã•ã„ã€‚ (*'-'*) å†…å®¹çš„ã«ã¯ã€åŸºç¤Žçš„ãªäº‹æŸ„ã‚’ã€æ´»ç”¨ã®ãŸã‚ã®è€ƒãˆæ–¹ã‚’æ·»ãˆã¦è§£èª¬ã—ã¦ã„ã¾ã™ã€‚ä½•ã‹ã®å‚è€ƒã«ãªã‚Œã°å¹¸ã„ã§ã™ã€‚Read less
udzura 2013/11/20
compass

css

sass
ãƒªãƒ³ã‚¯
GitHub - hecbuma/compass-bootstrap: Sass Port of twitter bootstrap as part of the Compass Stylesheet Framework.
udzura 2013/05/02
compass

bootstrap

sass

scss
ãƒªãƒ³ã‚¯
Sinatra Integration
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
udzura 2013/05/02
ã†ã‚€

compass

sinatra
ãƒªãƒ³ã‚¯
[Compass] è¶…è¨³ Configuration Reference
CSSã®ãƒ¡ã‚¿è¨€èªžã€Sassãƒ™ãƒ¼ã‚¹ã§ä½œã‚‰ã‚ŒãŸä¾¿åˆ©ãªãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ãã‚ŒãŒCompassã€‚ Compassã®è¨å®šãƒ•ã‚¡ã‚¤ãƒ«ã¯Rubyãƒ•ã‚¡ã‚¤ãƒ«ã§ã™ã€‚ ã“ã‚Œã¯Rubyã‚’çŸ¥ã£ã¦ã„ã‚Œã°è‰²ã€…ãªã“ã¨ãŒå‡ºæ¥ã‚‹ã¨ã„ã†ã“ã¨ãªã‚“ã§ã™ãŒã€é€†ã«Rubyã‚’çŸ¥ã‚‰ãªã„ã¨å–ã£ã¤ãã«ãã•ãŒã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚ ãã‚Œã§æã‚’ã—ã¦ã—ã¾ã†ã®ã¯ã‚ã¾ã‚Šã«å‹¿ä½“ç„¡ã„ã®ã§ã€ã‚ªãƒ¬ã‚ªãƒ¬ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã‚’æ›¸ã„ã¦ã¿ã¾ã—ãŸï¼ â€»ã“ã®è¨˜äº‹ã¯å®Œå…¨ãªå’Œè¨³ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ åŸºæœ¬çš„ãªæ›¸ãæ–¹ ã‚³ãƒ¡ãƒ³ãƒˆ Windowsãƒ¦ãƒ¼ã‚¶ãƒ¼å‘ã‘ã®æ³¨æ„ è¨å®šé …ç›® å‹•ä½œã«å½±éŸ¿ã™ã‚‹ã‚‚ã® URLé–¢é€£ Spriteç”»åƒã®è‡ªå‹•ç”Ÿæˆç”¨ ã‚³ãƒžãƒ³ãƒ‰ãƒ©ã‚¤ãƒ³ã§ã®ã‚ªãƒ¼ãƒãƒ¼ãƒ©ã‚¤ãƒ‰ ã‚³ãƒžãƒ³ãƒ‰ãƒ©ã‚¤ãƒ³çµŒç”±ã§æ¸¡ã•ã‚Œã‚‹è¨å®šã®æ¤œæŸ» Compass ç”¨ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®èªã¿è¾¼ã¿ ã‚³ãƒ³ãƒ•ã‚£ã‚°é–¢æ•° add_import_path asset_host asset_cache_buster watch ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯ on_sprite_sav
udzura 2012/10/01
ã“ã‚“ãªã«è¤‡é›‘æ€ªå¥‡ãªAPIã‚’æœ‰ã—ã¦ã„ã‚‹ã®ã‹â€¦â€¦

compass

css
ãƒªãƒ³ã‚¯
Sprite Magic Selectors | Compass Documentation
If you want to add selectors for your sprites, it's easy todo by adding _active _target or _hover to the file name, In the example below we have a sprite directory that looks like: * note you can use - in file names also ex. glossy-active.png * * my-buttons/glossy.png * my-buttons/glossy_hover.png * my-buttons/glossy_active.png * my-buttons/glossy_target.png Now in our sass file we add: @import "m
udzura 2012/07/10
ä½¿ã£ã¦ã‚‹ã¯ãšãªã®ã«ä»•çµ„ã¿ã‚’ã‚ˆãåˆ†ã‹ã£ã¦ã„ãªã‹ã£ãŸâ€¦

png

sass

compile

compass
ãƒªãƒ³ã‚¯
1