|
367 | 367 | // </tr>
|
368 | 368 | // </table>
|
369 | 369 | // </pre>
|
370 |
| - |
371 |
| -// # .lib-url-check() |
372 |
| -// |
373 |
| -// The <code>.lib-url-check()</code> mixin wraps passed value with 'url( ... )' and returns <code>@lib-url-check-output</code> variable. Can be used with <code>.lib-css()</code> mixin. |
374 |
| -// |
375 |
| - |
376 |
| -.example-url-check { |
377 |
| - // Set image path variable |
378 |
| - @_icon-image: '/images/test.png'; |
379 |
| - |
380 |
| - // "Call" the mixin |
381 |
| - .lib-url-check(@_icon-image); |
382 |
| - |
383 |
| - // Will return url('/images/test.png') |
384 |
| - .lib-css(background, #eee @lib-url-check-output no-repeat 0 0); |
385 |
| -} |
386 |
| - |
387 |
| -// |
388 |
| -// If the variable is set to <code>false</code>, the <code>.lib-url-check()</code> will return false. |
389 |
| -// |
390 |
| -// ``` |
391 |
| -// <div class="example-url-check"> |
392 |
| -// Block with background. |
393 |
| -// </div> |
394 |
| -// ``` |
395 |
| -// |
396 |
| - |
397 |
| -.example-url-check-false { |
398 |
| - // Set usage image path to false |
399 |
| - @_icon-image: false; |
400 |
| - |
401 |
| - // "Call" the mixin |
402 |
| - .lib-url-check(@_icon-image); |
403 |
| - |
404 |
| - // Will return 'false' and outputs nothing |
405 |
| - .lib-css(background, #eee @lib-url-check-output no-repeat 0 0); |
406 |
| -} |
407 |
| - |
408 |
| -// ``` |
409 |
| -// <div class="example-url-check-false"> |
410 |
| -// Block with no background. |
411 |
| -// </div> |
412 |
| -// ``` |
413 |
| -// |
414 |
| - |
415 |
| -// # .lib-url-check() variables |
416 |
| -// |
417 |
| -// <pre> |
418 |
| -// <table> |
419 |
| -// <tr> |
420 |
| -// <th class="vars_head">Mixin variable</th> |
421 |
| -// <th class="vars_head">Allowed values</th> |
422 |
| -// <th class="vars_head">Output variable</th> |
423 |
| -// <th class="vars_head">Comment</th> |
424 |
| -// </tr> |
425 |
| -// <tr> |
426 |
| -// <th>@_path</th> |
427 |
| -// <td class="vars_value">'' | false | value</td> |
428 |
| -// <td class="vars_value">@lib-url-check-output</td> |
429 |
| -// <td>Passed url to wrap in 'url( ... )'. If the 'false' value passed mixin will return 'false'</td> |
430 |
| -// </tr> |
431 |
| -// </table> |
432 |
| -// </pre> |
0 commit comments