@tacc/core-styles 0.6.0-alpha → 0.6.0-beta

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 (98) hide show
  1. package/README.md +51 -52
  2. package/dist/branding_logos.css +1 -1
  3. package/dist/components/README.css +1 -1
  4. package/dist/components/bootstrap.container.css +1 -1
  5. package/dist/components/bootstrap.figure.css +1 -1
  6. package/dist/components/bootstrap.form.css +2 -0
  7. package/dist/components/bootstrap.modal.css +2 -0
  8. package/dist/components/bootstrap.pagination.css +1 -1
  9. package/dist/components/c-button.css +2 -2
  10. package/dist/components/c-callout.css +1 -1
  11. package/dist/components/c-card.css +1 -1
  12. package/dist/components/c-data-list.css +1 -1
  13. package/dist/components/c-footer.css +1 -1
  14. package/dist/components/c-image-map.css +1 -1
  15. package/dist/components/c-image-map.skin.css +1 -1
  16. package/dist/components/c-image-map.structure.css +1 -1
  17. package/dist/components/c-nav.css +1 -1
  18. package/dist/components/c-page.css +1 -1
  19. package/dist/components/c-recognition.css +1 -1
  20. package/dist/components/c-see-all-link.css +1 -1
  21. package/dist/components/c-show-more.css +1 -1
  22. package/dist/components/cortal.icon.css +2 -0
  23. package/dist/components/cortal.icon.font.css +2 -0
  24. package/dist/elements/README.css +1 -1
  25. package/dist/elements/figure.css +1 -1
  26. package/dist/elements/html-elements.css +1 -1
  27. package/dist/elements/tacc-search-bar.css +1 -1
  28. package/dist/generics/README.css +1 -1
  29. package/dist/objects/README.css +1 -1
  30. package/dist/objects/o-fixed-header-table.css +2 -0
  31. package/dist/objects/o-flex-item-table-wrap.css +1 -1
  32. package/dist/objects/o-grid.css +1 -1
  33. package/dist/objects/o-offset-content.css +1 -1
  34. package/dist/objects/o-section.css +1 -1
  35. package/dist/objects/o-site.css +1 -1
  36. package/dist/settings/README.css +1 -1
  37. package/dist/settings/border.css +1 -1
  38. package/dist/settings/color.css +1 -1
  39. package/dist/settings/font.css +1 -1
  40. package/dist/settings/max-width.css +1 -1
  41. package/dist/settings/space.css +1 -1
  42. package/dist/tools/README.css +1 -1
  43. package/dist/tools/media-queries.css +1 -1
  44. package/dist/tools/x-article-link.css +1 -1
  45. package/dist/tools/x-center.css +1 -1
  46. package/dist/tools/x-fake-border.css +1 -1
  47. package/dist/tools/x-grid.css +1 -1
  48. package/dist/tools/x-layout.css +1 -1
  49. package/dist/tools/x-overlay.css +1 -1
  50. package/dist/tools/x-truncate.css +1 -1
  51. package/dist/trumps/README.css +1 -1
  52. package/dist/trumps/icon.css +1 -1
  53. package/dist/trumps/icon.fonts.css +1 -1
  54. package/dist/trumps/s-article-list.css +1 -1
  55. package/dist/trumps/s-article-preview.css +1 -1
  56. package/dist/trumps/s-blockquote.css +1 -1
  57. package/dist/trumps/s-breadcrumbs.css +1 -1
  58. package/dist/trumps/s-cms-nav.css +1 -1
  59. package/dist/trumps/s-document.css +1 -1
  60. package/dist/trumps/s-footer.css +1 -1
  61. package/dist/trumps/s-guide-doc.css +1 -1
  62. package/dist/trumps/s-header.css +1 -1
  63. package/dist/trumps/s-inline-dl.css +1 -1
  64. package/dist/trumps/s-portal-nav.css +1 -1
  65. package/dist/trumps/s-style-guide.css +1 -1
  66. package/dist/trumps/s-system-specs.css +1 -1
  67. package/dist/trumps/tacc-search-bar.css +1 -1
  68. package/dist/trumps/u-empty.css +1 -1
  69. package/dist/trumps/u-hide.css +1 -1
  70. package/dist/trumps/u-nested-text-content.css +1 -1
  71. package/package.json +10 -8
  72. package/src/.postcssrc.base.yml +38 -0
  73. package/src/bin/build.js +6 -8
  74. package/src/bin/config.js +34 -42
  75. package/src/bin/version.js +8 -9
  76. package/src/cli.js +41 -32
  77. package/src/lib/_imports/README.md +7 -7
  78. package/src/lib/_imports/components/c-button.css +81 -14
  79. package/src/lib/_imports/components/c-button.html +8 -4
  80. package/src/lib/_imports/components/c-callout.html +70 -16
  81. package/src/lib/_imports/components/c-card.html +31 -16
  82. package/src/lib/_imports/components/c-data-list.html +16 -30
  83. package/src/lib/_imports/components/c-image-map.html +12 -2
  84. package/src/lib/_imports/components/c-page.html +186 -175
  85. package/src/lib/_imports/elements/tacc-search-bar.md +10 -4
  86. package/src/lib/_imports/generics/README.md +1 -1
  87. package/src/lib/_imports/objects/o-grid.html +72 -22
  88. package/src/lib/_imports/objects/o-section.css +0 -1
  89. package/src/lib/_imports/objects/o-section.html +72 -11
  90. package/src/lib/_imports/objects/o-site.html +4 -10
  91. package/src/lib/_imports/trumps/s-article-list.html +2 -6
  92. package/src/lib/_imports/trumps/s-article-preview.html +3 -4
  93. package/src/lib/_imports/trumps/s-cms-nav.html +1 -1
  94. package/src/lib/_imports/trumps/s-footer.html +1 -3
  95. package/src/lib/_imports/trumps/s-header.html +2 -5
  96. package/src/lib/_imports/trumps/s-portal-nav.html +4 -3
  97. package/src/lib/_tests/README.md +8 -3
  98. package/src/main.js +18 -19
