Tag : scss

【mixin】compassに頼らないでflexboxのmixinを作ってみた話

フレキシブルにボックスを変化させるレスポンシブ時代の救世主(?)flexbox。いつまでもcompassに頼っているのもどうかなと思って少しは自分で@mixin...

【CSS】CSSだけを使ってアプリによくあるフリックすると動くメニューを作ってみた話

アプリを使ってるとよく見るフリックすると、そこのブロックだけが動くメニューのUI。あれを再現してみることにしました。パッと見、javascriptも使ってそうな...

【CSS】外部サイトへの別タブリンクとPDFへのリンクに自動的にアイコンをつける

外部サイトへのリンクが別タブで開くように設定しているときやリンク先がPDFファイルだということを指定しといたとき、あらかじめアイコン表示がされていると便利ですよ...

【mixin】テキストリンクの色を一括で設定しちゃうmixinを作ってみた話

そんな大した代物でも何でもないんですが、scssの練習がてらに作ってみたテキストリンクの色を一括で設定しちゃうmixinです。 リンクカラーを設定するmixi...

【wordpress】画像の回り込みとテキスト寄せを一気に設定してみた話【SCSS】

wordpressで生成されるclassの「textleft, textright, textcenter, alignleft, alignright, al...

【CSS】正方形の画像を円形にトリミングする

最近、googleのマテリアルデザインのおかげで何かと目にするになった円形トリミングを画像に適用するということについてです。以前、トリミングの話を書いたときは、...

【wordpress】管理画面の「表示オプション・ヘルプ・WordPress のご利用ありがとうございます。・ バージョン 名」を非表示にしてみた。

wordpressの管理画面のカスタマイズはする必要もないことのほうが多いけれど、自分以外の誰かもログインするとなると別です。そんなとき、管理画面に出てる「表示...