@tacc/core-styles 0.10.0 → 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (275) hide show
  1. package/README.md +107 -85
  2. package/dist/branding_logos.css +1 -1
  3. package/dist/components/README.css +1 -1
  4. package/dist/components/bootstrap/bootstrap--form.demo.css +1 -0
  5. package/dist/components/bootstrap/bootstrap--modal.demo.css +1 -0
  6. package/dist/components/bootstrap/demo.css +1 -0
  7. package/dist/components/bootstrap.container.css +1 -1
  8. package/dist/components/bootstrap.css +1 -0
  9. package/dist/components/bootstrap.figure.css +1 -1
  10. package/dist/components/bootstrap.form.css +1 -1
  11. package/dist/components/bootstrap.modal.css +1 -1
  12. package/dist/components/bootstrap.pagination.css +1 -1
  13. package/dist/components/c-button/demo.css +1 -0
  14. package/dist/components/c-button.css +1 -1
  15. package/dist/components/c-callout.css +1 -1
  16. package/dist/components/c-card.css +1 -1
  17. package/dist/components/c-data-list.css +1 -1
  18. package/dist/components/c-footer.css +1 -1
  19. package/dist/components/c-form.css +1 -0
  20. package/dist/components/c-image-map.css +1 -1
  21. package/dist/components/c-image-map.skin.css +1 -1
  22. package/dist/components/c-image-map.structure.css +1 -1
  23. package/dist/components/c-message.css +1 -1
  24. package/dist/components/c-nav.css +1 -1
  25. package/dist/components/c-page.css +1 -1
  26. package/dist/components/c-recognition.css +1 -1
  27. package/dist/components/c-see-all-link.css +1 -1
  28. package/dist/components/c-show-more.css +1 -1
  29. package/dist/components/cortal.icon.css +1 -1
  30. package/dist/components/cortal.icon.font.css +1 -1
  31. package/dist/components/django-cms-forms.css +1 -0
  32. package/dist/components/django-cms-forms.hacks.css +1 -0
  33. package/dist/components/mui.tabs.css +1 -0
  34. package/dist/core-styles.base.css +4 -0
  35. package/dist/core-styles.cms.css +2 -0
  36. package/dist/core-styles.demo.css +2 -0
  37. package/dist/core-styles.header.css +2 -0
  38. package/dist/core-styles.portal.css +2 -0
  39. package/dist/core-styles.settings.css +3 -0
  40. package/dist/elements/README.css +1 -1
  41. package/dist/elements/bootstrap.css +1 -1
  42. package/dist/elements/demo.css +1 -0
  43. package/dist/elements/form.cms.css +1 -1
  44. package/dist/elements/html-elements.cms.css +1 -1
  45. package/dist/elements/html-elements.css +1 -0
  46. package/dist/elements/links/demo.css +1 -0
  47. package/dist/elements/links.css +1 -1
  48. package/dist/elements/table--basic.css +1 -1
  49. package/dist/elements/table--nested.css +1 -1
  50. package/dist/elements/table.css +1 -1
  51. package/dist/elements/tacc-search-bar.css +1 -1
  52. package/dist/fonts/BentonSans-Black.otf +0 -0
  53. package/dist/fonts/BentonSans-RegularItalic.otf +0 -0
  54. package/dist/fractal.server.refresh.css +1 -1
  55. package/dist/generics/README.css +1 -1
  56. package/dist/generics/fonts.css +1 -1
  57. package/dist/objects/README.css +1 -1
  58. package/dist/objects/o-fixed-header-table/demo.css +1 -0
  59. package/dist/objects/o-fixed-header-table.css +1 -1
  60. package/dist/objects/o-flex-item-table-wrap/demo.css +1 -0
  61. package/dist/objects/o-flex-item-table-wrap.css +1 -1
  62. package/dist/objects/o-float-content.css +1 -1
  63. package/dist/objects/o-grid.css +1 -1
  64. package/dist/objects/o-offset-content.css +1 -1
  65. package/dist/objects/o-section.css +1 -1
  66. package/dist/objects/o-site.css +1 -1
  67. package/dist/objects/o-table-wrap/demo.basic.css +1 -0
  68. package/dist/objects/o-table-wrap/demo.extra.css +1 -0
  69. package/dist/objects/o-table-wrap/extra.flexible-horz.css +1 -0
  70. package/dist/objects/o-table-wrap/extra.overflow-hidden.css +1 -0
  71. package/dist/objects/o-table-wrap/extra.overflow-scroll.css +1 -0
  72. package/dist/objects/o-table-wrap/o-table-wrap--flexible-horz.css +1 -0
  73. package/dist/objects/o-table-wrap/o-table-wrap--flexible-vert.css +1 -0
  74. package/dist/objects/o-table-wrap/o-table-wrap--overflow-hidden.css +1 -0
  75. package/dist/objects/o-table-wrap/o-table-wrap--overflow-scroll-extra.css +1 -0
  76. package/dist/objects/o-table-wrap/o-table-wrap--overflow-scroll.css +1 -0
  77. package/dist/objects/o-table-wrap.css +1 -0
  78. package/dist/settings/README.css +1 -1
  79. package/dist/settings/border.css +1 -1
  80. package/dist/settings/color.css +1 -1
  81. package/dist/settings/font.css +1 -1
  82. package/dist/settings/max-width.css +1 -1
  83. package/dist/settings/space.css +1 -1
  84. package/dist/tools/README.css +1 -1
  85. package/dist/tools/media-queries.css +1 -1
  86. package/dist/tools/x-article-link.css +1 -1
  87. package/dist/tools/x-center.css +1 -1
  88. package/dist/tools/x-fake-border.css +1 -1
  89. package/dist/tools/x-grid.css +1 -1
  90. package/dist/tools/x-layout.css +1 -1
  91. package/dist/tools/x-link/demo.css +1 -0
  92. package/dist/tools/x-link.css +1 -1
  93. package/dist/tools/x-mailto-text-replace.css +1 -1
  94. package/dist/tools/x-overlay.css +1 -1
  95. package/dist/tools/x-truncate.css +1 -1
  96. package/dist/trumps/README.css +1 -1
  97. package/dist/trumps/s-affixed-input-wrapper/demo.css +1 -0
  98. package/dist/trumps/s-affixed-input-wrapper.css +1 -1
  99. package/dist/trumps/s-article-list.css +1 -1
  100. package/dist/trumps/s-article-preview.css +1 -1
  101. package/dist/trumps/s-blockquote.css +1 -1
  102. package/dist/trumps/s-breadcrumbs.css +1 -1
  103. package/dist/trumps/s-cms-nav.css +1 -1
  104. package/dist/trumps/s-document.css +1 -1
  105. package/dist/trumps/s-footer.css +1 -1
  106. package/dist/trumps/s-guide-doc.css +1 -1
  107. package/dist/trumps/s-header.bootstrap.css +1 -0
  108. package/dist/trumps/s-header.css +1 -1
  109. package/dist/trumps/s-inline-dl.css +1 -1
  110. package/dist/trumps/s-irregular-links.css +1 -1
  111. package/dist/trumps/s-portal-nav.css +1 -1
  112. package/dist/trumps/s-style-guide.css +1 -1
  113. package/dist/trumps/s-system-specs.css +1 -1
  114. package/dist/trumps/tacc-search-bar.css +1 -1
  115. package/dist/trumps/u-empty.css +1 -1
  116. package/dist/trumps/u-hide.css +1 -1
  117. package/dist/trumps/u-mailto-text-replace.css +1 -1
  118. package/dist/trumps/u-nested-text-content.css +1 -1
  119. package/docs/index.md +10 -5
  120. package/docs/shortcuts/tables.md +7 -0
  121. package/fractal.config.js +33 -17
  122. package/package.json +11 -7
  123. package/src/.postcssrc.base.yml +11 -2
  124. package/src/bin/build.js +0 -1
  125. package/src/lib/_imports/_partials/text-of-one-paragraph.hbs +1 -0
  126. package/src/lib/_imports/_partials/text-of-one-sentence.hbs +1 -0
  127. package/src/lib/_imports/_preview.hbs +95 -42
  128. package/src/lib/_imports/branding_logos.css +0 -2
  129. package/src/lib/_imports/components/bootstrap/{bootstrap.container/bootstrap.container.hbs → bootstrap--container.hbs} +0 -0
  130. package/src/lib/_imports/components/bootstrap/{bootstrap.container/readme.md → bootstrap--container.readme.md} +0 -0
  131. package/src/lib/_imports/components/bootstrap/{portal/bootstrap.form/docs.css → bootstrap--form.demo.css} +0 -0
  132. package/src/lib/_imports/components/bootstrap/{portal/bootstrap.form/bootstrap.form.hbs → bootstrap--form.hbs} +0 -2
  133. package/src/lib/_imports/components/bootstrap/{portal/bootstrap.form/readme.md → bootstrap--form.readme.md} +0 -0
  134. package/src/lib/_imports/components/bootstrap/{bootstrap.modal/docs.css → bootstrap--modal.demo.css} +0 -0
  135. package/src/lib/_imports/components/bootstrap/{bootstrap.modal/bootstrap.modal.hbs → bootstrap--modal.hbs} +0 -2
  136. package/src/lib/_imports/components/bootstrap/{bootstrap.modal/readme.md → bootstrap--modal.readme.md} +4 -0
  137. package/src/lib/_imports/components/bootstrap/bootstrap.hbs +6 -0
  138. package/src/lib/_imports/components/bootstrap/bootstrap.readme.md +14 -0
  139. package/src/lib/_imports/components/bootstrap/config.yml +12 -0
  140. package/src/lib/_imports/components/bootstrap/demo.css +7 -0
  141. package/src/lib/_imports/components/bootstrap.container.css +0 -1
  142. package/src/lib/_imports/components/bootstrap.css +3 -0
  143. package/src/lib/_imports/components/bootstrap.form.css +0 -1
  144. package/src/lib/_imports/components/bootstrap.modal.css +3 -0
  145. package/src/lib/_imports/components/c-button/c-button.hbs +12 -18
  146. package/src/lib/_imports/components/c-button/{docs.css → demo.css} +0 -5
  147. package/src/lib/_imports/components/c-button.css +15 -6
  148. package/src/lib/_imports/components/c-form/c-form.hbs +362 -0
  149. package/src/lib/_imports/components/c-form/config.yml +2 -0
  150. package/src/lib/_imports/components/c-form/readme.md +14 -0
  151. package/src/lib/_imports/components/c-form/toggle-field-errors.js +101 -0
  152. package/src/lib/_imports/components/c-form/toggle-required-fields.js +85 -0
  153. package/src/lib/_imports/components/c-form.css +176 -0
  154. package/src/lib/_imports/components/c-message.css +61 -24
  155. package/src/lib/_imports/components/cortal.icon.css +15 -6
  156. package/src/lib/_imports/components/django-cms-forms/config.yml +5 -0
  157. package/src/lib/_imports/components/django-cms-forms/django-cms-forms.hbs +404 -0
  158. package/src/lib/_imports/components/django-cms-forms/readme.md +20 -0
  159. package/src/lib/_imports/components/django-cms-forms.css +187 -0
  160. package/src/lib/_imports/components/django-cms-forms.hacks.css +59 -0
  161. package/src/lib/_imports/components/mui.tabs.css +30 -0
  162. package/src/lib/_imports/core-styles.base.css +54 -0
  163. package/src/lib/_imports/core-styles.cms.css +34 -0
  164. package/src/lib/_imports/core-styles.demo.css +23 -0
  165. package/src/lib/_imports/core-styles.header.css +37 -0
  166. package/src/lib/_imports/core-styles.portal.css +25 -0
  167. package/src/lib/_imports/core-styles.settings.css +9 -0
  168. package/src/lib/_imports/elements/demo.css +59 -0
  169. package/src/lib/_imports/elements/form.cms/readme.md +16 -0
  170. package/src/lib/_imports/elements/form.cms.css +5 -23
  171. package/src/lib/_imports/elements/html-elements.cms.css +6 -53
  172. package/src/lib/_imports/elements/html-elements.css +67 -0
  173. package/src/lib/_imports/elements/links/config.yml +3 -0
  174. package/src/lib/_imports/elements/links/links.hbs +0 -2
  175. package/src/lib/_imports/elements/links.css +3 -3
  176. package/src/lib/_imports/elements/table/config.yml +146 -0
  177. package/src/lib/_imports/elements/table/readme.md +12 -0
  178. package/src/lib/_imports/elements/table/table--nested.readme.md +12 -0
  179. package/src/lib/_imports/elements/table/table--paragraph.readme.md +12 -0
  180. package/src/lib/_imports/elements/table/table.hbs +52 -0
  181. package/src/lib/_imports/elements/table--basic.css +113 -0
  182. package/src/lib/_imports/elements/table--nested.css +61 -0
  183. package/src/lib/_imports/elements/table.css +2 -0
  184. package/src/lib/_imports/generics/fonts.css +21 -7
  185. package/src/lib/_imports/objects/o-fixed-header-table/config.yml +60 -0
  186. package/src/lib/_imports/objects/o-fixed-header-table/demo.css +18 -0
  187. package/src/lib/_imports/objects/o-fixed-header-table/o-fixed-header-table.hbs +3 -0
  188. package/src/lib/_imports/objects/o-fixed-header-table/readme.md +18 -0
  189. package/src/lib/_imports/objects/o-fixed-header-table.css +1 -27
  190. package/src/lib/_imports/objects/o-flex-item-table-wrap/config.yml +27 -0
  191. package/src/lib/_imports/objects/o-flex-item-table-wrap/demo.css +7 -0
  192. package/src/lib/_imports/objects/o-flex-item-table-wrap/o-flex-item-table-wrap.hbs +7 -0
  193. package/src/lib/_imports/objects/o-flex-item-table-wrap/readme.md +22 -0
  194. package/src/lib/_imports/objects/o-flex-item-table-wrap.css +0 -34
  195. package/src/lib/_imports/objects/o-float-content.css +0 -1
  196. package/src/lib/_imports/objects/o-section.css +0 -1
  197. package/src/lib/_imports/objects/o-site.css +1 -0
  198. package/src/lib/_imports/objects/o-table-wrap/config.yml +82 -0
  199. package/src/lib/_imports/objects/o-table-wrap/demo.basic.css +18 -0
  200. package/src/lib/_imports/objects/o-table-wrap/demo.extra.css +31 -0
  201. package/src/lib/_imports/objects/o-table-wrap/extra.flexible-horz.css +23 -0
  202. package/src/lib/_imports/objects/o-table-wrap/extra.overflow-hidden.css +7 -0
  203. package/src/lib/_imports/objects/o-table-wrap/extra.overflow-scroll.css +7 -0
  204. package/src/lib/_imports/objects/o-table-wrap/o-table-wrap--flexible-horz.css +4 -0
  205. package/src/lib/_imports/objects/o-table-wrap/o-table-wrap--flexible-horz.hbs +5 -0
  206. package/src/lib/_imports/objects/o-table-wrap/o-table-wrap--flexible-horz.readme.md +20 -0
  207. package/src/lib/_imports/objects/o-table-wrap/o-table-wrap--flexible-vert.css +3 -0
  208. package/src/lib/_imports/objects/o-table-wrap/o-table-wrap--flexible-vert.hbs +5 -0
  209. package/src/lib/_imports/objects/o-table-wrap/o-table-wrap--flexible-vert.readme.md +18 -0
  210. package/src/lib/_imports/objects/o-table-wrap/o-table-wrap--overflow-hidden.css +3 -0
  211. package/src/lib/_imports/objects/o-table-wrap/o-table-wrap--overflow-hidden.hbs +5 -0
  212. package/src/lib/_imports/objects/o-table-wrap/o-table-wrap--overflow-hidden.readme.md +14 -0
  213. package/src/lib/_imports/objects/o-table-wrap/o-table-wrap--overflow-scroll-extra.css +2 -0
  214. package/src/lib/_imports/objects/o-table-wrap/o-table-wrap--overflow-scroll-extra.hbs +18 -0
  215. package/src/lib/_imports/objects/o-table-wrap/o-table-wrap--overflow-scroll-extra.readme.md +18 -0
  216. package/src/lib/_imports/objects/o-table-wrap/o-table-wrap--overflow-scroll.css +5 -0
  217. package/src/lib/_imports/objects/o-table-wrap/o-table-wrap--overflow-scroll.hbs +5 -0
  218. package/src/lib/_imports/objects/o-table-wrap/o-table-wrap--overflow-scroll.readme.md +20 -0
  219. package/src/lib/_imports/objects/o-table-wrap/o-table-wrap.hbs +11 -0
  220. package/src/lib/_imports/objects/o-table-wrap/readme.md +24 -0
  221. package/src/lib/_imports/objects/o-table-wrap.css +5 -0
  222. package/src/lib/_imports/settings/color.css +29 -11
  223. package/src/lib/_imports/settings/font.css +2 -0
  224. package/src/lib/_imports/{elements/links/docs.css → tools/x-link/demo.css} +0 -0
  225. package/src/lib/_imports/tools/x-link/x-link.hbs +13 -2
  226. package/src/lib/_imports/tools/x-link.css +20 -3
  227. package/src/lib/_imports/trumps/s-affixed-input-wrapper/{readme.md → README.md} +0 -0
  228. package/src/lib/_imports/trumps/s-affixed-input-wrapper/config.yml +3 -2
  229. package/src/lib/_imports/trumps/s-affixed-input-wrapper/s-affixed-input-wrapper.hbs +26 -26
  230. package/src/lib/_imports/trumps/s-affixed-input-wrapper.css +9 -11
  231. package/src/lib/_imports/trumps/s-cms-nav.css +11 -0
  232. package/src/lib/_imports/trumps/s-header.bootstrap.css +30 -0
  233. package/src/lib/_imports/trumps/s-header.css +1 -0
  234. package/src/lib/_imports/trumps/s-inline-dl.css +1 -0
  235. package/src/lib/_imports/trumps/s-irregular-links/config.yml +1 -5
  236. package/src/lib/_imports/trumps/s-irregular-links.css +7 -12
  237. package/src/lib/_imports/trumps/s-portal-nav.css +11 -1
  238. package/src/lib/_imports/trumps/u-empty.css +4 -0
  239. package/src/lib/_imports/trumps/u-mailto-text-replace/config.yml +0 -3
  240. package/src/lib/_imports/trumps/u-mailto-text-replace/readme.md +1 -1
  241. package/src/lib/fonts/BentonSans-Black.otf +0 -0
  242. package/src/lib/fonts/BentonSans-RegularItalic.otf +0 -0
  243. package/dist/components/bootstrap/bootstrap.modal/docs.css +0 -1
  244. package/dist/components/bootstrap/portal/bootstrap.form/docs.css +0 -1
  245. package/dist/components/c-button/docs.css +0 -1
  246. package/dist/elements/links/docs.css +0 -1
  247. package/dist/elements/table/docs.css +0 -1
  248. package/dist/elements/table/table.docs.css +0 -1
  249. package/dist/elements/table copy.css +0 -1
  250. package/dist/fonts/fonts/BentonSans-Bold.otf +0 -0
  251. package/dist/fonts/fonts/BentonSans-Medium.otf +0 -0
  252. package/dist/fonts/fonts/BentonSans-MediumItalic.otf +0 -0
  253. package/dist/fonts/fonts/BentonSans-Regular.otf +0 -0
  254. package/dist/fractal.server.css +0 -1
  255. package/dist/fractal.server.reload.css +0 -1
  256. package/dist/tools/x-link/docs.css +0 -1
  257. package/dist/trumps/icon.css +0 -1
  258. package/dist/trumps/icon.fonts.css +0 -1
  259. package/src/lib/_imports/_partials/bootstrap.css.hbs +0 -1
  260. package/src/lib/_imports/_partials/bootstrap.js.hbs +0 -2
  261. package/src/lib/_imports/_partials/cms.css.hbs +0 -3
  262. package/src/lib/_imports/_partials/css.hbs +0 -27
  263. package/src/lib/_imports/_preview.bootstrap-cms.hbs +0 -5
  264. package/src/lib/_imports/_preview.bootstrap.hbs +0 -5
  265. package/src/lib/_imports/_preview.cms.hbs +0 -3
  266. package/src/lib/_imports/components/bootstrap/bootstrap.container/config.yml +0 -3
  267. package/src/lib/_imports/components/bootstrap/bootstrap.modal/config.yml +0 -2
  268. package/src/lib/_imports/components/bootstrap/portal/bootstrap.form/config.yml +0 -3
  269. package/src/lib/_imports/tools/x-link/docs.css +0 -6
  270. package/src/lib/_imports/trumps/icon.css +0 -31
  271. package/src/lib/_imports/trumps/icon.fonts.css +0 -316
  272. package/src/lib/_tests/README.md +0 -38
  273. package/src/lib/_tests/postcss-extend.css +0 -80
  274. package/src/lib/_tests/postcss-preset-env.css +0 -75
  275. package/src/lib/_tests.css +0 -12