@@ -1,192 +1,203 @@
1
1
  <!-- Pagination with one page -->
2
2
  <div class="c-page-list">
3
- <button class="
4
- c-button c-button--as-link
5
- c-page-end
6
- " disabled
7
- type="button">&lt; Previous</button>
8
- <button class="
9
- c-button c-button--secondary c-button--is-active c-button--size-small
10
- c-page-item c-page-link c-page-link--always-click
11
- "
12
- type="button">1</button>
13
- <button class="
14
- c-button c-button--as-link
15
- c-page-end
16
- " disabled
17
- type="button">Next &gt;</button>
3
+ <button class="c-button c-button--as-link c-page-end" disabled type="button">
4
+ &lt; Previous
5
+ </button>
6
+ <button
7
+ class="c-button c-button--secondary c-button--is-active c-button--size-small c-page-item c-page-link c-page-link--always-click"
8
+ type="button"
9
+ >
10
+ 1
11
+ </button>
12
+ <button class="c-button c-button--as-link c-page-end" disabled type="button">
13
+ Next &gt;
14
+ </button>
18
15
  </div>
19
16
 
20
17
  <!-- Pagination with fewer than 7 pages -->
21
18
  <div class="c-page-list">
22
- <button class="
23
- c-button c-button--as-link
24
- c-page-end
25
- "
26
- type="button">&lt; Previous</button>
27
- <button class="
28
- c-button c-button--secondary c-button--size-small
29
- c-page-item c-page-link c-page-link--always-click
30
- "
31
- type="button">1</button>
32
- <button class="
33
- c-button c-button--secondary c-button--is-active c-button--size-small
34
- c-page-item c-page-link c-page-link--always-click
35
- "
36
- type="button">2</button>
37
- <button class="
38
- c-button c-button--secondary c-button--size-small
39
- c-page-item c-page-link c-page-link--always-click
40
- "
41
- type="button">3</button>
42
- <button class="
43
- c-button c-button--secondary c-button--size-small
44
- c-page-item c-page-link c-page-link--always-click
45
- "
46
- type="button">4</button>
47
- <button class="
48
- c-button c-button--as-link
49
- c-page-end
50
- "
51
- type="button">Next &gt;</button>
19
+ <button class="c-button c-button--as-link c-page-end" type="button">
20
+ &lt; Previous
21
+ </button>
22
+ <button
23
+ class="c-button c-button--secondary c-button--size-small c-page-item c-page-link c-page-link--always-click"
24
+ type="button"
25
+ >
26
+ 1
27
+ </button>
28
+ <button
29
+ class="c-button c-button--secondary c-button--is-active c-button--size-small c-page-item c-page-link c-page-link--always-click"
30
+ type="button"
31
+ >
32
+ 2
33
+ </button>
34
+ <button
35
+ class="c-button c-button--secondary c-button--size-small c-page-item c-page-link c-page-link--always-click"
36
+ type="button"
37
+ >
38
+ 3
39
+ </button>
40
+ <button
41
+ class="c-button c-button--secondary c-button--size-small c-page-item c-page-link c-page-link--always-click"
42
+ type="button"
43
+ >
44
+ 4
45
+ </button>
46
+ <button class="c-button c-button--as-link c-page-end" type="button">
47
+ Next &gt;
48
+ </button>
52
49
  </div>
