[Laravel 6.x]Route::get()で設定したURLパラメーターの取得
Laravel6.xでRoute::get('/path/to/{id}')で設定したidの取得方法について。
HOME>WEBプログラム覚書>[CSS][LESS] リンクの色を簡単に設定するmixin
[CSS][LESS] リンクの色を簡単に設定するmixin
まぁCompassのパクリなんですけど。 Compass Link Colors | Compass Documentation
mixinを書くファイルにこんな感じで書いておきます。
mixin.less
- .link-colors (@normal: #00C, @hover: #0CC, @active: #C0C, @visited: #CCC, @focus: #CC0) {
- color: @normal;
- &:link {
- color: @normal;
- }
- &:visited {
- color: @visited;
- }
- &:hover {
- color: @hover;
- }
- &:active {
- color: @active;
- }
- &:focus {
- color: @focus;
- }
- }
上記を利用するには下記のように書きます。
doc.less
- a {
- .link-colors;
- }
- .element {
- a {
- .link-colors(#000, #444, #888);
- }
- }
コンパイル結果はこんな感じになります。
compile.css
- a {
- color: #0000cc;
- }
- a:link {
- color: #0000cc;
- }
- a:visited {
- color: #cccccc;
- }
- a:hover {
- color: #00cccc;
- }
- a:active {
- color: #cc00cc;
- }
- a:focus {
- color: #cccc00;
- }
- .element a {
- color: black;
- }
- .element a:link {
- color: black;
- }
- .element a:visited {
- color: #cccccc;
- }
- .element a:hover {
- color: #444444;
- }
- .element a:active {
- color: #888888;
- }
- .element a:focus {
- color: #cccc00;
- }
便利ですねー。
CompassってかSASSはWindowsで利用できるようにするにはちょいと手間過ぎるんですよね。 自分ひとりでやる場合はいいんだけど、引き継ぎとか納品とかある場合、LESSの方が簡単に環境を整えられるので 気軽にCSSのメタ言語を試したい場合、LESSがおススメです。
| 投稿日 | 2012年5月25日 13:22 |
|---|---|
| カテゴリ | HTML/CSS |
| タグ | CSS3 | LESS |
| トラックバック URL | http://www.kantenna.com/cgi-bin/mt504/mt-tb.cgi/1302 |
コメント