@@ -16,3 +16,7 @@ Styleguide Trumps.Utilities.Empty
16
16
  .u-empty {
17
17
  /* FAQ: This class should NOT have any styles on its own. It is a unique class that allows non-empty content to appear empty to TACC stylesheets that recognize it. Any TACC stylesheet selector that recognizes `:empty` elements should also recognize `u-empty` elements. */
18
18
  }
19
+
20
+ /* IMPORTANT: When major browsers support `:empty` to mean
21
+ "Matches elements with whitespace", then
22
+ this stylesheet and its guidance are moot. */
@@ -1,4 +1 @@
1
1
  label: Mailto Link Text Replacement
2
- context:
3
- supportStyles:
4
- - /elements/links.css
@@ -1,4 +1,4 @@
1
- To render an accurate e-mail that is unlikely to read by read by a robot thus recieve spam.
1
+ To render an accurate e-mail that avoids receiving spam.
2
2
 
3
3
  Replaces the display text of an `<a href="mailto:…" data-user="bob" data-domain="">` link with the e-mail address constructed from the `data-user` and `data-domain` attributes.
4
4
 
@@ -1 +0,0 @@
1
- /*! @tacc/core-styles 0.10.0+ | MIT | github.com/TACC/Core-Styles */#exampleModalStatic{bottom:auto;display:block;height:auto;left:auto;position:relative;right:auto;top:auto;z-index:1}
@@ -1 +0,0 @@
1
- /*! @tacc/core-styles 0.10.0+ | MIT | github.com/TACC/Core-Styles */form{margin:1em}
@@ -1 +0,0 @@
1
- /*! @tacc/core-styles 0.10.0+ | MIT | github.com/TACC/Core-Styles */dd>*{margin-right:.5em;vertical-align:middle}.c-button>i{font-style:normal}
@@ -1 +0,0 @@
1
- /*! @tacc/core-styles 0.10.0+ | MIT | github.com/TACC/Core-Styles */p{margin:10px;max-width:40ch}
@@ -1 +0,0 @@
1
- /*! @tacc/core-styles 0.9.0+ | MIT | github.com/TACC/Core-Styles */
@@ -1 +0,0 @@
1
- /*! @tacc/core-styles 0.9.0+ | MIT | github.com/TACC/Core-Styles */
@@ -1 +0,0 @@
1
- /*! @tacc/core-styles 0.9.0+ | MIT | github.com/TACC/Core-Styles */table{--thead-height:33px;border-collapse:collapse;font-family:var(--global-font-family--sans--portal);font-size:var(--global-font-size--small)}thead tr,tr:not(:last-of-type){border-bottom:var(--global-border--normal)}tr:nth-child(2n){background:var(--global-color-primary--x-light)}td,th{color:var(--global-color-primary--dark);line-height:var(--global-font-size--medium);padding-block:8px;padding-inline:16px;vertical-align:top}th{color:var(--global-color-primary--x-dark);text-align:inherit}thead>tr>th{font-weight:var(--bold)}tbody>tr>th{font-weight:var(--normal)}caption{font-size:var(--global-font-size--small);text-align:unset}td ul{-webkit-padding-start:0;list-style:none;margin-block:0;padding-inline-start:0}td li:not(:last-of-type){margin-bottom:.25em}td button{font-size:inherit}
@@ -1 +0,0 @@
1
- /*! @tacc/core-styles 0.9.0+ | MIT | github.com/TACC/Core-Styles */
@@ -1 +0,0 @@
1
- /*! @tacc/core-styles 0.9.0+ | MIT | github.com/TACC/Core-Styles */
@@ -1 +0,0 @@
1
- /*! @tacc/core-styles 0.10.0+ | MIT | github.com/TACC/Core-Styles */p{margin:10px;max-width:40ch}
@@ -1 +0,0 @@
1
- /*! @tacc/core-styles 0.10.0+ | MIT | github.com/TACC/Core-Styles */@font-face{font-display:block;font-family:Cortal-Icons;font-style:normal;font-weight:400;src:url(../../fonts/Cortal-Icons-1.2.woff?vrusnv) format("woff")}[class*=" icon-"],[class^=icon-]{speak:never;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Cortal-Icons!important;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none}.icon-jobs:before{content:"\e95b"}.icon-zipped:before{content:"\e957"}.icon-compress:before{content:"\e958"}.icon-extract:before{content:"\e959"}.icon-add-file:before{content:"\e900"}.icon-add-folder:before{content:"\e901"}.icon-add-project:before{content:"\e902"}.icon-add:before{content:"\e903"}.icon-alert:before{content:"\e904"}.icon-allocations:before{content:"\e905"}.icon-applications:before{content:"\e906"}.icon-approved-boxed-reverse:before{content:"\e907"}.icon-approved-boxed:before{content:"\e908"}.icon-approved-reverse:before{content:"\e909"}.icon-approved:before{content:"\e90a"}.icon-bar-graph:before{content:"\e90b"}.icon-boxed:before{content:"\e90c"}.icon-browser:before{content:"\e90d"}.icon-bulb:before{content:"\e90e"}.icon-burger:before{content:"\e90f"}.icon-calendar:before{content:"\e910"}.icon-close-boxed:before{content:"\e911"}.icon-close:before{content:"\e912"}.icon-code:before{content:"\e913"}.icon-compass:before{content:"\e914"}.icon-contract:before{content:"\e915"}.icon-conversation:before{content:"\e916"}.icon-copy:before{content:"\e917"}.icon-coversation-wait:before{content:"\e918"}.icon-dashboard:before{content:"\e919"}.icon-data-files:before{content:"\e91a"}.icon-data-processing:before{content:"\e91b"}.icon-denied-reverse:before{content:"\e91c"}.icon-denied:before{content:"\e91d"}.icon-dna:before{content:"\e91e"}.icon-document:before{content:"\e91f"}.icon-download:before{content:"\e920"}.icon-edit-document:before{content:"\e921"}.icon-exit:before{content:"\e922"}.icon-expand:before{content:"\e923"}.icon-file:before{content:"\e924"}.icon-folder:before{content:"\e925"}.icon-gear:before{content:"\e926"}.icon-globe:before{content:"\e927"}.icon-history-reverse:before{content:"\e928"}.icon-history:before{content:"\e929"}.icon-image:before{content:"\e92a"}.icon-jupyter:before{content:"\e92b"}.icon-link:before{content:"\e92c"}.icon-lock:before{content:"\e92d"}.icon-monitor:before{content:"\e92e"}.icon-move:before{content:"\e92f"}.icon-multiple-coversation:before{content:"\e930"}.icon-my-data:before{content:"\e931"}.icon-new-browser:before{content:"\e932"}.icon-no-alert:before{content:"\e933"}.icon-pending:before{content:"\e934"}.icon-pie-graph-open:before{content:"\e935"}.icon-pie-graph-reverse:before{content:"\e936"}.icon-pie-graph:before{content:"\e937"}.icon-project:before{content:"\e938"}.icon-proposal-approved:before{content:"\e939"}.icon-proposal-denied:before{content:"\e93a"}.icon-proposal-pending:before{content:"\e93b"}.icon-publications:before{content:"\e93c"}.icon-push-left:before{content:"\e93d"}.icon-push-right:before{content:"\e93e"}.icon-refresh:before{content:"\e93f"}.icon-rename:before{content:"\e940"}.icon-reverse-order:before{content:"\e941"}.icon-rotate-ccw:before{content:"\e942"}.icon-rotate-cw:before{content:"\e943"}.icon-save:before{content:"\e944"}.icon-script:before{content:"\e945"}.icon-search-folder:before{content:"\e946"}.icon-search:before{content:"\e947"}.icon-share:before{content:"\e948"}.icon-sillouette:before{content:"\e949"}.icon-simulation-reverse:before{content:"\e94a"}.icon-simulation:before{content:"\e94b"}.icon-subtract-file:before{content:"\e94c"}.icon-toolbox:before{content:"\e94d"}.icon-trash:before{content:"\e94e"}.icon-trophy:before{content:"\e94f"}.icon-unlock:before{content:"\e950"}.icon-upload:before{content:"\e951"}.icon-user-reverse:before{content:"\e952"}.icon-user:before{content:"\e953"}.icon-visualization:before{content:"\e954"}.icon-zoom-in:before{content:"\e955"}.icon-zoom-out:before{content:"\e956"}.icon{display:inline-flex;font-size:1.125em;height:1em;vertical-align:middle;width:1em}.icon-collapse:before{content:"\e915"}.btn .icon+span,.btn .loading-icon+span{vertical-align:middle}
@@ -1 +0,0 @@
1
- /*! @tacc/core-styles 0.10.0+ | MIT | github.com/TACC/Core-Styles */@font-face{font-display:block;font-family:Cortal-Icons;font-style:normal;font-weight:400;src:url(../../fonts/Cortal-Icons-1.2.woff?vrusnv) format("woff")}[class*=" icon-"],[class^=icon-]{speak:never;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Cortal-Icons!important;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none}.icon-jobs:before{content:"\e95b"}.icon-zipped:before{content:"\e957"}.icon-compress:before{content:"\e958"}.icon-extract:before{content:"\e959"}.icon-add-file:before{content:"\e900"}.icon-add-folder:before{content:"\e901"}.icon-add-project:before{content:"\e902"}.icon-add:before{content:"\e903"}.icon-alert:before{content:"\e904"}.icon-allocations:before{content:"\e905"}.icon-applications:before{content:"\e906"}.icon-approved-boxed-reverse:before{content:"\e907"}.icon-approved-boxed:before{content:"\e908"}.icon-approved-reverse:before{content:"\e909"}.icon-approved:before{content:"\e90a"}.icon-bar-graph:before{content:"\e90b"}.icon-boxed:before{content:"\e90c"}.icon-browser:before{content:"\e90d"}.icon-bulb:before{content:"\e90e"}.icon-burger:before{content:"\e90f"}.icon-calendar:before{content:"\e910"}.icon-close-boxed:before{content:"\e911"}.icon-close:before{content:"\e912"}.icon-code:before{content:"\e913"}.icon-compass:before{content:"\e914"}.icon-contract:before{content:"\e915"}.icon-conversation:before{content:"\e916"}.icon-copy:before{content:"\e917"}.icon-coversation-wait:before{content:"\e918"}.icon-dashboard:before{content:"\e919"}.icon-data-files:before{content:"\e91a"}.icon-data-processing:before{content:"\e91b"}.icon-denied-reverse:before{content:"\e91c"}.icon-denied:before{content:"\e91d"}.icon-dna:before{content:"\e91e"}.icon-document:before{content:"\e91f"}.icon-download:before{content:"\e920"}.icon-edit-document:before{content:"\e921"}.icon-exit:before{content:"\e922"}.icon-expand:before{content:"\e923"}.icon-file:before{content:"\e924"}.icon-folder:before{content:"\e925"}.icon-gear:before{content:"\e926"}.icon-globe:before{content:"\e927"}.icon-history-reverse:before{content:"\e928"}.icon-history:before{content:"\e929"}.icon-image:before{content:"\e92a"}.icon-jupyter:before{content:"\e92b"}.icon-link:before{content:"\e92c"}.icon-lock:before{content:"\e92d"}.icon-monitor:before{content:"\e92e"}.icon-move:before{content:"\e92f"}.icon-multiple-coversation:before{content:"\e930"}.icon-my-data:before{content:"\e931"}.icon-new-browser:before{content:"\e932"}.icon-no-alert:before{content:"\e933"}.icon-pending:before{content:"\e934"}.icon-pie-graph-open:before{content:"\e935"}.icon-pie-graph-reverse:before{content:"\e936"}.icon-pie-graph:before{content:"\e937"}.icon-project:before{content:"\e938"}.icon-proposal-approved:before{content:"\e939"}.icon-proposal-denied:before{content:"\e93a"}.icon-proposal-pending:before{content:"\e93b"}.icon-publications:before{content:"\e93c"}.icon-push-left:before{content:"\e93d"}.icon-push-right:before{content:"\e93e"}.icon-refresh:before{content:"\e93f"}.icon-rename:before{content:"\e940"}.icon-reverse-order:before{content:"\e941"}.icon-rotate-ccw:before{content:"\e942"}.icon-rotate-cw:before{content:"\e943"}.icon-save:before{content:"\e944"}.icon-script:before{content:"\e945"}.icon-search-folder:before{content:"\e946"}.icon-search:before{content:"\e947"}.icon-share:before{content:"\e948"}.icon-sillouette:before{content:"\e949"}.icon-simulation-reverse:before{content:"\e94a"}.icon-simulation:before{content:"\e94b"}.icon-subtract-file:before{content:"\e94c"}.icon-toolbox:before{content:"\e94d"}.icon-trash:before{content:"\e94e"}.icon-trophy:before{content:"\e94f"}.icon-unlock:before{content:"\e950"}.icon-upload:before{content:"\e951"}.icon-user-reverse:before{content:"\e952"}.icon-user:before{content:"\e953"}.icon-visualization:before{content:"\e954"}.icon-zoom-in:before{content:"\e955"}.icon-zoom-out:before{content:"\e956"}
@@ -1 +0,0 @@
1
- <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
@@ -1,2 +0,0 @@
1
- <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
2
- <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
@@ -1,3 +0,0 @@
1
- {{!-- To render atop styles dependent on CMS e.g. `rem` font size --}}
2
- {{!-- SEE: src/lib/_imports/elements/html-elements.cms.css --}}
3
- <link rel='stylesheet' href='{{path "/elements/html-elements.cms.css"}}' />
@@ -1,27 +0,0 @@
1
- {{!-- To render library basics consistently regardless of external styles --}}
2
- {{!-- FAQ: overwrite CMS and/or Bootstrap (if present) --}}
3
- <style>
4
- dl dl {
5
- margin-block: 0;
6
- }
7
- dt, dd {
8
- font-family: Arial, sans;
9
- color: #484848;
10
- line-height: normal;
11
- }
12
- dt {
13
- font-weight: normal;
14
- margin-bottom: 10px;
15
- }
16
- dt:not(:first-of-type) {
17
- margin-top: 20px;
18
- }
19
- dd {
20
- margin-bottom: 10px;
21
- margin-left: 25px;
22
- }
23
- dd > * {
24
- margin-right: 5px;
25
- vertical-align: middle;
26
- }
27
- </style>
@@ -1,5 +0,0 @@
1
- {{> @bootstrap.css }}
2
-
3
- {{> @preview.cms subdir=_target.context.subdir }}
4
-
5
- {{> @bootstrap.js }}
@@ -1,5 +0,0 @@
1
- {{> @bootstrap.css }}
2
-
3
- {{> @preview subdir=_target.context.subdir }}
4
-
5
- {{> @bootstrap.js }}
@@ -1,3 +0,0 @@
1
- {{> @cms.css }}
2
-
3
- {{> @preview subdir=_target.context.subdir }}
@@ -1,3 +0,0 @@
1
- preview: '@preview.bootstrap'
2
- label: Container
3
- status: ready
@@ -1,2 +0,0 @@
1
- preview: '@preview.bootstrap'
2
- label: Modal
@@ -1,3 +0,0 @@
1
- preview: '@preview.bootstrap'
2
- label: Form
3
- status: prototype
@@ -1,6 +0,0 @@
1
- /* This CSS is ONLY for the pattern library. It is NOT part of the pattern. */
2
-
3
- p {
4
- margin: 10px;
5
- max-width: 40ch; /* to wrap text so link is in middle of middle sentence */
6
- }
@@ -1,31 +0,0 @@
1
- /* WARNING: This file is copied from Portal repo */
2
- /* TODO: Share source code between CMS, Portal, & User Guide */
3
- /* SEE: https://github.com/TACC/Frontera-Portal/blob/master/client/src/styles/trumps/icon.css */
4
-
5
- /* TRUMPS: Icons */
6
- @import url('./icon.fonts.css');
7
-
8
- .icon {
9
- width: 1em;
10
- height: 1em;
11
- font-size: 1.125em; /* ~18px (16px design * 1.2 design-to-app ratio) (rounded) */
12
- vertical-align: middle;
13
- display: inline-flex; /* `flex` to align `::before`; `inline` to not trigger new line */
14
- /* a modern slimmer alternative to `&::before { display: block; }` */
15
- }
16
-
17
- /* Aliases */
18
- /* .icon-contract */.icon-collapse::before {
19
- content: "\e915";
20
- }
21
-
22
-
23
-
24
- /* Overrides */
25
-
26
- /* Align wrapped button text in buttons that have icons */
27
- /* HACK: Placeholder style until UI is finalized and componetized */
28
- .btn .icon + span,
29
- .btn .loading-icon + span {
30
- vertical-align: middle;
31
- }
@@ -1,316 +0,0 @@
1
- /* WARNING: This file is copied from Portal repo */
2
- /* TODO: Share source code between CMS, Portal, & User Guide */
3
- /* SEE: https://github.com/TACC/Frontera-Portal/blob/master/client/src/styles/trumps/icon.fonts.css */
4
-
5
- @font-face {
6
- font-family: 'Cortal-Icons';
7
- /* TACC: Use `woff` because it is `ttf` optimized for web, and browser support */
8
- /* TACC: Renamed to include version and correct path */
9
- src: url('../../fonts/Cortal-Icons-1.2.woff?vrusnv') format('woff');
10
- /*
11
- src: url('fonts/Cortal-Icons.eot?vrusnv');
12
- src: url('fonts/Cortal-Icons.eot?vrusnv#iefix') format('embedded-opentype'),
13
- url('fonts/Cortal-Icons.ttf?vrusnv') format('truetype'),
14
- url('fonts/Cortal-Icons.woff?vrusnv') format('woff'),
15
- url('fonts/Cortal-Icons.svg?vrusnv#Cortal-Icons') format('svg');
16
- */
17
- font-weight: normal;
18
- font-style: normal;
19
- font-display: block;
20
- }
21
-
22
- [class^="icon-"], [class*=" icon-"] {
23
- /* use !important to prevent issues with browser extensions that change fonts */
24
- font-family: 'Cortal-Icons' !important;
25
- speak: never;
26
- font-style: normal;
27
- font-weight: normal;
28
- font-variant: normal;
29
- text-transform: none;
30
- line-height: 1;
31
-
32
- /* Better Font Rendering =========== */
33
- -webkit-font-smoothing: antialiased;
34
- -moz-osx-font-smoothing: grayscale;
35
- }
36
-
37
- /* TACC: Remove support for extra icon that should not be used */
38
- /*
39
- .icon-jobs-history:before {
40
- content: "\e95a";
41
- }
42
- */
43
- .icon-jobs:before {
44
- content: "\e95b";
45
- }
46
- .icon-zipped:before {
47
- content: "\e957";
48
- }
49
- .icon-compress:before {
50
- content: "\e958";
51
- }
52
- .icon-extract:before {
53
- content: "\e959";
54
- }
55
- .icon-add-file:before {
56
- content: "\e900";
57
- }
58
- .icon-add-folder:before {
59
- content: "\e901";
60
- }
61
- .icon-add-project:before {
62
- content: "\e902";
63
- }
64
- .icon-add:before {
65
- content: "\e903";
66
- }
67
- .icon-alert:before {
68
- content: "\e904";
69
- }
70
- .icon-allocations:before {
71
- content: "\e905";
72
- }
73
- .icon-applications:before {
74
- content: "\e906";
75
- }
76
- .icon-approved-boxed-reverse:before {
77
- content: "\e907";
78
- }
79
- .icon-approved-boxed:before {
80
- content: "\e908";
81
- }
82
- .icon-approved-reverse:before {
83
- content: "\e909";
84
- }
85
- .icon-approved:before {
86
- content: "\e90a";
87
- }
88
- .icon-bar-graph:before {
89
- content: "\e90b";
90
- }
91
- .icon-boxed:before {
92
- content: "\e90c";
93
- }
94
- .icon-browser:before {
95
- content: "\e90d";
96
- }
97
- .icon-bulb:before {
98
- content: "\e90e";
99
- }
100
- .icon-burger:before {
101
- content: "\e90f";
102
- }
103
- .icon-calendar:before {
104
- content: "\e910";
105
- }
106
- .icon-close-boxed:before {
107
- content: "\e911";
108
- }
109
- .icon-close:before {
110
- content: "\e912";
111
- }
112
- .icon-code:before {
113
- content: "\e913";
114
- }
115
- .icon-compass:before {
116
- content: "\e914";
117
- }
118
- .icon-contract:before {
119
- content: "\e915";
120
- }
121
- .icon-conversation:before {
122
- content: "\e916";
123
- }
124
- .icon-copy:before {
125
- content: "\e917";
126
- }
127
- .icon-coversation-wait:before {
128
- content: "\e918";
129
- }
130
- .icon-dashboard:before {
131
- content: "\e919";
132
- }
133
- .icon-data-files:before {
134
- content: "\e91a";
135
- }
136
- .icon-data-processing:before {
137
- content: "\e91b";
138
- }
139
- .icon-denied-reverse:before {
140
- content: "\e91c";
141
- }
142
- .icon-denied:before {
143
- content: "\e91d";
144
- }
145
- .icon-dna:before {
146
- content: "\e91e";
147
- }
148
- .icon-document:before {
149
- content: "\e91f";
150
- }
151
- .icon-download:before {
152
- content: "\e920";
153
- }
154
- .icon-edit-document:before {
155
- content: "\e921";
156
- }
157
- .icon-exit:before {
158
- content: "\e922";
159
- }
160
- .icon-expand:before {
161
- content: "\e923";
162
- }
163
- .icon-file:before {
164
- content: "\e924";
165
- }
166
- .icon-folder:before {
167
- content: "\e925";
168
- }
169
- .icon-gear:before {
170
- content: "\e926";
171
- }
172
- .icon-globe:before {
173
- content: "\e927";
174
- }
175
- .icon-history-reverse:before {
176
- content: "\e928";
177
- }
178
- .icon-history:before {
179
- content: "\e929";
180
- }
181
- .icon-image:before {
182
- content: "\e92a";
183
- }
184
- .icon-jupyter:before {
185
- content: "\e92b";
186
- }
187
- .icon-link:before {
188
- content: "\e92c";
189
- }
190
- .icon-lock:before {
191
- content: "\e92d";
192
- }
193
- .icon-monitor:before {
194
- content: "\e92e";
195
- }
196
- .icon-move:before {
197
- content: "\e92f";
198
- }
199
- .icon-multiple-coversation:before {
200
- content: "\e930";
201
- }
202
- /* TACC: This is meant for non-published storage. regardless of which system it lives on */
203
- .icon-my-data:before {
204
- content: "\e931";
205
- }
206
- .icon-new-browser:before {
207
- content: "\e932";
208
- }
209
- .icon-no-alert:before {
210
- content: "\e933";
211
- }
212
- .icon-pending:before {
213
- content: "\e934";
214
- }
215
- .icon-pie-graph-open:before {
216
- content: "\e935";
217
- }
218
- .icon-pie-graph-reverse:before {
219
- content: "\e936";
220
- }
221
- .icon-pie-graph:before {
222
- content: "\e937";
223
- }
224
- .icon-project:before {
225
- content: "\e938";
226
- }
227
- .icon-proposal-approved:before {
228
- content: "\e939";
229
- }
230
- .icon-proposal-denied:before {
231
- content: "\e93a";
232
- }
233
- .icon-proposal-pending:before {
234
- content: "\e93b";
235
- }
236
- .icon-publications:before {
237
- content: "\e93c";
238
- }
239
- .icon-push-left:before {
240
- content: "\e93d";
241
- }
242
- .icon-push-right:before {
243
- content: "\e93e";
244
- }
245
- .icon-refresh:before {
246
- content: "\e93f";
247
- }
248
- .icon-rename:before {
249
- content: "\e940";
250
- }
251
- .icon-reverse-order:before {
252
- content: "\e941";
253
- }
254
- .icon-rotate-ccw:before {
255
- content: "\e942";
256
- }
257
- .icon-rotate-cw:before {
258
- content: "\e943";
259
- }
260
- .icon-save:before {
261
- content: "\e944";
262
- }
263
- .icon-script:before {
264
- content: "\e945";
265
- }
266
- .icon-search-folder:before {
267
- content: "\e946";
268
- }
269
- .icon-search:before {
270
- content: "\e947";
271
- }
272
- .icon-share:before {
273
- content: "\e948";
274
- }
275
- .icon-sillouette:before {
276
- content: "\e949";
277
- }
278
- .icon-simulation-reverse:before {
279
- content: "\e94a";
280
- }
281
- .icon-simulation:before {
282
- content: "\e94b";
283
- }
284
- .icon-subtract-file:before {
285
- content: "\e94c";
286
- }
287
- .icon-toolbox:before {
288
- content: "\e94d";
289
- }
290
- .icon-trash:before {
291
- content: "\e94e";
292
- }
293
- .icon-trophy:before {
294
- content: "\e94f";
295
- }
296
- .icon-unlock:before {
297
- content: "\e950";
298
- }
299
- .icon-upload:before {
300
- content: "\e951";
301
- }
302
- .icon-user-reverse:before {
303
- content: "\e952";
304
- }
305
- .icon-user:before {
306
- content: "\e953";
307
- }
308
- .icon-visualization:before {
309
- content: "\e954";
310
- }
311
- .icon-zoom-in:before {
312
- content: "\e955";
313
- }
314
- .icon-zoom-out:before {
315
- content: "\e956";
316
- }
@@ -1,38 +0,0 @@
1
- # TACC Core Styles - Library - Tests
2
-
3
- Styles here compare test input CSS to expected output CSS.
4
-
5
- _This allows developers to confirm whether CSS plugins are working._
6
-
7
- ## Usage
8
-
9
- 1. Add `/*! Some Unique Comment: */` above the test input CSS.
10
- 2. Import stylesheets (in `../_tests.css`) (if not already).
11
- 3. Build CSS (run `npm run build` from root).
12
- 4. Compare input CSS to actual output CSS (in `./dist/_tests.css`).
13
-
14
- ## Example
15
-
16
- **Input:**
17
-
18
- ```css
19
- /*! Custom Media Narrow: */
20
- @custom-media --narrow-window (max-width: 30em);
21
-
22
- @media (--narrow-window) {
23
- ._test {
24
- background-color: red;
25
- }
26
- }
27
- ```
28
-
29
- **Output**:
30
-
31
- ```css
32
- /*! Custom Media Narrow: */
33
- @media (max-width: 30em) {
34
- ._test {
35
- background-color: red;
36
- }
37
- }
38
- ```
@@ -1,80 +0,0 @@
1
- /*
2
- Test
3
-
4
- Styles for testing `postcss-extend`.
5
-
6
- Instructions:
7
- 1. In this file, add code after "! Goal:" to show what the output should be.
8
- 2. In this file, add code after "! Test:" to be transformed by plugins.
9
- 3. In the output file, the code after "! Goal:" and "! Test:" should match.
10
-
11
- Styleguide _Test.Extend
12
- */
13
-
14
- /*! Class Selector */
15
-
16
- /*! Goal: */
17
- ._test_1,._test_mixin_1{color:red}
18
-
19
- /*! Test: */
20
- ._test_mixin_1 {
21
- color: red;
22
- }
23
- ._test_1 {
24
- @extend ._test_mixin_1;
25
- }
26
-
27
- /*! Placeholder Selector */
28
-
29
- /*! Goal: */
30
- ._test_2{color:yellow}
31
-
32
- /*! Test: */
33
- %_test_mixin_2 {
34
- color: yellow;
35
- }
36
- ._test_2 {
37
- @extend %_test_mixin_2;
38
- }
39
-
40
- /*! Class & Placeholder Selector, Use Class Selector */
41
-
42
- /*! Goal: */
43
- ._test_3,._test_mixin_3{color:green}
44
-
45
- /*! Test: */
46
- %_test_mixin_3,
47
- ._test_mixin_3 {
48
- color: green;
49
- }
50
- ._test_3 {
51
- @extend ._test_mixin_3;
52
- }
53
-
54
- /*! Class & Placeholder Selector, Use Placeholder Selector */
55
-
56
- /*! Goal: */
57
- ._test_4{color:blue}
58
-
59
- /*! Test: */
60
- %_test_mixin_4,
61
- ._test_mixin_4 {
62
- color: blue;
63
- }
64
- ._test_4 {
65
- @extend %_test_mixin_4;
66
- }
67
-
68
-
69
- /*! Define Placeholder */
70
-
71
- /*! Goal: */
72
- ._test_5{color:white}
73
-
74
- /*! Test: */
75
- @define-placeholder _test_mixin_5 {
76
- color: white;
77
- }
78
- ._test_5 {
79
- @extend _test_mixin_5;
80
- }