53
50
 
54
51
  <!-- Pagination with current page near start -->
55
52
  <div class="c-page-list">
56
- <button class="
57
- c-button c-button--as-link
58
- c-page-end
59
- "
60
- type="button">&lt; Previous</button>
61
- <button class="
62
- c-button c-button--secondary c-button--size-small
63
- c-page-item c-page-link c-page-link--always-click
64
- "
65
- type="button">1</button>
66
- <button class="
67
- c-button c-button--secondary c-button--size-small
68
- c-page-item c-page-link c-page-link--always-click
69
- "
70
- type="button">2</button>
71
- <button class="
72
- c-button c-button--secondary c-button--is-active c-button--size-small
73
- c-page-item c-page-link c-page-link--always-click
74
- "
75
- type="button">3</button>
76
- <button class="
77
- c-button c-button--secondary c-button--size-small
78
- c-page-item c-page-link c-page-link--always-click
79
- "
80
- type="button">4</button>
81
- <button class="
82
- c-button c-button--secondary c-button--size-small
83
- c-page-item c-page-link c-page-link--always-click
84
- "
85
- type="button">5</button>
86
- <button class="
87
- c-button c-button--secondary c-button--size-small
88
- c-page-item c-page-link c-page-link--always-click
89
- "
90
- type="button">6</button>
91
- <button class="
92
- c-button c-button--secondary c-button--size-small
93
- c-page-item c-page-link c-page-link--always-click
94
- "
95
- type="button">7</button>
96
- <button class="
97
- c-button c-button--secondary c-button--size-small
98
- c-page-item c-page-link c-page-link--always-click
99
- "
100
- type="button">8</button>
101
- <button class="
102
- c-button c-button--secondary c-button--size-small
103
- c-page-item c-page-link c-page-link--always-click
104
- "
105
- type="button">9</button>
106
- <button class="
107
- c-button c-button--secondary c-button--size-small
108
- c-page-item c-page-link c-page-link--always-click
109
- "
110
- type="button">10</button>
53
+ <button class="c-button c-button--as-link c-page-end" type="button">
54
+ &lt; Previous
55
+ </button>
56
+ <button
57
+ class="c-button c-button--secondary c-button--size-small c-page-item c-page-link c-page-link--always-click"
58
+ type="button"
59
+ >
60
+ 1
61
+ </button>
62
+ <button
63
+ class="c-button c-button--secondary c-button--size-small c-page-item c-page-link c-page-link--always-click"
64
+ type="button"
65
+ >
66
+ 2
67
+ </button>
68
+ <button
69
+ class="c-button c-button--secondary c-button--is-active c-button--size-small c-page-item c-page-link c-page-link--always-click"
70
+ type="button"
71
+ >
72
+ 3
73
+ </button>
74
+ <button
75
+ class="c-button c-button--secondary c-button--size-small c-page-item c-page-link c-page-link--always-click"
76
+ type="button"
77
+ >
78
+ 4
79
+ </button>
80
+ <button
81
+ class="c-button c-button--secondary c-button--size-small c-page-item c-page-link c-page-link--always-click"
82
+ type="button"
83
+ >
84
+ 5
85
+ </button>
86
+ <button
87
+ class="c-button c-button--secondary c-button--size-small c-page-item c-page-link c-page-link--always-click"
88
+ type="button"
89
+ >
90
+ 6
91
+ </button>
92
+ <button
93
+ class="c-button c-button--secondary c-button--size-small c-page-item c-page-link c-page-link--always-click"
94
+ type="button"
95
+ >
96
+ 7
97
+ </button>
98
+ <button
99
+ class="c-button c-button--secondary c-button--size-small c-page-item c-page-link c-page-link--always-click"
100
+ type="button"
101
+ >
102
+ 8
103
+ </button>
104
+ <button
105
+ class="c-button c-button--secondary c-button--size-small c-page-item c-page-link c-page-link--always-click"
106
+ type="button"
107
+ >
108
+ 9
109
+ </button>
110
+ <button
111
+ class="c-button c-button--secondary c-button--size-small c-page-item c-page-link c-page-link--always-click"
112
+ type="button"
113
+ >
114
+ 10
115
+ </button>
111
116
  <span class="c-page-item--etcetera">...</span>
