James Peret's blog. Built with Jekyll and the Mikey theme.

_utilities.scss 1.5KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
  1. //
  2. // Utilities
  3. // --------------------------------------------------
  4. //
  5. // Credit: Bootstrap 3
  6. // Floats
  7. // -------------------------
  8. .u-clearfix {
  9. @include clearfix();
  10. }
  11. .u-alignRight {
  12. float: right !important;
  13. }
  14. .u-alignLeft {
  15. float: left !important;
  16. }
  17. .u-alignCenter {
  18. text-align: center !important;
  19. }
  20. // Table display
  21. // -------------------------
  22. .u-table {
  23. display: table !important;
  24. &:before {
  25. height: auto !important;
  26. display: inherit !important;
  27. }
  28. }
  29. .u-tableCell {
  30. display: table-cell !important;
  31. }
  32. .u-verticalAlignTop {
  33. vertical-align: top !important;
  34. }
  35. .u-verticalAlignMiddle {
  36. vertical-align: middle !important;
  37. }
  38. .u-verticalAlignBottom {
  39. vertical-align: bottom !important;
  40. }
  41. // Toggling content
  42. // -------------------------
  43. // Note: Deprecated .hide in favor of .hidden or .sr-only (as appropriate) in v3.0.1
  44. .hide {
  45. display: none !important;
  46. }
  47. .show {
  48. display: block !important;
  49. }
  50. .invisible {
  51. visibility: hidden;
  52. }
  53. // Hide from screenreaders and browsers
  54. //
  55. // Credit: HTML5 Boilerplate
  56. .hidden {
  57. display: none !important;
  58. visibility: hidden !important;
  59. }
  60. .is-blurred {
  61. -webkit-filter: blur(10px);
  62. -moz-filter: blur(10px);
  63. -o-filter: blur(10px);
  64. filter: blur(10px);
  65. -webkit-transition: all 0.5s;
  66. -moz-transition: all 0.5s;
  67. -o-transition: all 0.5s;
  68. transition: all 0.5s;
  69. }
  70. .u-overflow-y-hidden {
  71. overflow-y: hidden;
  72. }
  73. .u-scrollbar-hidden {
  74. padding-right: 15px;
  75. }
  76. .u-clearHr {
  77. clear: both;
  78. visibility: hidden;
  79. }