@ulu/frontend 0.1.0-beta.24 → 0.1.0-beta.26
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.
- package/CHANGELOG.md +15 -0
- package/dist/ulu-frontend.min.css +1 -1
- package/docs-dev/changelog/index.html +49 -0
- package/docs-dev/demos/accordion/index.html +30 -0
- package/docs-dev/demos/button/index.html +30 -0
- package/docs-dev/demos/callout/index.html +30 -0
- package/docs-dev/demos/captioned-figure/index.html +30 -0
- package/docs-dev/demos/card/index.html +456 -429
- package/docs-dev/demos/card-grid/index.html +5165 -0
- package/docs-dev/demos/css-icons/index.html +30 -0
- package/docs-dev/demos/data-grid/index.html +30 -0
- package/docs-dev/demos/data-table/index.html +55 -25
- package/docs-dev/demos/details-group/index.html +30 -0
- package/docs-dev/demos/file-save/index.html +30 -0
- package/docs-dev/demos/flipcard/index.html +30 -0
- package/docs-dev/demos/form-theme/index.html +30 -0
- package/docs-dev/demos/index.html +30 -0
- package/docs-dev/demos/list-inline/index.html +30 -0
- package/docs-dev/demos/list-lines/index.html +30 -0
- package/docs-dev/demos/menu-stack/index.html +30 -0
- package/docs-dev/demos/modals/index.html +30 -0
- package/docs-dev/demos/nav-strip/index.html +30 -0
- package/docs-dev/demos/overlay-section/index.html +30 -0
- package/docs-dev/demos/popovers/index.html +30 -0
- package/docs-dev/demos/print/index.html +30 -0
- package/docs-dev/demos/pull-quote/index.html +30 -0
- package/docs-dev/demos/rule/index.html +30 -0
- package/docs-dev/demos/scroll-slider/index.html +60 -102
- package/docs-dev/demos/scrollpoints/index.html +30 -0
- package/docs-dev/demos/spoke-spinner/index.html +30 -0
- package/docs-dev/demos/sticky-list/index.html +30 -0
- package/docs-dev/demos/tabs/index.html +30 -0
- package/docs-dev/demos/tag/index.html +30 -0
- package/docs-dev/demos/theme-toggle/index.html +30 -0
- package/docs-dev/demos/tiles/index.html +30 -0
- package/docs-dev/demos/tooltip/index.html +30 -0
- package/docs-dev/guide/building-stylesheet/index.html +30 -0
- package/docs-dev/guide/developing-ulu-scss-module/index.html +30 -0
- package/docs-dev/guide/index.html +30 -0
- package/docs-dev/index.html +30 -0
- package/docs-dev/javascript/events/index.html +30 -0
- package/docs-dev/javascript/index.html +30 -0
- package/docs-dev/javascript/settings/index.html +30 -0
- package/docs-dev/javascript/ui-breakpoints/index.html +30 -0
- package/docs-dev/javascript/ui-collapsible/index.html +30 -0
- package/docs-dev/javascript/ui-details-group/index.html +30 -0
- package/docs-dev/javascript/ui-dialog/index.html +30 -0
- package/docs-dev/javascript/ui-flipcard/index.html +30 -0
- package/docs-dev/javascript/ui-grid/index.html +30 -0
- package/docs-dev/javascript/ui-modal-builder/index.html +30 -0
- package/docs-dev/javascript/ui-overflow-scroller/index.html +30 -0
- package/docs-dev/javascript/ui-overflow-scroller-pager/index.html +30 -0
- package/docs-dev/javascript/ui-page/index.html +30 -0
- package/docs-dev/javascript/ui-popover/index.html +30 -0
- package/docs-dev/javascript/ui-print/index.html +30 -0
- package/docs-dev/javascript/ui-print-details/index.html +30 -0
- package/docs-dev/javascript/ui-programmatic-modal/index.html +30 -0
- package/docs-dev/javascript/ui-proxy-click/index.html +30 -0
- package/docs-dev/javascript/ui-resizer/index.html +30 -0
- package/docs-dev/javascript/ui-scroll-slider/index.html +30 -0
- package/docs-dev/javascript/ui-scrollpoint/index.html +30 -0
- package/docs-dev/javascript/ui-slider/index.html +30 -0
- package/docs-dev/javascript/ui-tabs/index.html +30 -0
- package/docs-dev/javascript/ui-theme-toggle/index.html +30 -0
- package/docs-dev/javascript/ui-tooltip/index.html +30 -0
- package/docs-dev/javascript/utils-class-logger/index.html +30 -0
- package/docs-dev/javascript/utils-dom/index.html +30 -0
- package/docs-dev/javascript/utils-file-save/index.html +30 -0
- package/docs-dev/javascript/utils-floating-ui/index.html +30 -0
- package/docs-dev/javascript/utils-id/index.html +30 -0
- package/docs-dev/javascript/utils-pause-youtube-video/index.html +30 -0
- package/docs-dev/sass/base/color/index.html +30 -0
- package/docs-dev/sass/base/elements/index.html +30 -0
- package/docs-dev/sass/base/index/index.html +30 -0
- package/docs-dev/sass/base/index.html +30 -0
- package/docs-dev/sass/base/keyframes/index.html +30 -0
- package/docs-dev/sass/base/layout/index.html +30 -0
- package/docs-dev/sass/base/normalize/index.html +30 -0
- package/docs-dev/sass/base/print/index.html +30 -0
- package/docs-dev/sass/base/root/index.html +30 -0
- package/docs-dev/sass/base/typography/index.html +30 -0
- package/docs-dev/sass/components/accordion/index.html +31 -1
- package/docs-dev/sass/components/adaptive-spacing/index.html +30 -0
- package/docs-dev/sass/components/badge/index.html +30 -0
- package/docs-dev/sass/components/basic-hero/index.html +30 -0
- package/docs-dev/sass/components/button/index.html +30 -0
- package/docs-dev/sass/components/button-verbose/index.html +30 -0
- package/docs-dev/sass/components/callout/index.html +30 -0
- package/docs-dev/sass/components/captioned-figure/index.html +30 -0
- package/docs-dev/sass/components/card/index.html +70 -12
- package/docs-dev/sass/components/card-grid/index.html +30 -0
- package/docs-dev/sass/components/css-icon/index.html +30 -0
- package/docs-dev/sass/components/data-grid/index.html +30 -0
- package/docs-dev/sass/components/data-table/index.html +30 -0
- package/docs-dev/sass/components/fill-context/index.html +30 -0
- package/docs-dev/sass/components/flipcard/index.html +30 -0
- package/docs-dev/sass/components/flipcard-grid/index.html +30 -0
- package/docs-dev/sass/components/form-theme/index.html +30 -0
- package/docs-dev/sass/components/hero/index.html +30 -0
- package/docs-dev/sass/components/horizontal-rule/index.html +30 -0
- package/docs-dev/sass/components/image-grid/index.html +30 -0
- package/docs-dev/sass/components/index/index.html +30 -0
- package/docs-dev/sass/components/index.html +30 -0
- package/docs-dev/sass/components/links/index.html +30 -0
- package/docs-dev/sass/components/list-inline/index.html +30 -0
- package/docs-dev/sass/components/list-lines/index.html +30 -0
- package/docs-dev/sass/components/list-ordered/index.html +30 -0
- package/docs-dev/sass/components/list-unordered/index.html +30 -0
- package/docs-dev/sass/components/menu-stack/index.html +30 -0
- package/docs-dev/sass/components/modal/index.html +30 -0
- package/docs-dev/sass/components/nav-strip/index.html +30 -0
- package/docs-dev/sass/components/overlay-section/index.html +30 -0
- package/docs-dev/sass/components/pager/index.html +30 -0
- package/docs-dev/sass/components/placeholder-block/index.html +30 -0
- package/docs-dev/sass/components/popover/index.html +30 -0
- package/docs-dev/sass/components/pull-quote/index.html +30 -0
- package/docs-dev/sass/components/ratio-box/index.html +30 -0
- package/docs-dev/sass/components/rule/index.html +30 -0
- package/docs-dev/sass/components/scroll-slider/index.html +30 -0
- package/docs-dev/sass/components/skip-link/index.html +30 -0
- package/docs-dev/sass/components/slider/index.html +30 -0
- package/docs-dev/sass/components/spoke-spinner/index.html +30 -0
- package/docs-dev/sass/components/sticky-list/index.html +33 -3
- package/docs-dev/sass/components/tabs/index.html +30 -0
- package/docs-dev/sass/components/tag/index.html +30 -0
- package/docs-dev/sass/components/tile-button/index.html +30 -0
- package/docs-dev/sass/components/tile-grid/index.html +30 -0
- package/docs-dev/sass/components/tile-grid-overlay/index.html +30 -0
- package/docs-dev/sass/components/vignette/index.html +30 -0
- package/docs-dev/sass/components/wysiwyg/index.html +30 -0
- package/docs-dev/sass/core/breakpoint/index.html +30 -0
- package/docs-dev/sass/core/button/index.html +30 -0
- package/docs-dev/sass/core/color/index.html +30 -0
- package/docs-dev/sass/core/cssvar/index.html +30 -0
- package/docs-dev/sass/core/element/index.html +30 -0
- package/docs-dev/sass/core/index.html +30 -0
- package/docs-dev/sass/core/layout/index.html +30 -0
- package/docs-dev/sass/core/path/index.html +30 -0
- package/docs-dev/sass/core/selector/index.html +30 -0
- package/docs-dev/sass/core/typography/index.html +30 -0
- package/docs-dev/sass/core/units/index.html +30 -0
- package/docs-dev/sass/core/utils/index.html +30 -0
- package/docs-dev/sass/helpers/color/index.html +30 -0
- package/docs-dev/sass/helpers/display/index.html +30 -0
- package/docs-dev/sass/helpers/index/index.html +30 -0
- package/docs-dev/sass/helpers/index.html +30 -0
- package/docs-dev/sass/helpers/print/index.html +30 -0
- package/docs-dev/sass/helpers/typography/index.html +30 -0
- package/docs-dev/sass/helpers/units/index.html +30 -0
- package/docs-dev/sass/helpers/utilities/index.html +30 -0
- package/docs-dev/sass/index.html +30 -0
- package/package.json +1 -1
- package/scss/components/_accordion.scss +4 -5
- package/scss/components/_card.scss +111 -22
|
@@ -241,6 +241,21 @@
|
|
|
241
241
|
</li>
|
|
242
242
|
|
|
243
243
|
|
|
244
|
+
<li class="nav-tree__item ">
|
|
245
|
+
|
|
246
|
+
<a class="nav-tree__link " href="/frontend/demos/card-grid/">
|
|
247
|
+
|
|
248
|
+
|
|
249
|
+
<span class="nav-tree__text">
|
|
250
|
+
Card Grid
|
|
251
|
+
</span>
|
|
252
|
+
|
|
253
|
+
</a>
|
|
254
|
+
|
|
255
|
+
|
|
256
|
+
</li>
|
|
257
|
+
|
|
258
|
+
|
|
244
259
|
<li class="nav-tree__item ">
|
|
245
260
|
|
|
246
261
|
<a class="nav-tree__link " href="/frontend/demos/css-icons/">
|
|
@@ -2697,6 +2712,21 @@
|
|
|
2697
2712
|
</li>
|
|
2698
2713
|
|
|
2699
2714
|
|
|
2715
|
+
<li class="nav-tree__item ">
|
|
2716
|
+
|
|
2717
|
+
<a class="nav-tree__link " href="/frontend/demos/card-grid/">
|
|
2718
|
+
|
|
2719
|
+
|
|
2720
|
+
<span class="nav-tree__text">
|
|
2721
|
+
Card Grid
|
|
2722
|
+
</span>
|
|
2723
|
+
|
|
2724
|
+
</a>
|
|
2725
|
+
|
|
2726
|
+
|
|
2727
|
+
</li>
|
|
2728
|
+
|
|
2729
|
+
|
|
2700
2730
|
<li class="nav-tree__item ">
|
|
2701
2731
|
|
|
2702
2732
|
<a class="nav-tree__link " href="/frontend/demos/css-icons/">
|
|
@@ -241,6 +241,21 @@
|
|
|
241
241
|
</li>
|
|
242
242
|
|
|
243
243
|
|
|
244
|
+
<li class="nav-tree__item ">
|
|
245
|
+
|
|
246
|
+
<a class="nav-tree__link " href="/frontend/demos/card-grid/">
|
|
247
|
+
|
|
248
|
+
|
|
249
|
+
<span class="nav-tree__text">
|
|
250
|
+
Card Grid
|
|
251
|
+
</span>
|
|
252
|
+
|
|
253
|
+
</a>
|
|
254
|
+
|
|
255
|
+
|
|
256
|
+
</li>
|
|
257
|
+
|
|
258
|
+
|
|
244
259
|
<li class="nav-tree__item ">
|
|
245
260
|
|
|
246
261
|
<a class="nav-tree__link " href="/frontend/demos/css-icons/">
|
|
@@ -2697,6 +2712,21 @@
|
|
|
2697
2712
|
</li>
|
|
2698
2713
|
|
|
2699
2714
|
|
|
2715
|
+
<li class="nav-tree__item ">
|
|
2716
|
+
|
|
2717
|
+
<a class="nav-tree__link " href="/frontend/demos/card-grid/">
|
|
2718
|
+
|
|
2719
|
+
|
|
2720
|
+
<span class="nav-tree__text">
|
|
2721
|
+
Card Grid
|
|
2722
|
+
</span>
|
|
2723
|
+
|
|
2724
|
+
</a>
|
|
2725
|
+
|
|
2726
|
+
|
|
2727
|
+
</li>
|
|
2728
|
+
|
|
2729
|
+
|
|
2700
2730
|
<li class="nav-tree__item ">
|
|
2701
2731
|
|
|
2702
2732
|
<a class="nav-tree__link " href="/frontend/demos/css-icons/">
|
|
@@ -241,6 +241,21 @@
|
|
|
241
241
|
</li>
|
|
242
242
|
|
|
243
243
|
|
|
244
|
+
<li class="nav-tree__item ">
|
|
245
|
+
|
|
246
|
+
<a class="nav-tree__link " href="/frontend/demos/card-grid/">
|
|
247
|
+
|
|
248
|
+
|
|
249
|
+
<span class="nav-tree__text">
|
|
250
|
+
Card Grid
|
|
251
|
+
</span>
|
|
252
|
+
|
|
253
|
+
</a>
|
|
254
|
+
|
|
255
|
+
|
|
256
|
+
</li>
|
|
257
|
+
|
|
258
|
+
|
|
244
259
|
<li class="nav-tree__item ">
|
|
245
260
|
|
|
246
261
|
<a class="nav-tree__link " href="/frontend/demos/css-icons/">
|
|
@@ -2697,6 +2712,21 @@
|
|
|
2697
2712
|
</li>
|
|
2698
2713
|
|
|
2699
2714
|
|
|
2715
|
+
<li class="nav-tree__item ">
|
|
2716
|
+
|
|
2717
|
+
<a class="nav-tree__link " href="/frontend/demos/card-grid/">
|
|
2718
|
+
|
|
2719
|
+
|
|
2720
|
+
<span class="nav-tree__text">
|
|
2721
|
+
Card Grid
|
|
2722
|
+
</span>
|
|
2723
|
+
|
|
2724
|
+
</a>
|
|
2725
|
+
|
|
2726
|
+
|
|
2727
|
+
</li>
|
|
2728
|
+
|
|
2729
|
+
|
|
2700
2730
|
<li class="nav-tree__item ">
|
|
2701
2731
|
|
|
2702
2732
|
<a class="nav-tree__link " href="/frontend/demos/css-icons/">
|
|
@@ -241,6 +241,21 @@
|
|
|
241
241
|
</li>
|
|
242
242
|
|
|
243
243
|
|
|
244
|
+
<li class="nav-tree__item ">
|
|
245
|
+
|
|
246
|
+
<a class="nav-tree__link " href="/frontend/demos/card-grid/">
|
|
247
|
+
|
|
248
|
+
|
|
249
|
+
<span class="nav-tree__text">
|
|
250
|
+
Card Grid
|
|
251
|
+
</span>
|
|
252
|
+
|
|
253
|
+
</a>
|
|
254
|
+
|
|
255
|
+
|
|
256
|
+
</li>
|
|
257
|
+
|
|
258
|
+
|
|
244
259
|
<li class="nav-tree__item ">
|
|
245
260
|
|
|
246
261
|
<a class="nav-tree__link " href="/frontend/demos/css-icons/">
|
|
@@ -2697,6 +2712,21 @@
|
|
|
2697
2712
|
</li>
|
|
2698
2713
|
|
|
2699
2714
|
|
|
2715
|
+
<li class="nav-tree__item ">
|
|
2716
|
+
|
|
2717
|
+
<a class="nav-tree__link " href="/frontend/demos/card-grid/">
|
|
2718
|
+
|
|
2719
|
+
|
|
2720
|
+
<span class="nav-tree__text">
|
|
2721
|
+
Card Grid
|
|
2722
|
+
</span>
|
|
2723
|
+
|
|
2724
|
+
</a>
|
|
2725
|
+
|
|
2726
|
+
|
|
2727
|
+
</li>
|
|
2728
|
+
|
|
2729
|
+
|
|
2700
2730
|
<li class="nav-tree__item ">
|
|
2701
2731
|
|
|
2702
2732
|
<a class="nav-tree__link " href="/frontend/demos/css-icons/">
|
|
@@ -81,114 +81,72 @@ Scroll-Slider
|
|
|
81
81
|
<li class="scroll-slider__slide scroll-slider__slide--empty" role="presentation" data-ulu-scroll-slider-slide="">
|
|
82
82
|
|
|
83
83
|
</li><p></p>
|
|
84
|
-
<p><li class="scroll-slider__slide" data-ulu-scroll-slider-slide=""
|
|
85
|
-
<
|
|
86
|
-
<
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
</
|
|
90
|
-
<div>
|
|
91
|
-
This is a card with an upper image using a containing div with the "card__image" class.
|
|
92
|
-
</div>
|
|
93
|
-
</div>
|
|
94
|
-
<div class="card__image">
|
|
84
|
+
<p><li class="scroll-slider__slide" data-ulu-scroll-slider-slide="">
|
|
85
|
+
<article class="card " data-ulu-proxy-click=""><div class="card__body"><h5 class="card__title">
|
|
86
|
+
<a class="card__title-link" href="https://www.google.com" data-ulu-proxy-click-source="">Card 1 Title</a>
|
|
87
|
+
</h5><div>
|
|
88
|
+
This is the card content. It can contain around 2-3 sentences.
|
|
89
|
+
</div></div><div class="card__image ">
|
|
95
90
|
<img src="/frontend/assets/placeholder/image-1.jpg">
|
|
96
|
-
</div>
|
|
97
|
-
<
|
|
98
|
-
|
|
99
|
-
</
|
|
100
|
-
|
|
101
|
-
<
|
|
102
|
-
<
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
<a class="card__title-link" href="https://www.google.com" data-ulu-proxy-click-source="">Card 2</a>
|
|
107
|
-
</h5>
|
|
108
|
-
<div>
|
|
109
|
-
This is a card with an upper image using a containing div with the "card__image" class.
|
|
110
|
-
</div>
|
|
111
|
-
</div>
|
|
112
|
-
<div class="card__image">
|
|
91
|
+
</div><div class="card__footer">
|
|
92
|
+
<a class="button button--small" href="https://www.yahoo.com/">Footer</a>
|
|
93
|
+
</div></article>
|
|
94
|
+
</li></p>
|
|
95
|
+
<p><li class="scroll-slider__slide" data-ulu-scroll-slider-slide="">
|
|
96
|
+
<article class="card " data-ulu-proxy-click=""><div class="card__body"><h5 class="card__title">
|
|
97
|
+
<a class="card__title-link" href="https://www.google.com" data-ulu-proxy-click-source="">Card 2 Title</a>
|
|
98
|
+
</h5><div>
|
|
99
|
+
This is the card content. It can contain around 2-3 sentences.
|
|
100
|
+
</div></div><div class="card__image ">
|
|
113
101
|
<img src="/frontend/assets/placeholder/image-1.jpg">
|
|
114
|
-
</div>
|
|
115
|
-
<
|
|
116
|
-
|
|
117
|
-
</
|
|
118
|
-
|
|
119
|
-
<
|
|
120
|
-
<
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
<a class="card__title-link" href="https://www.google.com" data-ulu-proxy-click-source="">Card 3</a>
|
|
125
|
-
</h5>
|
|
126
|
-
<div>
|
|
127
|
-
This is a card with an upper image using a containing div with the "card__image" class.
|
|
128
|
-
</div>
|
|
129
|
-
</div>
|
|
130
|
-
<div class="card__image">
|
|
102
|
+
</div><div class="card__footer">
|
|
103
|
+
<a class="button button--small" href="https://www.yahoo.com/">Footer</a>
|
|
104
|
+
</div></article>
|
|
105
|
+
</li></p>
|
|
106
|
+
<p><li class="scroll-slider__slide" data-ulu-scroll-slider-slide="">
|
|
107
|
+
<article class="card " data-ulu-proxy-click=""><div class="card__body"><h5 class="card__title">
|
|
108
|
+
<a class="card__title-link" href="https://www.google.com" data-ulu-proxy-click-source="">Card 3 Title</a>
|
|
109
|
+
</h5><div>
|
|
110
|
+
This is the card content. It can contain around 2-3 sentences.
|
|
111
|
+
</div></div><div class="card__image ">
|
|
131
112
|
<img src="/frontend/assets/placeholder/image-1.jpg">
|
|
132
|
-
</div>
|
|
133
|
-
<
|
|
134
|
-
|
|
135
|
-
</
|
|
136
|
-
|
|
137
|
-
<
|
|
138
|
-
<
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
<a class="card__title-link" href="https://www.google.com" data-ulu-proxy-click-source="">Card 4</a>
|
|
143
|
-
</h5>
|
|
144
|
-
<div>
|
|
145
|
-
This is a card with an upper image using a containing div with the "card__image" class.
|
|
146
|
-
</div>
|
|
147
|
-
</div>
|
|
148
|
-
<div class="card__image">
|
|
113
|
+
</div><div class="card__footer">
|
|
114
|
+
<a class="button button--small" href="https://www.yahoo.com/">Footer</a>
|
|
115
|
+
</div></article>
|
|
116
|
+
</li></p>
|
|
117
|
+
<p><li class="scroll-slider__slide" data-ulu-scroll-slider-slide="">
|
|
118
|
+
<article class="card " data-ulu-proxy-click=""><div class="card__body"><h5 class="card__title">
|
|
119
|
+
<a class="card__title-link" href="https://www.google.com" data-ulu-proxy-click-source="">Card 4 Title</a>
|
|
120
|
+
</h5><div>
|
|
121
|
+
This is the card content. It can contain around 2-3 sentences.
|
|
122
|
+
</div></div><div class="card__image ">
|
|
149
123
|
<img src="/frontend/assets/placeholder/image-1.jpg">
|
|
150
|
-
</div>
|
|
151
|
-
<
|
|
152
|
-
|
|
153
|
-
</
|
|
154
|
-
|
|
155
|
-
<
|
|
156
|
-
<
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
<a class="card__title-link" href="https://www.google.com" data-ulu-proxy-click-source="">Card 5</a>
|
|
161
|
-
</h5>
|
|
162
|
-
<div>
|
|
163
|
-
This is a card with an upper image using a containing div with the "card__image" class.
|
|
164
|
-
</div>
|
|
165
|
-
</div>
|
|
166
|
-
<div class="card__image">
|
|
124
|
+
</div><div class="card__footer">
|
|
125
|
+
<a class="button button--small" href="https://www.yahoo.com/">Footer</a>
|
|
126
|
+
</div></article>
|
|
127
|
+
</li></p>
|
|
128
|
+
<p><li class="scroll-slider__slide" data-ulu-scroll-slider-slide="">
|
|
129
|
+
<article class="card " data-ulu-proxy-click=""><div class="card__body"><h5 class="card__title">
|
|
130
|
+
<a class="card__title-link" href="https://www.google.com" data-ulu-proxy-click-source="">Card 5 Title</a>
|
|
131
|
+
</h5><div>
|
|
132
|
+
This is the card content. It can contain around 2-3 sentences.
|
|
133
|
+
</div></div><div class="card__image ">
|
|
167
134
|
<img src="/frontend/assets/placeholder/image-1.jpg">
|
|
168
|
-
</div>
|
|
169
|
-
<
|
|
170
|
-
|
|
171
|
-
</
|
|
172
|
-
|
|
173
|
-
<
|
|
174
|
-
<
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
<a class="card__title-link" href="https://www.google.com" data-ulu-proxy-click-source="">Card 6</a>
|
|
179
|
-
</h5>
|
|
180
|
-
<div>
|
|
181
|
-
This is a card with an upper image using a containing div with the "card__image" class.
|
|
182
|
-
</div>
|
|
183
|
-
</div>
|
|
184
|
-
<div class="card__image">
|
|
135
|
+
</div><div class="card__footer">
|
|
136
|
+
<a class="button button--small" href="https://www.yahoo.com/">Footer</a>
|
|
137
|
+
</div></article>
|
|
138
|
+
</li></p>
|
|
139
|
+
<p><li class="scroll-slider__slide" data-ulu-scroll-slider-slide="">
|
|
140
|
+
<article class="card " data-ulu-proxy-click=""><div class="card__body"><h5 class="card__title">
|
|
141
|
+
<a class="card__title-link" href="https://www.google.com" data-ulu-proxy-click-source="">Card 6 Title</a>
|
|
142
|
+
</h5><div>
|
|
143
|
+
This is the card content. It can contain around 2-3 sentences.
|
|
144
|
+
</div></div><div class="card__image ">
|
|
185
145
|
<img src="/frontend/assets/placeholder/image-1.jpg">
|
|
186
|
-
</div>
|
|
187
|
-
<
|
|
188
|
-
|
|
189
|
-
</
|
|
190
|
-
</article><p></p>
|
|
191
|
-
<p></p>
|
|
146
|
+
</div><div class="card__footer">
|
|
147
|
+
<a class="button button--small" href="https://www.yahoo.com/">Footer</a>
|
|
148
|
+
</div></article>
|
|
149
|
+
</li></p>
|
|
192
150
|
<p><li class="scroll-slider__slide scroll-slider__slide--empty" role="presentation" data-ulu-scroll-slider-slide="">
|
|
193
151
|
|
|
194
152
|
</li>
|
|
@@ -241,6 +241,21 @@
|
|
|
241
241
|
</li>
|
|
242
242
|
|
|
243
243
|
|
|
244
|
+
<li class="nav-tree__item ">
|
|
245
|
+
|
|
246
|
+
<a class="nav-tree__link " href="/frontend/demos/card-grid/">
|
|
247
|
+
|
|
248
|
+
|
|
249
|
+
<span class="nav-tree__text">
|
|
250
|
+
Card Grid
|
|
251
|
+
</span>
|
|
252
|
+
|
|
253
|
+
</a>
|
|
254
|
+
|
|
255
|
+
|
|
256
|
+
</li>
|
|
257
|
+
|
|
258
|
+
|
|
244
259
|
<li class="nav-tree__item ">
|
|
245
260
|
|
|
246
261
|
<a class="nav-tree__link " href="/frontend/demos/css-icons/">
|
|
@@ -2697,6 +2712,21 @@
|
|
|
2697
2712
|
</li>
|
|
2698
2713
|
|
|
2699
2714
|
|
|
2715
|
+
<li class="nav-tree__item ">
|
|
2716
|
+
|
|
2717
|
+
<a class="nav-tree__link " href="/frontend/demos/card-grid/">
|
|
2718
|
+
|
|
2719
|
+
|
|
2720
|
+
<span class="nav-tree__text">
|
|
2721
|
+
Card Grid
|
|
2722
|
+
</span>
|
|
2723
|
+
|
|
2724
|
+
</a>
|
|
2725
|
+
|
|
2726
|
+
|
|
2727
|
+
</li>
|
|
2728
|
+
|
|
2729
|
+
|
|
2700
2730
|
<li class="nav-tree__item ">
|
|
2701
2731
|
|
|
2702
2732
|
<a class="nav-tree__link " href="/frontend/demos/css-icons/">
|
|
@@ -241,6 +241,21 @@
|
|
|
241
241
|
</li>
|
|
242
242
|
|
|
243
243
|
|
|
244
|
+
<li class="nav-tree__item ">
|
|
245
|
+
|
|
246
|
+
<a class="nav-tree__link " href="/frontend/demos/card-grid/">
|
|
247
|
+
|
|
248
|
+
|
|
249
|
+
<span class="nav-tree__text">
|
|
250
|
+
Card Grid
|
|
251
|
+
</span>
|
|
252
|
+
|
|
253
|
+
</a>
|
|
254
|
+
|
|
255
|
+
|
|
256
|
+
</li>
|
|
257
|
+
|
|
258
|
+
|
|
244
259
|
<li class="nav-tree__item ">
|
|
245
260
|
|
|
246
261
|
<a class="nav-tree__link " href="/frontend/demos/css-icons/">
|
|
@@ -2697,6 +2712,21 @@
|
|
|
2697
2712
|
</li>
|
|
2698
2713
|
|
|
2699
2714
|
|
|
2715
|
+
<li class="nav-tree__item ">
|
|
2716
|
+
|
|
2717
|
+
<a class="nav-tree__link " href="/frontend/demos/card-grid/">
|
|
2718
|
+
|
|
2719
|
+
|
|
2720
|
+
<span class="nav-tree__text">
|
|
2721
|
+
Card Grid
|
|
2722
|
+
</span>
|
|
2723
|
+
|
|
2724
|
+
</a>
|
|
2725
|
+
|
|
2726
|
+
|
|
2727
|
+
</li>
|
|
2728
|
+
|
|
2729
|
+
|
|
2700
2730
|
<li class="nav-tree__item ">
|
|
2701
2731
|
|
|
2702
2732
|
<a class="nav-tree__link " href="/frontend/demos/css-icons/">
|
|
@@ -241,6 +241,21 @@
|
|
|
241
241
|
</li>
|
|
242
242
|
|
|
243
243
|
|
|
244
|
+
<li class="nav-tree__item ">
|
|
245
|
+
|
|
246
|
+
<a class="nav-tree__link " href="/frontend/demos/card-grid/">
|
|
247
|
+
|
|
248
|
+
|
|
249
|
+
<span class="nav-tree__text">
|
|
250
|
+
Card Grid
|
|
251
|
+
</span>
|
|
252
|
+
|
|
253
|
+
</a>
|
|
254
|
+
|
|
255
|
+
|
|
256
|
+
</li>
|
|
257
|
+
|
|
258
|
+
|
|
244
259
|
<li class="nav-tree__item ">
|
|
245
260
|
|
|
246
261
|
<a class="nav-tree__link " href="/frontend/demos/css-icons/">
|
|
@@ -2697,6 +2712,21 @@
|
|
|
2697
2712
|
</li>
|
|
2698
2713
|
|
|
2699
2714
|
|
|
2715
|
+
<li class="nav-tree__item ">
|
|
2716
|
+
|
|
2717
|
+
<a class="nav-tree__link " href="/frontend/demos/card-grid/">
|
|
2718
|
+
|
|
2719
|
+
|
|
2720
|
+
<span class="nav-tree__text">
|
|
2721
|
+
Card Grid
|
|
2722
|
+
</span>
|
|
2723
|
+
|
|
2724
|
+
</a>
|
|
2725
|
+
|
|
2726
|
+
|
|
2727
|
+
</li>
|
|
2728
|
+
|
|
2729
|
+
|
|
2700
2730
|
<li class="nav-tree__item ">
|
|
2701
2731
|
|
|
2702
2732
|
<a class="nav-tree__link " href="/frontend/demos/css-icons/">
|
|
@@ -241,6 +241,21 @@
|
|
|
241
241
|
</li>
|
|
242
242
|
|
|
243
243
|
|
|
244
|
+
<li class="nav-tree__item ">
|
|
245
|
+
|
|
246
|
+
<a class="nav-tree__link " href="/frontend/demos/card-grid/">
|
|
247
|
+
|
|
248
|
+
|
|
249
|
+
<span class="nav-tree__text">
|
|
250
|
+
Card Grid
|
|
251
|
+
</span>
|
|
252
|
+
|
|
253
|
+
</a>
|
|
254
|
+
|
|
255
|
+
|
|
256
|
+
</li>
|
|
257
|
+
|
|
258
|
+
|
|
244
259
|
<li class="nav-tree__item ">
|
|
245
260
|
|
|
246
261
|
<a class="nav-tree__link " href="/frontend/demos/css-icons/">
|
|
@@ -2697,6 +2712,21 @@
|
|
|
2697
2712
|
</li>
|
|
2698
2713
|
|
|
2699
2714
|
|
|
2715
|
+
<li class="nav-tree__item ">
|
|
2716
|
+
|
|
2717
|
+
<a class="nav-tree__link " href="/frontend/demos/card-grid/">
|
|
2718
|
+
|
|
2719
|
+
|
|
2720
|
+
<span class="nav-tree__text">
|
|
2721
|
+
Card Grid
|
|
2722
|
+
</span>
|
|
2723
|
+
|
|
2724
|
+
</a>
|
|
2725
|
+
|
|
2726
|
+
|
|
2727
|
+
</li>
|
|
2728
|
+
|
|
2729
|
+
|
|
2700
2730
|
<li class="nav-tree__item ">
|
|
2701
2731
|
|
|
2702
2732
|
<a class="nav-tree__link " href="/frontend/demos/css-icons/">
|
|
@@ -241,6 +241,21 @@
|
|
|
241
241
|
</li>
|
|
242
242
|
|
|
243
243
|
|
|
244
|
+
<li class="nav-tree__item ">
|
|
245
|
+
|
|
246
|
+
<a class="nav-tree__link " href="/frontend/demos/card-grid/">
|
|
247
|
+
|
|
248
|
+
|
|
249
|
+
<span class="nav-tree__text">
|
|
250
|
+
Card Grid
|
|
251
|
+
</span>
|
|
252
|
+
|
|
253
|
+
</a>
|
|
254
|
+
|
|
255
|
+
|
|
256
|
+
</li>
|
|
257
|
+
|
|
258
|
+
|
|
244
259
|
<li class="nav-tree__item ">
|
|
245
260
|
|
|
246
261
|
<a class="nav-tree__link " href="/frontend/demos/css-icons/">
|
|
@@ -2697,6 +2712,21 @@
|
|
|
2697
2712
|
</li>
|
|
2698
2713
|
|
|
2699
2714
|
|
|
2715
|
+
<li class="nav-tree__item ">
|
|
2716
|
+
|
|
2717
|
+
<a class="nav-tree__link " href="/frontend/demos/card-grid/">
|
|
2718
|
+
|
|
2719
|
+
|
|
2720
|
+
<span class="nav-tree__text">
|
|
2721
|
+
Card Grid
|
|
2722
|
+
</span>
|
|
2723
|
+
|
|
2724
|
+
</a>
|
|
2725
|
+
|
|
2726
|
+
|
|
2727
|
+
</li>
|
|
2728
|
+
|
|
2729
|
+
|
|
2700
2730
|
<li class="nav-tree__item ">
|
|
2701
2731
|
|
|
2702
2732
|
<a class="nav-tree__link " href="/frontend/demos/css-icons/">
|
|
@@ -241,6 +241,21 @@
|
|
|
241
241
|
</li>
|
|
242
242
|
|
|
243
243
|
|
|
244
|
+
<li class="nav-tree__item ">
|
|
245
|
+
|
|
246
|
+
<a class="nav-tree__link " href="/frontend/demos/card-grid/">
|
|
247
|
+
|
|
248
|
+
|
|
249
|
+
<span class="nav-tree__text">
|
|
250
|
+
Card Grid
|
|
251
|
+
</span>
|
|
252
|
+
|
|
253
|
+
</a>
|
|
254
|
+
|
|
255
|
+
|
|
256
|
+
</li>
|
|
257
|
+
|
|
258
|
+
|
|
244
259
|
<li class="nav-tree__item ">
|
|
245
260
|
|
|
246
261
|
<a class="nav-tree__link " href="/frontend/demos/css-icons/">
|
|
@@ -2697,6 +2712,21 @@
|
|
|
2697
2712
|
</li>
|
|
2698
2713
|
|
|
2699
2714
|
|
|
2715
|
+
<li class="nav-tree__item ">
|
|
2716
|
+
|
|
2717
|
+
<a class="nav-tree__link " href="/frontend/demos/card-grid/">
|
|
2718
|
+
|
|
2719
|
+
|
|
2720
|
+
<span class="nav-tree__text">
|
|
2721
|
+
Card Grid
|
|
2722
|
+
</span>
|
|
2723
|
+
|
|
2724
|
+
</a>
|
|
2725
|
+
|
|
2726
|
+
|
|
2727
|
+
</li>
|
|
2728
|
+
|
|
2729
|
+
|
|
2700
2730
|
<li class="nav-tree__item ">
|
|
2701
2731
|
|
|
2702
2732
|
<a class="nav-tree__link " href="/frontend/demos/css-icons/">
|
|
@@ -241,6 +241,21 @@
|
|
|
241
241
|
</li>
|
|
242
242
|
|
|
243
243
|
|
|
244
|
+
<li class="nav-tree__item ">
|
|
245
|
+
|
|
246
|
+
<a class="nav-tree__link " href="/frontend/demos/card-grid/">
|
|
247
|
+
|
|
248
|
+
|
|
249
|
+
<span class="nav-tree__text">
|
|
250
|
+
Card Grid
|
|
251
|
+
</span>
|
|
252
|
+
|
|
253
|
+
</a>
|
|
254
|
+
|
|
255
|
+
|
|
256
|
+
</li>
|
|
257
|
+
|
|
258
|
+
|
|
244
259
|
<li class="nav-tree__item ">
|
|
245
260
|
|
|
246
261
|
<a class="nav-tree__link " href="/frontend/demos/css-icons/">
|
|
@@ -2697,6 +2712,21 @@
|
|
|
2697
2712
|
</li>
|
|
2698
2713
|
|
|
2699
2714
|
|
|
2715
|
+
<li class="nav-tree__item ">
|
|
2716
|
+
|
|
2717
|
+
<a class="nav-tree__link " href="/frontend/demos/card-grid/">
|
|
2718
|
+
|
|
2719
|
+
|
|
2720
|
+
<span class="nav-tree__text">
|
|
2721
|
+
Card Grid
|
|
2722
|
+
</span>
|
|
2723
|
+
|
|
2724
|
+
</a>
|
|
2725
|
+
|
|
2726
|
+
|
|
2727
|
+
</li>
|
|
2728
|
+
|
|
2729
|
+
|
|
2700
2730
|
<li class="nav-tree__item ">
|
|
2701
2731
|
|
|
2702
2732
|
<a class="nav-tree__link " href="/frontend/demos/css-icons/">
|