112
- <button class="
113
- c-button c-button--secondary c-button--size-small
114
- c-page-item c-page-link c-page-link--always-click
115
- "
116
- type="button">20</button>
117
- <button class="
118
- c-button c-button--as-link
119
- c-page-end
120
- "
121
- type="button">Next &gt;</button>
117
+ <button
118
+ class="c-button c-button--secondary c-button--size-small c-page-item c-page-link c-page-link--always-click"
119
+ type="button"
120
+ >
121
+ 20
122
+ </button>
123
+ <button class="c-button c-button--as-link c-page-end" type="button">
124
+ Next &gt;
125
+ </button>
122
126
  </div>
123
127
 
124
128
  <!-- Pagination with current page near end -->
125
129
  <div class="c-page-list">
126
- <button class="
127
- c-button c-button--as-link
128
- c-page-end
129
- "
130
- type="button">&lt; Previous</button>
131
- <button class="
132
- c-button c-button--secondary c-button--size-small
133
- c-page-item c-page-link c-page-link--always-click
134
- "
135
- type="button">1</button>
130
+ <button class="c-button c-button--as-link c-page-end" type="button">
131
+ &lt; Previous
132
+ </button>
133
+ <button
134
+ class="c-button c-button--secondary c-button--size-small c-page-item c-page-link c-page-link--always-click"
135
+ type="button"
136
+ >
137
+ 1
138
+ </button>
136
139
  <span class="c-page-item--etcetera">...</span>
