@ulu/frontend 0.1.0-beta.52 → 0.1.0-beta.54
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 +13 -1
- package/dist/ulu-frontend.min.css +1 -1
- package/dist/ulu-frontend.min.js +2 -2
- package/docs-dev/changelog/index.html +6236 -0
- package/docs-dev/demos/accordion/index.html +5392 -0
- package/docs-dev/demos/basic-hero/index.html +111 -0
- package/docs-dev/demos/breakpoints-manager/index.html +5246 -0
- package/docs-dev/demos/button/index.html +5214 -0
- package/docs-dev/demos/button-verbose/index.html +5238 -0
- package/docs-dev/demos/callout/index.html +5284 -0
- package/docs-dev/demos/captioned-figure/index.html +5266 -0
- package/docs-dev/demos/card/index.html +5262 -0
- package/docs-dev/demos/card-grid/index.html +5357 -0
- package/docs-dev/demos/counter-list/index.html +5224 -0
- package/docs-dev/demos/css-icons/index.html +5855 -0
- package/docs-dev/demos/data-grid/index.html +6109 -0
- package/docs-dev/demos/data-table/index.html +5413 -0
- package/docs-dev/demos/details-group/index.html +5267 -0
- package/docs-dev/demos/file-save/index.html +5255 -0
- package/docs-dev/demos/flipcard/index.html +5804 -0
- package/docs-dev/demos/form-theme/index.html +5422 -0
- package/docs-dev/demos/hero/index.html +309 -0
- package/docs-dev/demos/image-grid/index.html +165 -0
- package/docs-dev/demos/index.html +5193 -0
- package/docs-dev/demos/list-inline/index.html +5220 -0
- package/docs-dev/demos/list-lines/index.html +5210 -0
- package/docs-dev/demos/menu-stack/index.html +5349 -0
- package/docs-dev/demos/modals/index.html +5371 -0
- package/docs-dev/demos/nav-strip/index.html +5305 -0
- package/docs-dev/demos/overlay-section/index.html +5281 -0
- package/docs-dev/demos/popovers/index.html +5453 -0
- package/docs-dev/demos/print/index.html +5213 -0
- package/docs-dev/demos/pull-quote/index.html +5212 -0
- package/docs-dev/demos/rule/index.html +5274 -0
- package/docs-dev/demos/scroll-slider/index.html +170 -0
- package/docs-dev/demos/scrollpoints/index.html +5231 -0
- package/docs-dev/demos/slider/index.html +172 -0
- package/docs-dev/demos/spoke-spinner/index.html +5208 -0
- package/docs-dev/demos/sticky-list/index.html +5223 -0
- package/docs-dev/demos/tabs/index.html +5333 -0
- package/docs-dev/demos/tag/index.html +5213 -0
- package/docs-dev/demos/theme-toggle/index.html +5279 -0
- package/docs-dev/demos/tile-grid-overlay/index.html +390 -0
- package/docs-dev/demos/tiles/index.html +5462 -0
- package/docs-dev/demos/tooltip/index.html +5241 -0
- package/docs-dev/guide/building-stylesheet/index.html +5262 -0
- package/docs-dev/guide/developing-ulu-scss-module/index.html +5314 -0
- package/docs-dev/guide/index.html +5195 -0
- package/docs-dev/index.html +5242 -0
- package/docs-dev/javascript/events/index.html +5351 -0
- package/docs-dev/javascript/index.html +5208 -0
- package/docs-dev/javascript/settings/index.html +5400 -0
- package/docs-dev/javascript/ui-breakpoints/index.html +5651 -0
- package/docs-dev/javascript/ui-collapsible/index.html +5318 -0
- package/docs-dev/javascript/ui-details-group/index.html +5322 -0
- package/docs-dev/javascript/ui-dialog/index.html +5367 -0
- package/docs-dev/javascript/ui-flipcard/index.html +5258 -0
- package/docs-dev/javascript/ui-grid/index.html +5233 -0
- package/docs-dev/javascript/ui-modal-builder/index.html +5461 -0
- package/docs-dev/javascript/ui-overflow-scroller/index.html +5191 -0
- package/docs-dev/javascript/ui-overflow-scroller-pager/index.html +5209 -0
- package/docs-dev/javascript/ui-page/index.html +5206 -0
- package/docs-dev/javascript/ui-popover/index.html +5241 -0
- package/docs-dev/javascript/ui-print/index.html +5250 -0
- package/docs-dev/javascript/ui-print-details/index.html +5221 -0
- package/docs-dev/javascript/ui-programmatic-modal/index.html +5191 -0
- package/docs-dev/javascript/ui-scroll-slider/index.html +5252 -0
- package/docs-dev/javascript/ui-scrollpoint/index.html +5431 -0
- package/docs-dev/sass/base/color/index.html +5224 -0
- package/docs-dev/sass/base/elements/index.html +5395 -0
- package/docs-dev/sass/base/index/index.html +5394 -0
- package/docs-dev/sass/base/index.html +5202 -0
- package/docs-dev/sass/base/keyframes/index.html +5226 -0
- package/docs-dev/sass/base/layout/index.html +5386 -0
- package/docs-dev/sass/base/normalize/index.html +5234 -0
- package/docs-dev/sass/base/print/index.html +5230 -0
- package/docs-dev/sass/base/root/index.html +5250 -0
- package/docs-dev/sass/base/typography/index.html +5250 -0
- package/docs-dev/sass/components/accordion/index.html +5552 -0
- package/docs-dev/sass/components/adaptive-spacing/index.html +5495 -0
- package/docs-dev/sass/components/badge/index.html +5443 -0
- package/docs-dev/sass/components/basic-hero/index.html +5385 -0
- package/docs-dev/sass/components/button/index.html +5379 -0
- package/docs-dev/sass/components/button-verbose/index.html +5566 -0
- package/docs-dev/sass/components/callout/index.html +5541 -0
- package/docs-dev/sass/components/captioned-figure/index.html +5484 -0
- package/docs-dev/sass/components/card/index.html +5799 -0
- package/docs-dev/sass/components/card-grid/index.html +5393 -0
- package/docs-dev/sass/components/counter-list/index.html +5458 -0
- package/docs-dev/sass/components/css-icon/index.html +5497 -0
- package/docs-dev/sass/components/data-grid/index.html +5632 -0
- package/docs-dev/sass/components/data-table/index.html +5568 -0
- package/docs-dev/sass/components/fill-context/index.html +5259 -0
- package/docs-dev/sass/components/flipcard/index.html +5560 -0
- package/docs-dev/sass/components/flipcard-grid/index.html +5380 -0
- package/docs-dev/sass/components/form-theme/index.html +6105 -0
- package/docs-dev/sass/components/hero/index.html +5429 -0
- package/docs-dev/sass/components/horizontal-rule/index.html +5378 -0
- package/docs-dev/sass/components/image-grid/index.html +5385 -0
- package/docs-dev/sass/components/index/index.html +5433 -0
- package/docs-dev/sass/components/index.html +5202 -0
- package/docs-dev/sass/components/links/index.html +5229 -0
- package/docs-dev/sass/components/list-inline/index.html +5399 -0
- package/docs-dev/sass/components/list-lines/index.html +5420 -0
- package/docs-dev/sass/components/list-ordered/index.html +5225 -0
- package/docs-dev/sass/components/list-unordered/index.html +5229 -0
- package/docs-dev/sass/components/menu-stack/index.html +5572 -0
- package/docs-dev/sass/components/modal/index.html +5613 -0
- package/docs-dev/sass/components/nav-strip/index.html +5479 -0
- package/docs-dev/sass/components/overlay-section/index.html +5423 -0
- package/docs-dev/sass/components/pager/index.html +5541 -0
- package/docs-dev/sass/components/placeholder-block/index.html +5463 -0
- package/docs-dev/sass/components/popover/index.html +5574 -0
- package/docs-dev/sass/components/pull-quote/index.html +5437 -0
- package/docs-dev/sass/components/ratio-box/index.html +5383 -0
- package/docs-dev/sass/components/rule/index.html +5385 -0
- package/docs-dev/sass/components/scroll-slider/index.html +5484 -0
- package/docs-dev/sass/components/skip-link/index.html +5369 -0
- package/docs-dev/sass/components/slider/index.html +5493 -0
- package/docs-dev/sass/components/spoke-spinner/index.html +5443 -0
- package/docs-dev/sass/components/sticky-list/index.html +5603 -0
- package/docs-dev/sass/components/tabs/index.html +5519 -0
- package/docs-dev/sass/components/tag/index.html +5544 -0
- package/docs-dev/sass/components/tile-button/index.html +5424 -0
- package/docs-dev/sass/components/tile-grid/index.html +5559 -0
- package/docs-dev/sass/components/tile-grid-overlay/index.html +5360 -0
- package/docs-dev/sass/components/vignette/index.html +5379 -0
- package/docs-dev/sass/components/wysiwyg/index.html +5389 -0
- package/docs-dev/sass/core/breakpoint/index.html +5996 -0
- package/docs-dev/sass/core/button/index.html +6116 -0
- package/docs-dev/sass/core/color/index.html +6099 -0
- package/docs-dev/sass/core/cssvar/index.html +5991 -0
- package/docs-dev/sass/core/element/index.html +6261 -0
- package/docs-dev/sass/core/index.html +5189 -0
- package/docs-dev/sass/core/layout/index.html +5968 -0
- package/docs-dev/sass/core/path/index.html +5358 -0
- package/docs-dev/sass/core/selector/index.html +5437 -0
- package/docs-dev/sass/core/typography/index.html +6363 -0
- package/docs-dev/sass/core/units/index.html +5402 -0
- package/docs-dev/sass/core/utils/index.html +7697 -0
- package/docs-dev/sass/helpers/color/index.html +5224 -0
- package/docs-dev/sass/helpers/display/index.html +5229 -0
- package/docs-dev/sass/helpers/index/index.html +5391 -0
- package/docs-dev/sass/helpers/index.html +5202 -0
- package/docs-dev/sass/helpers/typography/index.html +5252 -0
- package/docs-dev/sass/helpers/units/index.html +5398 -0
- package/docs-dev/sass/helpers/utilities/index.html +5229 -0
- package/docs-dev/sass/index.html +5253 -0
- package/js/ui/modal-builder.js +32 -3
- package/package.json +1 -1
- package/scss/components/_slider.scss +11 -13
- package/types/ui/modal-builder.d.ts +85 -0
- package/types/ui/modal-builder.d.ts.map +1 -1
|
@@ -0,0 +1,172 @@
|
|
|
1
|
+
<!doctype html>
|
|
2
|
+
<html lang="en" class="fullscreen-layout">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="utf-8">
|
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
6
|
+
<title>
|
|
7
|
+
Slider
|
|
8
|
+
</title>
|
|
9
|
+
<meta name="description" content="Modular Sass Theming Library">
|
|
10
|
+
<meta name="generator" content="Eleventy v3.0.0">
|
|
11
|
+
|
|
12
|
+
<link rel="apple-touch-icon" sizes="180x180" href="/frontend/assets/favicons/apple-touch-icon.png">
|
|
13
|
+
<link rel="icon" type="image/png" sizes="32x32" href="/frontend/assets/favicons/favicon-32x32.png">
|
|
14
|
+
<link rel="icon" type="image/png" sizes="16x16" href="/frontend/assets/favicons/favicon-16x16.png">
|
|
15
|
+
<link rel="manifest" href="/frontend/assets/favicons/site.webmanifest">
|
|
16
|
+
<link rel="mask-icon" href="/frontend/assets/favicons/safari-pinned-tab.svg" color="#8455bd">
|
|
17
|
+
<link rel="shortcut icon" href="/frontend/assets/favicons/favicon.ico">
|
|
18
|
+
<meta name="msapplication-TileColor" content="#603cba">
|
|
19
|
+
<meta name="msapplication-config" content="/assets/favicons/browserconfig.xml">
|
|
20
|
+
<meta name="theme-color" content="#ffffff">
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
<link rel="stylesheet" href="/frontend/assets/fonts/inter/inter.css">
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
|
|
33
|
+
</head>
|
|
34
|
+
<body class="page theme-light">
|
|
35
|
+
<header class="page__header header">
|
|
36
|
+
<div class="header__main">
|
|
37
|
+
<a class="header__logo" href="/frontend/">
|
|
38
|
+
<div class="logo">
|
|
39
|
+
<span class="logo__main">Ulu</span>
|
|
40
|
+
<span class="logo__subtitle">Frontend</span>
|
|
41
|
+
</div>
|
|
42
|
+
</a>
|
|
43
|
+
<button class="button button--small button--icon button--secondary margin-left-auto" data-ulu-theme-toggle='{
|
|
44
|
+
"savePreference" : true,
|
|
45
|
+
"checkMediaQuery" : true,
|
|
46
|
+
"group" : "page"
|
|
47
|
+
}'>
|
|
48
|
+
<span class="hidden-visually">Toggle Theme to <span data-ulu-theme-toggle-label="">Dark</span></span>
|
|
49
|
+
<span class="fas fa-moon" data-ulu-theme-toggle-icon=""></span>
|
|
50
|
+
</button>
|
|
51
|
+
<a class="button button--small button--icon button--secondary" href="../" aria-label="Exit">
|
|
52
|
+
<span class="css-icon css-icon--close" aria-hidden="true"></span>
|
|
53
|
+
</a>
|
|
54
|
+
</div>
|
|
55
|
+
</header>
|
|
56
|
+
<main id="main" class="page__body">
|
|
57
|
+
|
|
58
|
+
<div class="page__content-header">
|
|
59
|
+
<div class="container">
|
|
60
|
+
<div class="type-max-width">
|
|
61
|
+
<h1 class="page__title h1">Slider</h1>
|
|
62
|
+
|
|
63
|
+
<div class="rule rule--short rule--accent"></div>
|
|
64
|
+
<p class="type-large type-light">
|
|
65
|
+
Slider Intro
|
|
66
|
+
</p>
|
|
67
|
+
|
|
68
|
+
</div>
|
|
69
|
+
</div>
|
|
70
|
+
</div>
|
|
71
|
+
<div class="container-fill">
|
|
72
|
+
<h3 class="h3">Slider with Images</h3>
|
|
73
|
+
<div class="slider slider--small slider--inset-controls" data-ulu-slider='{"transitionFade":false}'>
|
|
74
|
+
<div class="slider__control-context" data-ulu-slider-control-context="">
|
|
75
|
+
<div class="slider__track-crop" data-ulu-slider-track-container="">
|
|
76
|
+
<ul class="slider__track" data-ulu-slider-track="">
|
|
77
|
+
<li class="slider__slide slider__slide-gap-for-controls" data-ulu-slider-slide="">
|
|
78
|
+
<img src="/frontend/assets/placeholder/image-1.jpg">
|
|
79
|
+
</li>
|
|
80
|
+
<li class="slider__slide" data-ulu-slider-slide="">
|
|
81
|
+
<img src="/frontend/assets/placeholder/image-1.jpg">
|
|
82
|
+
</li>
|
|
83
|
+
</ul>
|
|
84
|
+
</div>
|
|
85
|
+
</div>
|
|
86
|
+
</div>
|
|
87
|
+
</div>
|
|
88
|
+
<div class="container-fill">
|
|
89
|
+
<h3 class="h3">Slider with Text</h3>
|
|
90
|
+
<div class="slider slider--small slider--inset-controls" data-ulu-slider='{"transitionFade":false}'>
|
|
91
|
+
<div class="slider__control-context" data-ulu-slider-control-context="">
|
|
92
|
+
<div class="slider__track-crop" data-ulu-slider-track-container="">
|
|
93
|
+
<ul class="slider__track" data-ulu-slider-track="">
|
|
94
|
+
<li class="slider__slide" data-ulu-slider-slide="">
|
|
95
|
+
<figure class="pull-quote">
|
|
96
|
+
<blockquote class="pull-quote__body display-inline-all">
|
|
97
|
+
Important Quote #1
|
|
98
|
+
</blockquote>
|
|
99
|
+
<figcaption class="pull-quote__author">
|
|
100
|
+
<strong class="pull-quote__author-name">
|
|
101
|
+
Author #1
|
|
102
|
+
</strong>
|
|
103
|
+
<span class="pull-quote__author-title">
|
|
104
|
+
<span class="hidden">, </span>
|
|
105
|
+
Professor, Emeritus
|
|
106
|
+
</span>
|
|
107
|
+
</figcaption>
|
|
108
|
+
</figure>
|
|
109
|
+
</li><li class="slider__slide" data-ulu-slider-slide="">
|
|
110
|
+
<figure class="pull-quote">
|
|
111
|
+
<blockquote class="pull-quote__body display-inline-all">
|
|
112
|
+
Important Quote #2
|
|
113
|
+
</blockquote>
|
|
114
|
+
<figcaption class="pull-quote__author">
|
|
115
|
+
<strong class="pull-quote__author-name">
|
|
116
|
+
Author #2
|
|
117
|
+
</strong>
|
|
118
|
+
<span class="pull-quote__author-title">
|
|
119
|
+
<span class="hidden">, </span>
|
|
120
|
+
Professor, Emeritus
|
|
121
|
+
</span>
|
|
122
|
+
</figcaption>
|
|
123
|
+
</figure>
|
|
124
|
+
</li><li class="slider__slide" data-ulu-slider-slide="">
|
|
125
|
+
<figure class="pull-quote">
|
|
126
|
+
<blockquote class="pull-quote__body display-inline-all">
|
|
127
|
+
Important Quote #3
|
|
128
|
+
</blockquote>
|
|
129
|
+
<figcaption class="pull-quote__author">
|
|
130
|
+
<strong class="pull-quote__author-name">
|
|
131
|
+
Author #3
|
|
132
|
+
</strong>
|
|
133
|
+
<span class="pull-quote__author-title">
|
|
134
|
+
<span class="hidden">, </span>
|
|
135
|
+
Professor, Emeritus
|
|
136
|
+
</span>
|
|
137
|
+
</figcaption>
|
|
138
|
+
</figure>
|
|
139
|
+
</li><li class="slider__slide" data-ulu-slider-slide="">
|
|
140
|
+
<figure class="pull-quote">
|
|
141
|
+
<blockquote class="pull-quote__body display-inline-all">
|
|
142
|
+
Important Quote #4
|
|
143
|
+
</blockquote>
|
|
144
|
+
<figcaption class="pull-quote__author">
|
|
145
|
+
<strong class="pull-quote__author-name">
|
|
146
|
+
Author #4
|
|
147
|
+
</strong>
|
|
148
|
+
<span class="pull-quote__author-title">
|
|
149
|
+
<span class="hidden">, </span>
|
|
150
|
+
Professor, Emeritus
|
|
151
|
+
</span>
|
|
152
|
+
</figcaption>
|
|
153
|
+
</figure>
|
|
154
|
+
</li>
|
|
155
|
+
<p></p></ul>
|
|
156
|
+
</div>
|
|
157
|
+
</div>
|
|
158
|
+
</div><p></p>
|
|
159
|
+
</div>
|
|
160
|
+
|
|
161
|
+
|
|
162
|
+
</main>
|
|
163
|
+
<footer></footer>
|
|
164
|
+
|
|
165
|
+
|
|
166
|
+
<script src="http://localhost:5173/@vite/client" type="module"></script>
|
|
167
|
+
<script src="http://localhost:5173/docs-src/src/main.js" type="module"></script>
|
|
168
|
+
|
|
169
|
+
|
|
170
|
+
|
|
171
|
+
</body>
|
|
172
|
+
</html>
|