@tacc/core-styles 0.11.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 (260) 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 -1
  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 +32 -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-sentence.hbs +1 -0
  126. package/src/lib/_imports/_preview.hbs +95 -42
  127. package/src/lib/_imports/branding_logos.css +0 -2
  128. package/src/lib/_imports/components/bootstrap/{bootstrap--form.docs.css → bootstrap--form.demo.css} +0 -0
  129. package/src/lib/_imports/components/bootstrap/{bootstrap--modal.docs.css → bootstrap--modal.demo.css} +0 -0
  130. package/src/lib/_imports/components/bootstrap/bootstrap--modal.readme.md +4 -0
  131. package/src/lib/_imports/components/bootstrap/config.yml +3 -7
  132. package/src/lib/_imports/components/bootstrap/{docs.css → demo.css} +2 -2
  133. package/src/lib/_imports/components/bootstrap.container.css +0 -1
  134. package/src/lib/_imports/components/bootstrap.form.css +0 -1
  135. package/src/lib/_imports/components/bootstrap.modal.css +3 -0
  136. package/src/lib/_imports/components/c-button/{docs.css → demo.css} +0 -5
  137. package/src/lib/_imports/components/c-button.css +3 -0
  138. package/src/lib/_imports/components/c-form/c-form.hbs +362 -0
  139. package/src/lib/_imports/components/c-form/config.yml +2 -0
  140. package/src/lib/_imports/components/c-form/readme.md +14 -0
  141. package/src/lib/_imports/components/c-form/toggle-field-errors.js +101 -0
  142. package/src/lib/_imports/components/c-form/toggle-required-fields.js +85 -0
  143. package/src/lib/_imports/components/c-form.css +176 -0
  144. package/src/lib/_imports/components/c-message.css +61 -24
  145. package/src/lib/_imports/components/cortal.icon.css +15 -6
  146. package/src/lib/_imports/components/django-cms-forms/config.yml +5 -0
  147. package/src/lib/_imports/components/django-cms-forms/django-cms-forms.hbs +404 -0
  148. package/src/lib/_imports/components/django-cms-forms/readme.md +20 -0
  149. package/src/lib/_imports/components/django-cms-forms.css +187 -0
  150. package/src/lib/_imports/components/django-cms-forms.hacks.css +59 -0
  151. package/src/lib/_imports/components/mui.tabs.css +30 -0
  152. package/src/lib/_imports/core-styles.base.css +54 -0
  153. package/src/lib/_imports/core-styles.cms.css +34 -0
  154. package/src/lib/_imports/core-styles.demo.css +23 -0
  155. package/src/lib/_imports/core-styles.header.css +37 -0
  156. package/src/lib/_imports/core-styles.portal.css +25 -0
  157. package/src/lib/_imports/core-styles.settings.css +9 -0
  158. package/src/lib/_imports/elements/demo.css +59 -0
  159. package/src/lib/_imports/elements/form.cms/readme.md +16 -0
  160. package/src/lib/_imports/elements/form.cms.css +5 -23
  161. package/src/lib/_imports/elements/html-elements.cms.css +3 -4
  162. package/src/lib/_imports/elements/html-elements.css +67 -0
  163. package/src/lib/_imports/elements/links/config.yml +1 -1
  164. package/src/lib/_imports/elements/links.css +3 -3
  165. package/src/lib/_imports/elements/table/config.yml +1 -4
  166. package/src/lib/_imports/elements/table/table.hbs +8 -0
  167. package/src/lib/_imports/elements/table--basic.css +13 -2
  168. package/src/lib/_imports/generics/fonts.css +21 -7
  169. package/src/lib/_imports/objects/o-fixed-header-table/config.yml +60 -0
  170. package/src/lib/_imports/objects/o-fixed-header-table/demo.css +18 -0
  171. package/src/lib/_imports/objects/o-fixed-header-table/o-fixed-header-table.hbs +3 -0
  172. package/src/lib/_imports/objects/o-fixed-header-table/readme.md +18 -0
  173. package/src/lib/_imports/objects/o-fixed-header-table.css +1 -27
  174. package/src/lib/_imports/objects/o-flex-item-table-wrap/config.yml +27 -0
  175. package/src/lib/_imports/objects/o-flex-item-table-wrap/demo.css +7 -0
  176. package/src/lib/_imports/objects/o-flex-item-table-wrap/o-flex-item-table-wrap.hbs +7 -0
  177. package/src/lib/_imports/objects/o-flex-item-table-wrap/readme.md +22 -0
  178. package/src/lib/_imports/objects/o-flex-item-table-wrap.css +0 -34
  179. package/src/lib/_imports/objects/o-float-content.css +0 -1
  180. package/src/lib/_imports/objects/o-section.css +0 -1
  181. package/src/lib/_imports/objects/o-site.css +1 -0
  182. package/src/lib/_imports/objects/o-table-wrap/config.yml +82 -0
  183. package/src/lib/_imports/objects/o-table-wrap/demo.basic.css +18 -0
  184. package/src/lib/_imports/objects/o-table-wrap/demo.extra.css +31 -0
  185. package/src/lib/_imports/objects/o-table-wrap/extra.flexible-horz.css +23 -0
  186. package/src/lib/_imports/objects/o-table-wrap/extra.overflow-hidden.css +7 -0
  187. package/src/lib/_imports/objects/o-table-wrap/extra.overflow-scroll.css +7 -0
  188. package/src/lib/_imports/objects/o-table-wrap/o-table-wrap--flexible-horz.css +4 -0
  189. package/src/lib/_imports/objects/o-table-wrap/o-table-wrap--flexible-horz.hbs +5 -0
  190. package/src/lib/_imports/objects/o-table-wrap/o-table-wrap--flexible-horz.readme.md +20 -0
  191. package/src/lib/_imports/objects/o-table-wrap/o-table-wrap--flexible-vert.css +3 -0
  192. package/src/lib/_imports/objects/o-table-wrap/o-table-wrap--flexible-vert.hbs +5 -0
  193. package/src/lib/_imports/objects/o-table-wrap/o-table-wrap--flexible-vert.readme.md +18 -0
  194. package/src/lib/_imports/objects/o-table-wrap/o-table-wrap--overflow-hidden.css +3 -0
  195. package/src/lib/_imports/objects/o-table-wrap/o-table-wrap--overflow-hidden.hbs +5 -0
  196. package/src/lib/_imports/objects/o-table-wrap/o-table-wrap--overflow-hidden.readme.md +14 -0
  197. package/src/lib/_imports/objects/o-table-wrap/o-table-wrap--overflow-scroll-extra.css +2 -0
  198. package/src/lib/_imports/objects/o-table-wrap/o-table-wrap--overflow-scroll-extra.hbs +18 -0
  199. package/src/lib/_imports/objects/o-table-wrap/o-table-wrap--overflow-scroll-extra.readme.md +18 -0
  200. package/src/lib/_imports/objects/o-table-wrap/o-table-wrap--overflow-scroll.css +5 -0
  201. package/src/lib/_imports/objects/o-table-wrap/o-table-wrap--overflow-scroll.hbs +5 -0
  202. package/src/lib/_imports/objects/o-table-wrap/o-table-wrap--overflow-scroll.readme.md +20 -0
  203. package/src/lib/_imports/objects/o-table-wrap/o-table-wrap.hbs +11 -0
  204. package/src/lib/_imports/objects/o-table-wrap/readme.md +24 -0
  205. package/src/lib/_imports/objects/o-table-wrap.css +5 -0
  206. package/src/lib/_imports/settings/color.css +29 -11
  207. package/src/lib/_imports/settings/font.css +2 -0
  208. package/src/lib/_imports/{elements/links/docs.css → tools/x-link/demo.css} +0 -0
  209. package/src/lib/_imports/tools/x-link.css +0 -3
  210. package/src/lib/_imports/trumps/s-affixed-input-wrapper/{readme.md → README.md} +0 -0
  211. package/src/lib/_imports/trumps/s-affixed-input-wrapper/config.yml +2 -4
  212. package/src/lib/_imports/trumps/s-affixed-input-wrapper/s-affixed-input-wrapper.hbs +26 -24
  213. package/src/lib/_imports/trumps/s-affixed-input-wrapper.css +9 -11
  214. package/src/lib/_imports/trumps/s-cms-nav.css +11 -0
  215. package/src/lib/_imports/trumps/s-header.bootstrap.css +30 -0
  216. package/src/lib/_imports/trumps/s-header.css +1 -0
  217. package/src/lib/_imports/trumps/s-inline-dl.css +1 -0
  218. package/src/lib/_imports/trumps/s-irregular-links/config.yml +1 -5
  219. package/src/lib/_imports/trumps/s-portal-nav.css +11 -1
  220. package/src/lib/_imports/trumps/u-empty.css +4 -0
  221. package/src/lib/_imports/trumps/u-mailto-text-replace/config.yml +0 -3
  222. package/src/lib/_imports/trumps/u-mailto-text-replace/readme.md +1 -1
  223. package/src/lib/fonts/BentonSans-Black.otf +0 -0
  224. package/src/lib/fonts/BentonSans-RegularItalic.otf +0 -0
  225. package/dist/components/bootstrap/bootstrap--form.docs.css +0 -1
  226. package/dist/components/bootstrap/bootstrap--modal.docs.css +0 -1
  227. package/dist/components/bootstrap/bootstrap.modal/docs.css +0 -1
  228. package/dist/components/bootstrap/docs.css +0 -1
  229. package/dist/components/bootstrap/portal/bootstrap.form/docs.css +0 -1
  230. package/dist/components/bootstrap--container.css +0 -1
  231. package/dist/components/bootstrap--form/docs.css +0 -1
  232. package/dist/components/bootstrap--form.css +0 -1
  233. package/dist/components/bootstrap--modal/docs.css +0 -1
  234. package/dist/components/bootstrap--modal.css +0 -1
  235. package/dist/components/bootstrap.form/docs.css +0 -1
  236. package/dist/components/bootstrap.modal/docs.css +0 -1
  237. package/dist/components/c-button/docs.css +0 -1
  238. package/dist/elements/links/docs.css +0 -1
  239. package/dist/elements/table/docs.css +0 -1
  240. package/dist/elements/table/table.docs.css +0 -1
  241. package/dist/elements/table copy.css +0 -1
  242. package/dist/fonts/fonts/BentonSans-Bold.otf +0 -0
  243. package/dist/fonts/fonts/BentonSans-Medium.otf +0 -0
  244. package/dist/fonts/fonts/BentonSans-MediumItalic.otf +0 -0
  245. package/dist/fonts/fonts/BentonSans-Regular.otf +0 -0
  246. package/dist/fractal.server.css +0 -1
  247. package/dist/fractal.server.reload.css +0 -1
  248. package/dist/tools/x-link/docs.css +0 -1
  249. package/dist/trumps/icon.css +0 -1
  250. package/dist/trumps/icon.fonts.css +0 -1
  251. package/src/lib/_imports/_partials/bootstrap.css.hbs +0 -1
  252. package/src/lib/_imports/_partials/bootstrap.js.hbs +0 -2
  253. package/src/lib/_imports/_partials/cms.css.hbs +0 -3
  254. package/src/lib/_imports/_partials/css.hbs +0 -27
  255. package/src/lib/_imports/_preview.bootstrap-cms.hbs +0 -5
  256. package/src/lib/_imports/_preview.bootstrap.hbs +0 -5
  257. package/src/lib/_imports/_preview.cms.hbs +0 -3
  258. package/src/lib/_imports/tools/x-link/docs.css +0 -6
  259. package/src/lib/_imports/trumps/icon.css +0 -31
  260. package/src/lib/_imports/trumps/icon.fonts.css +0 -316
