_utils.scss 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. .clearfix {
  2. @include clearfix();
  3. }
  4. .highlight-word {
  5. color: $brand-primary;
  6. }
  7. // Close icons
  8. // --------------------------------------------------
  9. .close {
  10. @include opacity(20);
  11. float: right;
  12. font-size: 20px;
  13. font-weight: bold;
  14. line-height: $line-height-base;
  15. color: $black;
  16. text-shadow: 0 1px 0 rgba(255,255,255,1);
  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 !important;
  41. }
  42. .pull-left {
  43. float: left !important;
  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. }