foundation.scss 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150
  1. /**
  2. * Foundation for Sites by ZURB
  3. * Version 6.5.3
  4. * foundation.zurb.com
  5. * Licensed under MIT Open Source
  6. */
  7. // Dependencies
  8. @import 'vendor/normalize';
  9. @import '../_vendor/sassy-lists/stylesheets/helpers/missing-dependencies';
  10. @import '../_vendor/sassy-lists/stylesheets/helpers/true';
  11. @import '../_vendor/sassy-lists/stylesheets/functions/contain';
  12. @import '../_vendor/sassy-lists/stylesheets/functions/purge';
  13. @import '../_vendor/sassy-lists/stylesheets/functions/remove';
  14. @import '../_vendor/sassy-lists/stylesheets/functions/replace';
  15. @import '../_vendor/sassy-lists/stylesheets/functions/to-list';
  16. // --- Settings ---
  17. // import your own `settings` here or
  18. // import and modify the default settings through
  19. // @import 'settings/settings';
  20. // --- Components ---
  21. // Utilities
  22. @import 'util/util';
  23. // Global styles
  24. @import 'global';
  25. @import 'forms/forms';
  26. @import 'typography/typography';
  27. // Grids
  28. @import 'grid/grid';
  29. @import 'xy-grid/xy-grid';
  30. // Generic components
  31. @import 'components/button';
  32. @import 'components/button-group';
  33. @import 'components/close-button';
  34. @import 'components/label';
  35. @import 'components/progress-bar';
  36. @import 'components/slider';
  37. @import 'components/switch';
  38. @import 'components/table';
  39. // Basic components
  40. @import 'components/badge';
  41. @import 'components/breadcrumbs';
  42. @import 'components/callout';
  43. @import 'components/card';
  44. @import 'components/dropdown';
  45. @import 'components/pagination';
  46. @import 'components/tooltip';
  47. // Containers
  48. @import 'components/accordion';
  49. @import 'components/media-object';
  50. @import 'components/orbit';
  51. @import 'components/responsive-embed';
  52. @import 'components/tabs';
  53. @import 'components/thumbnail';
  54. // Menu-based containers
  55. @import 'components/menu';
  56. @import 'components/menu-icon';
  57. @import 'components/accordion-menu';
  58. @import 'components/drilldown';
  59. @import 'components/dropdown-menu';
  60. // Layout components
  61. @import 'components/off-canvas';
  62. @import 'components/reveal';
  63. @import 'components/sticky';
  64. @import 'components/title-bar';
  65. @import 'components/top-bar';
  66. // Helpers
  67. @import 'components/float';
  68. @import 'components/flex';
  69. @import 'components/visibility';
  70. @import 'prototype/prototype';
  71. @mixin foundation-everything(
  72. $flex: true,
  73. $prototype: false
  74. ) {
  75. @if $flex {
  76. $global-flexbox: true !global;
  77. }
  78. // Global styles
  79. @include foundation-global-styles;
  80. @include foundation-forms;
  81. @include foundation-typography;
  82. // Grids
  83. @if not $flex {
  84. @include foundation-grid;
  85. }
  86. @else {
  87. @if $xy-grid {
  88. @include foundation-xy-grid-classes;
  89. }
  90. @else {
  91. @include foundation-flex-grid;
  92. }
  93. }
  94. // Generic components
  95. @include foundation-button;
  96. @include foundation-button-group;
  97. @include foundation-close-button;
  98. @include foundation-label;
  99. @include foundation-progress-bar;
  100. @include foundation-slider;
  101. @include foundation-switch;
  102. @include foundation-table;
  103. // Basic components
  104. @include foundation-badge;
  105. @include foundation-breadcrumbs;
  106. @include foundation-callout;
  107. @include foundation-card;
  108. @include foundation-dropdown;
  109. @include foundation-pagination;
  110. @include foundation-tooltip;
  111. // Containers
  112. @include foundation-accordion;
  113. @include foundation-media-object;
  114. @include foundation-orbit;
  115. @include foundation-responsive-embed;
  116. @include foundation-tabs;
  117. @include foundation-thumbnail;
  118. // Menu-based containers
  119. @include foundation-menu;
  120. @include foundation-menu-icon;
  121. @include foundation-accordion-menu;
  122. @include foundation-drilldown-menu;
  123. @include foundation-dropdown-menu;
  124. // Layout components
  125. @include foundation-off-canvas;
  126. @include foundation-reveal;
  127. @include foundation-sticky;
  128. @include foundation-title-bar;
  129. @include foundation-top-bar;
  130. // Helpers
  131. @include foundation-float-classes;
  132. @if $flex { @include foundation-flex-classes; }
  133. @include foundation-visibility-classes;
  134. @if $prototype { @include foundation-prototype-classes; }
  135. }