SCSS(8)

6follower
Yukimi Sato さんのアバター 27views

【CSS】複数読み込んでいたCSSを1つにまとめる

PageSpeedさんに「読み込むリソース多いよ!」と怒られた?ので、CSSを雑に1つにまとめてみました。 纏めたCSS bootstrap.min.css bootstrap-responsive.min.css odome... 2016年10月13日
Yukimi Sato さんのアバター 24views

【CSS】他の値と計算する

$headerHeight : 100px; $menuHeight : 40px; #wrapper { padding-top : $headerHeight + $menuHeight; } こうすることで高さが変わっても一箇... 2015年7月16日
Yukimi Sato さんのアバター 191views

Font Awesomeを少しだけ使いやすくするTips

Font Awesomeは使用する時に2つクラスを指定しないといけません。 一つは「.fa」、もう一つは「.fa-◯◯」というアイコン指定のクラスです。 ただ、毎回HTMLで「.fa」も入れるのは手間だし忘れてしまいますよね。 そんな時は... 2014年7月18日
Yukimi Sato さんのアバター 155views

@extendと@mixinの違い

@extend /*ベースとなるクラス例*/ .red{ color:red; } /*記述方法*/ a{ @extend .red; } /*出力内容*/ a{ color:red; }   @mixin /*ベース... 2014年7月2日
Yukimi Sato さんのアバター 154views

Scssで&を使って記述を短縮する

通常時は a{ text-decoration:none; } a:hover{ text-decoration:underline; } と別々に記述しているところも、 a{ text-decoration:none; &... 2014年7月2日
harada さんのアバター 1,534views

Sass(SCSS)のmixinを利用して角丸指定を楽にする

Sassを利用してcssを記述する場合あらかじめ下記のようにmixinを設定しておくと、後で指定が楽になります。 @mixin border-radius($radius) { -webkit-border-radius: $radi... 2014年4月14日
Yukimi Sato さんのアバター 593views

【SASS】partialのパスは相対パスであれば辿れる

@import "mixins"; と書いていたパスも @import "../../themes/default/sass/mixins"; と相対パスで記述することで、別階層にある設定ファイ... 2014年3月24日
Yukimi Sato さんのアバター 284views

記事詳細のページャーのSCSS

今回、記事詳細下部にあるページャーの位置とデザインを若干調整しました。 .pager{ margin-top:40px; padding-top:20px; border-top:1px solid #EEEEEE; li{ ... 2014年2月27日