137
- <button class="
138
- c-button c-button--secondary c-button--size-small
139
- c-page-item c-page-link c-page-link--always-click
140
- "
141
- type="button">11</button>
142
- <button class="
143
- c-button c-button--secondary c-button--size-small
144
- c-page-item c-page-link c-page-link--always-click
145
- "
146
- type="button">12</button>
147
- <button class="
148
- c-button c-button--secondary c-button--size-small
149
- c-page-item c-page-link c-page-link--always-click
150
- "
151
- type="button">13</button>
152
- <button class="
153
- c-button c-button--secondary c-button--size-small
154
- c-page-item c-page-link c-page-link--always-click
155
- "
156
- type="button">14</button>
157
- <button class="
158
- c-button c-button--secondary c-button--size-small
159
- c-page-item c-page-link c-page-link--always-click
160
- "
161
- type="button">15</button>
162
- <button class="
163
- c-button c-button--secondary c-button--size-small
164
- c-page-item c-page-link c-page-link--always-click
165
- "
166
- type="button">16</button>
167
- <button class="
168
- c-button c-button--secondary c-button--size-small
169
- c-page-item c-page-link c-page-link--always-click
170
- "
171
- type="button">17</button>
172
- <button class="
173
- c-button c-button--secondary c-button--is-active c-button--size-small
174
- c-page-item c-page-link c-page-link--always-click
175
- "
176
- type="button">18</button>
177
- <button class="
178
- c-button c-button--secondary c-button--size-small
179
- c-page-item c-page-link c-page-link--always-click
180
- "
181
- type="button">19</button>
182
- <button class="
183
- c-button c-button--secondary c-button--size-small
184
- c-page-item c-page-link c-page-link--always-click
185
- "
186
- type="button">20</button>
187
- <button class="
188
- c-button c-button--as-link
189
- c-page-end
190
- "
191
- type="button">Next &gt;</button>
140
+ <button
141
+ class="c-button c-button--secondary c-button--size-small c-page-item c-page-link c-page-link--always-click"
142
+ type="button"
143
+ >
144
+ 11
145
+ </button>
146
+ <button
147
+ class="c-button c-button--secondary c-button--size-small c-page-item c-page-link c-page-link--always-click"
148
+ type="button"
149
+ >
150
+ 12
151
+ </button>
152
+ <button
153
+ class="c-button c-button--secondary c-button--size-small c-page-item c-page-link c-page-link--always-click"
154
+ type="button"
155
+ >
156
+ 13
157
+ </button>
158
+ <button
159
+ class="c-button c-button--secondary c-button--size-small c-page-item c-page-link c-page-link--always-click"
160
+ type="button"
161
+ >
162
+ 14
163
+ </button>
164
+ <button
165
+ class="c-button c-button--secondary c-button--size-small c-page-item c-page-link c-page-link--always-click"
166
+ type="button"
167
+ >
168
+ 15
169
+ </button>
170
+ <button
171
+ class="c-button c-button--secondary c-button--size-small c-page-item c-page-link c-page-link--always-click"
172
+ type="button"
173
+ >
174
+ 16
175
+ </button>
176
+ <button
177
+ class="c-button c-button--secondary c-button--size-small c-page-item c-page-link c-page-link--always-click"
178
+ type="button"
179
+ >
180
+ 17
181
+ </button>
182
+ <button
183
+ class="c-button c-button--secondary c-button--is-active c-button--size-small c-page-item c-page-link c-page-link--always-click"
184
+ type="button"
185
+ >
186
+ 18
187
+ </button>
188
+ <button
189
+ class="c-button c-button--secondary c-button--size-small c-page-item c-page-link c-page-link--always-click"
190
+ type="button"
191
+ >
192
+ 19
193
+ </button>
194
+ <button
195
+ class="c-button c-button--secondary c-button--size-small c-page-item c-page-link c-page-link--always-click"
196
+ type="button"
197
+ >
198
+ 20
199
+ </button>
200
+ <button class="c-button c-button--as-link c-page-end" type="button">
201
+ Next &gt;
202
+ </button>
192
203
  </div>
