_utils.scss 1.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. .clearfix {
  2. @include clearfix();
  3. }
  4. .highlight-word {
  5. color: $orange;
  6. }
  7. // Close icons
  8. // --------------------------------------------------
  9. .close {
  10. float: right;
  11. font-size: 20px;
  12. font-weight: bold;
  13. line-height: $line-height-base;
  14. color: $black;
  15. text-shadow: 0 1px 0 rgba(255,255,255,1);
  16. @include opacity(20);
  17. &:hover,
  18. &:focus {
  19. color: $black;
  20. text-decoration: none;
  21. cursor: pointer;
  22. @include opacity(40);
  23. }
  24. }
  25. // Additional properties for button version
  26. // iOS requires the button element instead of an anchor tag.
  27. // If you want the anchor version, it requires `href="#"`.
  28. button.close {
  29. padding: 0;
  30. cursor: pointer;
  31. background: transparent;
  32. border: 0;
  33. -webkit-appearance: none;
  34. }
  35. //
  36. // Utility classes
  37. // --------------------------------------------------
  38. // Quick floats
  39. .pull-right {
  40. float: right;
  41. }
  42. .pull-left {
  43. float: left;
  44. }
  45. // Toggling content
  46. .hide {
  47. display: none;
  48. }
  49. .show {
  50. display: block;
  51. }
  52. // Visibility
  53. .invisible {
  54. visibility: hidden;
  55. }
  56. // For Affix plugin
  57. .affix {
  58. position: fixed;
  59. }