@@ -1,30 +1,32 @@
1
1
  <dl>
2
2
  <dt>Prefix</dt>
3
- <dd class="s-affixed-input-wrapper s-affixed-input-wrapper--prefix">
4
- <label for="field-dollars">How many dollars to you have?</label>
5
-
6
- <span class="s-affixed-input-wrapper__prefix">$</span>
7
- <input
8
- type="number"
9
- name="dollars"
10
- id="field-dollars"
11
- inputmode="numeric"
12
- step="0.01"
13
- min="0.01"
14
- />
3
+ <dd>
4
+ <div class="s-affixed-input-wrapper s-affixed-input-wrapper--prefix">
5
+ <label for="field-dollars">How many dollars to you have?</label>
6
+ <span class="s-affixed-input-wrapper__prefix">$</span>
7
+ <input
8
+ type="number"
9
+ name="dollars"
10
+ id="field-dollars"
11
+ inputmode="numeric"
12
+ step="0.01"
13
+ min="0.01"
14
+ />
15
+ </div>
15
16
  </dd>
16
17
  <dt>Suffix</dt>
17
- <dd class="s-affixed-input-wrapper s-affixed-input-wrapper--suffix">
18
- <label for="field-usd">How many US Dollars to you have?</label>
19
-
20
- <input
21
- type="number"
22
- name="usd"
23
- id="field-usd"
24
- inputmode="numeric"
25
- step="0.01"
26
- min="0.01"
27
- />
28
- <span class="s-affixed-input-wrapper__suffix">$</span>
18
+ <dd>
19
+ <div class="s-affixed-input-wrapper s-affixed-input-wrapper--suffix">
20
+ <label for="field-usd">How many US Dollars to you have?</label>
21
+ <input
22
+ type="number"
23
+ name="usd"
24
+ id="field-usd"
25
+ inputmode="numeric"
26
+ step="0.01"
27
+ min="0.01"
28
+ />
29
+ <span class="s-affixed-input-wrapper__suffix">$</span>
30
+ </div>
29
31
  </dd>
