「Sass」タグアーカイブ

【Ruby Sass】Ruby Sass is deprecated and will be unmaintained as of 26 March 2019.【更新されなくなるってよ】

今日なにげにsassをインストールし直したら下記が。。

Ruby Sass is deprecated and will be unmaintained as of 26 March 2019.

* If you use Sass as a command-line tool, we recommend using Dart Sass, the new
  primary implementation: https://sass-lang.com/install

* If you use Sass as a plug-in for a Ruby web framework, we recommend using the
  sassc gem: https://github.com/sass/sassc-ruby#readme

* For more details, please refer to the Sass blog:
  http://sass.logdown.com/posts/7081811

Successfully installed sass-3.6.0

あら。

Ruby SassメンテされなくなるからDart Sassに移行してねだって。

続きを読む 【Ruby Sass】Ruby Sass is deprecated and will be unmaintained as of 26 March 2019.【更新されなくなるってよ】

【Sass】もうなれたよね【macOS更新時】【再インストール】

[追記]
これまとめた後でインストール時にメッセージでてたの気づいたので更にSass自体のバージョンチェックと更新作業した。

【Ruby Sass】Ruby Sass is deprecated and will be unmaintained as of 26 March 2019.【更新されなくなるってよ】


[/追記]

自分で過去記事↓読んでて時系列で要点が分かりづらかったのでメモ

【Sass】何度でも何度でも何度でも立ち上がり呼ぶよ【インストール】 | hirokona

【Sass】何度でも何度でも何度でも立ち上がり呼ぶよ【インストール】

要点だけここに抜粋

ruby→sassの順にインスコ(homebrew使用)

$ brew install rbenv ruby-build
$ sudo gem install -n /usr/local/bin sass

続きを読む 【Sass】もうなれたよね【macOS更新時】【再インストール】

Compassでええかげんスプライト画像つくれよ俺

使った感想。べんりだなぁ。でも覚えるまではめんどくさいなぁ。
覚えては忘れるTipsをなんとかせねばばばばっばばばっばb

Compassで簡単CSSスプライト | toybox-design.net :
http://toybox-design.net/?p=622

make a record of…: [compass] cssスプライト画像のファイル名をシンプルにする :
http://satussy.blogspot.jp/2013/08/compass-css.html

楽して時間短縮!Compassで作ったスプライト画像でRetina対応を行う方法 | 株式会社LIG :
http://liginc.co.jp/web/html-css/other-html-css/35502

sass compass Links

あとで読む

■しーえすえすぷりふろふぇっさあどべんとかれんだーにせんじゅうに
http://www.adventar.org/calendars/1

ありがたや~ありがたや~
@if は関数じゃなくてディレクティ部ってやつなのか。(字違

http://met.hanatoweb.jp/archives/351/

https://speakerdeck.com/ken_c_lo/zurui-design

■compassと一緒につかうcss3ボタン生成gem
http://jaredhardy.com/sassy-buttons/

■sass functions
http://sass-lang.com/docs/yardoc/Sass/Script/Functions.html#percentage-instance_method

アップデート

■アップデートの方法
人の作ったsassファイルが動かなかったので?とおもったら新機能使ってるからだった
自動で更新されるわけじゃないのね。。
http://frmmpgit.blog.fc2.com/blog-entry-75.html

久しぶりに黒い画面叩いてドキドキしたw

■バージョンの確認
これをたたくだけ
sass –version

その他

■compassから読み込んだcss3のミックスインなどをどうしてもカスタマイズしたい時
http://tech.naver.jp/blog/?p=2268

compassのcss3関連のミックスインの定義に依るため、ユーザ側が意識することはありません。(compassが勝手にやってくれます)

逆に言うと、この部分の設定をどうしても変更したい場合は、変更した同名のmixinをcompassのimportより”あと”に定義して、compassのmixinを上書きする必要があります。詳しいやり方については後述します。

sublimetext2で自動コンパイル

sublimetext2なら
compass_start.bat
をフォルダに入れておかなくても自動で
config.rb
を見てコンパイルしてくれる
ありがたいー

http://dev.classmethod.jp/tool/scss-compass-fast-development-for-sublime-text-2-compile/
6.プロジェクトの作成前後あたりから

config.rbの設定

あ、そうか。scssのディレクトリに入れとけば全部バラけないですむのか。
気づかなかった!!
http://hamatag.tumblr.com/post/6039253547/compass-sass

[2013.10.22 追記]

youtube

なんかながれてきた
http://www.youtube.com/SassBites
[//2013.10.22 追記]

Sass -思いだせ!俺!

やっと新規で案件をすることになったのでsassでやろーとおもったら、、
え、なにこれ、どやって使ってたっけ。。って愕然となったのでメモ。
sassとcompassのインストールは前回やっているのでOK。
使い方だけを復習。

■おさらい
sassはコマンドラインでscssを「watch」させ、その内容をcssに置き換えたファイルを吐き出してつかうのでした。
.scssファイルはてけとーにテキストエディタで作れる

コマンドライン叩いて、どこのscss触ったらどこのcssを上書きしろと命令するのが基本

コマンドライン毎回叩くのがめんどいのでCompass入れて、設定ファイルクリックでcmdを開始させることができる
まず下記記事参考にサイトのルートディレクトリに「config.rb」という名前でディレクトリなどの基本情報を保存
http://www.skyward-design.net/blog/archives/000118.html


「compass watch」とだけ書いたファイルを、「compass_start.bat」という名前でconfig.rbと同じディレクトリに置く
ダブルクリックすると目的のディレクトリに移動した状態でコマンドプロンプトが開始され、.scssの変更が監視される

やばいやばい。