@@ -5,16 +5,22 @@ The search bar (as implemented in TACC/Core-CMS) _currently_ has a caveat (that
5
5
  Certain styles need to load **before** all search bar styles and markup:
6
6
 
7
7
  ```css
8
- :host { visibility: hidden; height: 0; }
8
+ :host {
9
+ visibility: hidden;
10
+ height: 0;
11
+ }
9
12
  ```
10
13
 
11
14
  Certain styles need to load **after** all search bar styles and markup:
12
15
 
13
16
  ```css
14
- :host { visibility: visible; height: auto; }
17
+ :host {
18
+ visibility: visible;
19
+ height: auto;
20
+ }
15
21
  ```
16
22
 
17
23
  This avoids [FOUC] by hiding the search bar _until_ all styles and markup are loaded.
18
24
 
19
- [TACC/Core-CMS#101]: https://github.com/TACC/Core-CMS/issues/101
20
- [FOUC]: https://en.wikipedia.org/wiki/Flash_of_unstyled_content
25
+ [tacc/core-cms#101]: https://github.com/TACC/Core-CMS/issues/101
26
+ [fouc]: https://en.wikipedia.org/wiki/Flash_of_unstyled_content
@@ -6,4 +6,4 @@ This directory is here to show and document all [ITCSS] directories.
6
6
 
7
7
  [^1]: Bootstrap also provides its own objects, components, elements, and trumps.
8
8
 
9
- [ITCSS]: https://confluence.tacc.utexas.edu/x/IAA9Cw
9
+ [itcss]: https://confluence.tacc.utexas.edu/x/IAA9Cw
@@ -3,10 +3,18 @@
3
3
 
4
4
  {# The {{ html }} allows DjangoCMS Snippet to pass in class names #}
5
5
  <div class="o-grid {{modifier_class}} {{ html }}">
6
- <img src="https://cep.tacc.utexas.edu/media/filer_public_thumbnails/filer_public/69/85/698569d0-641f-4289-94c2-664389d626e8/spectrum-square-240px.png__240x240_q85_subject_location-120%2C120_subsampling-2.png" />
7
- <img src="https://cep.tacc.utexas.edu/media/filer_public_thumbnails/filer_public/c9/eb/c9ebd744-14d3-43ed-bc2e-86ed96eeef8a/spectrum-tall-320px.png__160x320_q85_subject_location-76%2C160_subsampling-2.jpg" />
8
- <img src="https://cep.tacc.utexas.edu/media/filer_public_thumbnails/filer_public/14/15/1415253c-940f-452d-968e-0a17bd158867/spectrum-wide-600px.png__600x300_q85_subject_location-289%2C146_subsampling-2.png" />
9
- <img src="https://cep.tacc.utexas.edu/media/filer_public_thumbnails/filer_public/fb/3f/fb3fd4c3-6360-4759-b607-f393b84558c0/spectrum-wide-320px.png__320x160_q85_subject_location-157%2C78_subsampling-2.png" />
6
+ <img
7
+ src="https://cep.tacc.utexas.edu/media/filer_public_thumbnails/filer_public/69/85/698569d0-641f-4289-94c2-664389d626e8/spectrum-square-240px.png__240x240_q85_subject_location-120%2C120_subsampling-2.png"
8
+ />
9
+ <img
10
+ src="https://cep.tacc.utexas.edu/media/filer_public_thumbnails/filer_public/c9/eb/c9ebd744-14d3-43ed-bc2e-86ed96eeef8a/spectrum-tall-320px.png__160x320_q85_subject_location-76%2C160_subsampling-2.jpg"
11
+ />
12
+ <img
13
+ src="https://cep.tacc.utexas.edu/media/filer_public_thumbnails/filer_public/14/15/1415253c-940f-452d-968e-0a17bd158867/spectrum-wide-600px.png__600x300_q85_subject_location-289%2C146_subsampling-2.png"
14
+ />
15
+ <img
16
+ src="https://cep.tacc.utexas.edu/media/filer_public_thumbnails/filer_public/fb/3f/fb3fd4c3-6360-4759-b607-f393b84558c0/spectrum-wide-320px.png__320x160_q85_subject_location-157%2C78_subsampling-2.png"
17
+ />
10
18
  </div>
11
19
  </details>
12
20
  <details>
@@ -16,8 +24,22 @@
16
24
  <div class="o-grid {{modifier_class}} {{ html }}">
17
25
  <p>Lorem</p>
18
26
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
19
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tempus justo vel pulvinar sagittis. Nulla sed bibendum mauris, vitae faucibus erat. Ut vehicula, tellus eget sagittis vehicula, orci leo placerat est, feugiat iaculis tortor ipsum quis risus.</p>
20
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tempus justo vel pulvinar sagittis. Nulla sed bibendum mauris, vitae faucibus erat. Ut vehicula, tellus eget sagittis vehicula, orci leo placerat est, feugiat iaculis tortor ipsum quis risus. Pellentesque quis faucibus nisl. Integer dapibus, nunc nec eleifend rhoncus, nibh est finibus purus, gravida elementum ipsum purus eu metus. Donec tincidunt metus ut pretium auctor. Nulla dignissim euismod tempor. Fusce pharetra arcu nisl, eu varius est fermentum eget. Vivamus dictum aliquet turpis.</p>
27
+ <p>
28
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tempus justo
29
+ vel pulvinar sagittis. Nulla sed bibendum mauris, vitae faucibus erat. Ut
30
+ vehicula, tellus eget sagittis vehicula, orci leo placerat est, feugiat
31
+ iaculis tortor ipsum quis risus.
32
+ </p>
33
+ <p>
34
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tempus justo
35
+ vel pulvinar sagittis. Nulla sed bibendum mauris, vitae faucibus erat. Ut
36
+ vehicula, tellus eget sagittis vehicula, orci leo placerat est, feugiat
37
+ iaculis tortor ipsum quis risus. Pellentesque quis faucibus nisl. Integer
38
+ dapibus, nunc nec eleifend rhoncus, nibh est finibus purus, gravida
39
+ elementum ipsum purus eu metus. Donec tincidunt metus ut pretium auctor.
40
+ Nulla dignissim euismod tempor. Fusce pharetra arcu nisl, eu varius est
41
+ fermentum eget. Vivamus dictum aliquet turpis.
42
+ </p>
21
43
  </div>
22
44
  </details>
23
45
  <details>
@@ -25,17 +47,37 @@
25
47
 
26
48
  {# The {{ html }} allows DjangoCMS Snippet to pass in class names #}
27
49
  <div class="o-grid {{modifier_class}} {{ html }}">
28
- <a href="https://cep.tacc.utexas.eduhttps://cep.tacc.utexas.edu/media/filer_public/69/85/698569d0-641f-4289-94c2-664389d626e8/spectrum-square-240px.png" target="_blank">
29
- <img src="https://cep.tacc.utexas.edu/media/filer_public_thumbnails/filer_public/69/85/698569d0-641f-4289-94c2-664389d626e8/spectrum-square-240px.png__240x240_q85_subject_location-120%2C120_subsampling-2.png" />
50
+ <a
51
+ href="https://cep.tacc.utexas.eduhttps://cep.tacc.utexas.edu/media/filer_public/69/85/698569d0-641f-4289-94c2-664389d626e8/spectrum-square-240px.png"
52
+ target="_blank"
53
+ >
54
+ <img
55
+ src="https://cep.tacc.utexas.edu/media/filer_public_thumbnails/filer_public/69/85/698569d0-641f-4289-94c2-664389d626e8/spectrum-square-240px.png__240x240_q85_subject_location-120%2C120_subsampling-2.png"
56
+ />
30
57
  </a>
31
- <a href="https://cep.tacc.utexas.eduhttps://cep.tacc.utexas.edu/media/filer_public/0d/04/0d048909-c09c-4d87-93af-cc1afa81f762/spectrum-tall-320px.png" target="_blank">
32
- <img src="https://cep.tacc.utexas.edu/media/filer_public_thumbnails/filer_public/c9/eb/c9ebd744-14d3-43ed-bc2e-86ed96eeef8a/spectrum-tall-320px.png__160x320_q85_subject_location-76%2C160_subsampling-2.jpg" />
58
+ <a
59
+ href="https://cep.tacc.utexas.eduhttps://cep.tacc.utexas.edu/media/filer_public/0d/04/0d048909-c09c-4d87-93af-cc1afa81f762/spectrum-tall-320px.png"
60
+ target="_blank"
61
+ >
62
+ <img
63
+ src="https://cep.tacc.utexas.edu/media/filer_public_thumbnails/filer_public/c9/eb/c9ebd744-14d3-43ed-bc2e-86ed96eeef8a/spectrum-tall-320px.png__160x320_q85_subject_location-76%2C160_subsampling-2.jpg"
64
+ />
33
65
  </a>
34
- <a href="https://cep.tacc.utexas.eduhttps://cep.tacc.utexas.edu/media/filer_public/93/8c/938c12d4-1784-4061-b701-d81d975ce04c/spectrum-wide-600px.png" target="_blank">
35
- <img src="https://cep.tacc.utexas.edu/media/filer_public_thumbnails/filer_public/14/15/1415253c-940f-452d-968e-0a17bd158867/spectrum-wide-600px.png__600x300_q85_subject_location-289%2C146_subsampling-2.png" />
66
+ <a
67
+ href="https://cep.tacc.utexas.eduhttps://cep.tacc.utexas.edu/media/filer_public/93/8c/938c12d4-1784-4061-b701-d81d975ce04c/spectrum-wide-600px.png"
68
+ target="_blank"
69
+ >
70
+ <img
71
+ src="https://cep.tacc.utexas.edu/media/filer_public_thumbnails/filer_public/14/15/1415253c-940f-452d-968e-0a17bd158867/spectrum-wide-600px.png__600x300_q85_subject_location-289%2C146_subsampling-2.png"
72
+ />
36
73
  </a>
37
- <a href="https://cep.tacc.utexas.eduhttps://cep.tacc.utexas.edu/media/filer_public/bd/fb/bdfbab1f-5275-42c1-8c3d-03e2a0385027/spectrum-wide-320px.png" target="_blank">
38
- <img src="https://cep.tacc.utexas.edu/media/filer_public_thumbnails/filer_public/fb/3f/fb3fd4c3-6360-4759-b607-f393b84558c0/spectrum-wide-320px.png__320x160_q85_subject_location-157%2C78_subsampling-2.png" />
74
+ <a
75
+ href="https://cep.tacc.utexas.eduhttps://cep.tacc.utexas.edu/media/filer_public/bd/fb/bdfbab1f-5275-42c1-8c3d-03e2a0385027/spectrum-wide-320px.png"
76
+ target="_blank"
77
+ >
78
+ <img
79
+ src="https://cep.tacc.utexas.edu/media/filer_public_thumbnails/filer_public/fb/3f/fb3fd4c3-6360-4759-b607-f393b84558c0/spectrum-wide-320px.png__320x160_q85_subject_location-157%2C78_subsampling-2.png"
80
+ />
39
81
  </a>
40
82
  </div>
41
83
  </details>
@@ -45,20 +87,28 @@
45
87
  {# The {{ html }} allows DjangoCMS Snippet to pass in class names #}
46
88
  <div class="o-grid {{modifier_class}} {{ html }}">
47
89
  <figure>
48
- <img src="https://cep.tacc.utexas.edu/media/filer_public_thumbnails/filer_public/69/85/698569d0-641f-4289-94c2-664389d626e8/spectrum-square-240px.png__240x240_q85_subject_location-120%2C120_subsampling-2.png" />
49
- <figcaption>Spectrum Square 240px</figcaption>
90
+ <img
91
+ src="https://cep.tacc.utexas.edu/media/filer_public_thumbnails/filer_public/69/85/698569d0-641f-4289-94c2-664389d626e8/spectrum-square-240px.png__240x240_q85_subject_location-120%2C120_subsampling-2.png"
92
+ />
93
+ <figcaption>Spectrum Square 240px</figcaption>
50
94
  </figure>
51
95
  <figure>
52
- <img src="https://cep.tacc.utexas.edu/media/filer_public_thumbnails/filer_public/c9/eb/c9ebd744-14d3-43ed-bc2e-86ed96eeef8a/spectrum-tall-320px.png__160x320_q85_subject_location-76%2C160_subsampling-2.jpg" />
53
- <figcaption>Spectrum Tall 320px</figcaption>
96
+ <img
97
+ src="https://cep.tacc.utexas.edu/media/filer_public_thumbnails/filer_public/c9/eb/c9ebd744-14d3-43ed-bc2e-86ed96eeef8a/spectrum-tall-320px.png__160x320_q85_subject_location-76%2C160_subsampling-2.jpg"
98
+ />
99
+ <figcaption>Spectrum Tall 320px</figcaption>
54
100
  </figure>
55
101
  <figure>
56
- <img src="https://cep.tacc.utexas.edu/media/filer_public_thumbnails/filer_public/14/15/1415253c-940f-452d-968e-0a17bd158867/spectrum-wide-600px.png__600x300_q85_subject_location-289%2C146_subsampling-2.png" />
57
- <figcaption>Spectrum Wide 600px</figcaption>
102
+ <img
103
+ src="https://cep.tacc.utexas.edu/media/filer_public_thumbnails/filer_public/14/15/1415253c-940f-452d-968e-0a17bd158867/spectrum-wide-600px.png__600x300_q85_subject_location-289%2C146_subsampling-2.png"
104
+ />
105
+ <figcaption>Spectrum Wide 600px</figcaption>
58
106
  </figure>
59
107
  <figure>
60
- <img src="https://cep.tacc.utexas.edu/media/filer_public_thumbnails/filer_public/fb/3f/fb3fd4c3-6360-4759-b607-f393b84558c0/spectrum-wide-320px.png__320x160_q85_subject_location-157%2C78_subsampling-2.png" />
61
- <figcaption>Spectrum Wide 320px</figcaption>
108
+ <img
109
+ src="https://cep.tacc.utexas.edu/media/filer_public_thumbnails/filer_public/fb/3f/fb3fd4c3-6360-4759-b607-f393b84558c0/spectrum-wide-320px.png__320x160_q85_subject_location-157%2C78_subsampling-2.png"
110
+ />
111
+ <figcaption>Spectrum Wide 320px</figcaption>
62
112
  </figure>
63
113
  </div>
64
114
  </details>
@@ -59,7 +59,6 @@ Styleguide Objects.Section
59
59
 
60
60
 
61
61
 
62
-
63
62
  /* Modifers */
64
63
 
65
64