30
32
  </dl>
@@ -1,15 +1,11 @@
1
- @import url("../settings/border.css");
2
-
3
-
4
-
5
1
  /* Layout */
6
2
 
7
3
  .s-affixed-input-wrapper:not(
8
- .checkboxinput,
9
- .radio,
10
- .select,
11
- .checkboxselectmultiple,
12
- .textarea
4
+ .checkboxinput, .has-type-check
5
+ .radio, .has-type-radio
6
+ .select, .has-type-select
7
+ .checkboxselectmultiple, .has-select
8
+ .textarea, .has-textarea
13
9
  ) {
14
10
  display: grid;
15
11
  align-items: start;
@@ -40,8 +36,10 @@
40
36
  .s-affixed-input-wrapper input { grid-area: input; }
41
37
  .s-affixed-input-wrapper__prefix { grid-area: prefix; }
42
38
  .s-affixed-input-wrapper__suffix { grid-area: suffix; }
43
- .s-affixed-input-wrapper .help-text { grid-area: help; }
44
- .s-affixed-input-wrapper .field-errors { grid-area: error; }
39
+ .s-affixed-input-wrapper .help-text,
40
+ .s-affixed-input-wrapper .c-form__help { grid-area: help; }
41
+ .s-affixed-input-wrapper .field-errors,
42
+ .s-affixed-input-wrapper .c-form__errors { grid-area: error; }
45
43
 
46
44
 
47
45
 
@@ -9,3 +9,14 @@ Markup: s-cms-nav.html
9
9
 
10
10
  Styleguide Trumps.Scopes.CMSNav
11
11
  */
12
+
13
+ ul.s-cms-nav {
14
+ /* To overwrite @tacc/core-styles */
15
+ padding-left: 0; /* copied from Bootstrap */
16
+ margin-bottom: 0; /* overwrite html-elements.css */
17
+ }
18
+
19
+ .s-cms-nav a:hover {
20
+ /* To overwrite @tacc/core-styles */
21
+ text-decoration: none; /* copied from Bootstrap */
22
+ }
@@ -0,0 +1,30 @@
1
+ /*
2
+ Header
3
+
4
+ Bootstrap styles that `s-header.css` expects exist in the same layer
5
+ (i.e. desinger may expect to not change until a new header design):
6
+
7
+ Markup: s-header.html
8
+
9
+ Styleguide Trumps.Scopes.Header.Bootstrap
10
+ */
11
+
12
+ .s-header .dropdown-item {
13
+ color: #212529;
14
+ }
15
+ .s-header .dropdown-item:focus,
16
+ .s-header .dropdown-item:hover {
17
+ color: #16181b;
18
+ text-decoration: none;
19
+ background-color: #f8f9fa;
20
+ }
21
+ .s-header .dropdown-item.active,
22
+ .s-header .dropdown-item:active {
23
+ color: #fff;
24
+ text-decoration: none;
25
+ background-color: #007bff
26
+ }
27
+
28
+ .s-header input {
29
+ font-family: inherit;
30
+ }
@@ -15,6 +15,7 @@ Markup: s-header.html
15
15
 
16
16
  Styleguide Trumps.Scopes.Header
17
17
  */
18
+ @import url("./s-header.bootstrap.css");
18
19
 
19
20
  /* WARNING: NO-R/EM: Until Frontera CMS drops Bootstrap 3.7.1 (for old design)…
20
21
  `em` nor `rem` was not allowed because results were not consistent.
@@ -12,6 +12,7 @@ Markup:
12
12
 
13
13
  Styleguide Trumps.Scopes.InlineDescriptionList
14
14
  */
15
+
15
16
  dl.s-inline-dl dt {
16
17
  display: block;
17
18
  float: left;
@@ -1,8 +1,4 @@
1
1
  context:
2
2
  supportStyles:
3
- - /assets/elements/links.css
4
- - /assets/elements/links/docs.css
5
- - /assets/components/c-button.css
3
+ - /assets/tools/x-link/demo.css
6
4
  label: Links (Irregular)
7
- variants:
8
- - name: default
@@ -15,6 +15,16 @@ Styleguide Trumps.Scopes.PortalNav
15
15
  UPDATE: As of PR #312, this has likely changed (untested). */
16
16
 
17
17
  .s-portal-nav {
18
- /* Override `.navbar` */
18
+ /* To override Bootstrap `.navbar` */
19
19
  text-transform: none;
20
20
  }
21
+ ul.s-portal-nav {
22
+ /* To overwrite @tacc/core-styles */
23
+ padding-left: 0; /* copied from Bootstrap */
24
+ margin-bottom: 0; /* overwrite html-elements.css */
25
+ }
26
+
27
+ .s-portal-nav a:hover {
28
+ /* To overwrite @tacc/core-styles */
29
+ text-decoration: none; /* copied from Bootstrap */
30
+ }
@@ -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
- - /assets/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.11.0+ | MIT | github.com/TACC/Core-Styles */form{margin:1em}
@@ -1 +0,0 @@
1
- /*! @tacc/core-styles 0.11.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 */#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.11.0+ | MIT | github.com/TACC/Core-Styles */form{margin:1em}#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 */:root{--global-max-width--x-narrow:540px;--global-max-width--narrow:720px;--global-max-width--medium:960px;--global-max-width--wide:1140px;--global-max-width--x-wide:1320px;--global-max-width--xx-wide:1580px;--global-max-width--xxx-wide:1800px}@media (min-width:1680px){.container{max-width:var(--global-max-width--x-wide)}}@media (min-width:1920px){.container{max-width:var(--global-max-width--xx-wide)}}
@@ -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 */:root{--global-border-width--normal:1px;--global-border--normal:var(--global-border-width--normal) solid var(--global-color-primary--normal);--global-border-width--thick:2px;--global-border--thick:var(--global-border-width--thick) solid var(--global-color-primary--normal);--global-border-width--x-thick:3px;--global-border--x-thick:var(--global-border-width--x-thick) solid var(--global-color-primary--normal)}.form-control{border:var(--global-border--normal);border-radius:0}input.form-control,textarea.form-control{padding:6px 12px}.input-group-prepend{z-index:1}
@@ -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 */.x-truncate--many-lines{--lines:2;-webkit-box-orient:vertical;-webkit-line-clamp:var(--lines);display:-webkit-box;overflow:hidden}.x-untruncate--many-lines{-webkit-line-clamp:inherit;overflow:visible}.modal-title,.x-truncate--one-line{overflow:hidden;text-overflow:var(--text-overflow,ellipsis);white-space:nowrap}.x-untruncate--one-line{overflow:visible;white-space:normal}.modal-body,.modal-content,.modal-footer,.modal-header{border-radius:0}.modal-body,.modal-content,.modal-header{border:none}.modal-footer{border-bottom:none;border-left:none;border-right:none}.modal-header{background-color:var(--global-color-primary--x-light);padding:1.35rem 1.75rem}.modal-title{color:var(--global-color-primary--xx-dark);font-size:1.2rem;font-weight:400}.modal-header .close{color:var(--global-color-primary--x-dark);opacity:1}.modal-header .close:not(:disabled):not(.disabled):focus,.modal-header .close:not(:disabled):not(.disabled):hover{color:var(--global-color-primary--xx-dark);opacity:1}.modal-header .close span{font-family:Cortal-Icons!important;font-size:1.5rem}.modal-header.has-MuiTabs{border-bottom:1px solid #afafaf;flex-direction:row;height:63.5px;padding:5px;position:relative}.modal-header.has-MuiTabs .close{transform:translate(-25%,25%)}
@@ -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 */#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.11.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.11.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.11.0+ | MIT | github.com/TACC/Core-Styles */p{margin:10px;max-width:40ch}
@@ -1 +0,0 @@
1
- /*! @tacc/core-styles 0.11.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.11.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/assets/elements/html-elements.cms.css --}}
3
- <link rel='stylesheet' href='{{path "/assets/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,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
- }