Updates
This commit is contained in:
parent
19df7df525
commit
e00badce65
File diff suppressed because one or more lines are too long
Binary file not shown.
File diff suppressed because one or more lines are too long
Before Width: | Height: | Size: 190 KiB After Width: | Height: | Size: 189 KiB |
Binary file not shown.
Binary file not shown.
@ -10130,9 +10130,6 @@ return jQuery;
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<a class="sectionlink" href="#Carousel" data-section="Carousel">Carousel</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="submenulink" href="#Colors" data-section="Colors">Colors</a>
|
||||
<ul class="submenu" data-submenu="Colors">
|
||||
<li><a href="#Colors-line">line</a></li>
|
||||
@ -11692,40 +11689,6 @@ hsla(120, 100%, 50%, 1);</pre></div>
|
||||
</pre>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="section" id="Carousel-" data-section="Carousel" data-heading="">
|
||||
|
||||
<div class="comment">
|
||||
<h1>Carousel</h1>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="result">
|
||||
<div>
|
||||
<ul class="CDB-Carousel">
|
||||
<li class="CDB-CarouselItem is-selected"></li>
|
||||
<li class="CDB-CarouselItem"></li>
|
||||
<li class="CDB-CarouselItem"></li>
|
||||
<li class="CDB-CarouselItem"></li>
|
||||
<li class="CDB-CarouselItem"></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="markup hljs">
|
||||
<pre>
|
||||
<div>
|
||||
<ul <span class="hljs-keyword">class</span>=<span class="hljs-string">"CDB-Carousel"</span>>
|
||||
<<span class="hljs-keyword">li</span> <span class="hljs-keyword">class</span>=<span class="hljs-string">"CDB-CarouselItem is-selected"</span>></<span class="hljs-keyword">li</span>>
|
||||
<<span class="hljs-keyword">li</span> <span class="hljs-keyword">class</span>=<span class="hljs-string">"CDB-CarouselItem"</span>></<span class="hljs-keyword">li</span>>
|
||||
<<span class="hljs-keyword">li</span> <span class="hljs-keyword">class</span>=<span class="hljs-string">"CDB-CarouselItem"</span>></<span class="hljs-keyword">li</span>>
|
||||
<<span class="hljs-keyword">li</span> <span class="hljs-keyword">class</span>=<span class="hljs-string">"CDB-CarouselItem"</span>></<span class="hljs-keyword">li</span>>
|
||||
<<span class="hljs-keyword">li</span> <span class="hljs-keyword">class</span>=<span class="hljs-string">"CDB-CarouselItem"</span>></<span class="hljs-keyword">li</span>>
|
||||
</ul>
|
||||
</div>
|
||||
</pre>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="section" id="Colors-line" data-section="Colors" data-heading="line">
|
||||
|
||||
@ -12594,6 +12557,28 @@ hsla(120, 100%, 50%, 1);</pre></div>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
|
||||
|
||||
<div class="CDB-Select" style="height: 250px;">
|
||||
<div class="CDB-InputText CDB-Text">DejaVu Sans</div>
|
||||
<div class="CDB-Box-Modal CDB-SelectItem">
|
||||
<ul class="CDB-Text CDB-Size-medium">
|
||||
<li class="CDB-ListDecoration-Item"><a href="#" class="CDB-ListDecoration-ItemLink">Hide</a></li>
|
||||
<li class="CDB-ListDecoration-Item"><a href="#" class="CDB-ListDecoration-ItemLink">Rename</a></li>
|
||||
<li class="CDB-ListDecoration-Item"><a href="#" class="CDB-ListDecoration-ItemLink">Change source dataset…</a></li>
|
||||
<li class="CDB-ListDecoration-Item"><a href="#" class="CDB-ListDecoration-ItemLink">Delete this layer…</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="CDB-InputText CDB-Text is-cursor is-disabled">DejaVu Sans</div>
|
||||
<br>
|
||||
<div class="CDB-InputText CDB-Text is-cursor is-empty">DejaVu Sans</div>
|
||||
<br>
|
||||
<select name="select" class="CDB-SelectFake CDB-Text">
|
||||
<option value="value1" selected>Choose an option</option>
|
||||
<option value="value2">Hide</option>
|
||||
@ -12616,6 +12601,28 @@ hsla(120, 100%, 50%, 1);</pre></div>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
|
||||
|
||||
<div <span class="hljs-keyword">class</span>=<span class="hljs-string">"CDB-Select"</span> style=<span class="hljs-string">"height: 250px;"</span>>
|
||||
<div <span class="hljs-keyword">class</span>=<span class="hljs-string">"CDB-InputText CDB-Text"</span>>DejaVu Sans</div>
|
||||
<div <span class="hljs-keyword">class</span>=<span class="hljs-string">"CDB-Box-Modal CDB-SelectItem"</span>>
|
||||
<ul <span class="hljs-keyword">class</span>=<span class="hljs-string">"CDB-Text CDB-Size-medium"</span>>
|
||||
<li <span class="hljs-keyword">class</span>=<span class="hljs-string">"CDB-ListDecoration-Item"</span>><a href=<span class="hljs-string">"#"</span> <span class="hljs-keyword">class</span>=<span class="hljs-string">"CDB-ListDecoration-ItemLink"</span>>Hide</a></li>
|
||||
<li <span class="hljs-keyword">class</span>=<span class="hljs-string">"CDB-ListDecoration-Item"</span>><a href=<span class="hljs-string">"#"</span> <span class="hljs-keyword">class</span>=<span class="hljs-string">"CDB-ListDecoration-ItemLink"</span>>Rename</a></li>
|
||||
<li <span class="hljs-keyword">class</span>=<span class="hljs-string">"CDB-ListDecoration-Item"</span>><a href=<span class="hljs-string">"#"</span> <span class="hljs-keyword">class</span>=<span class="hljs-string">"CDB-ListDecoration-ItemLink"</span>>Change source dataset&<span class="hljs-preprocessor">#x2026;</a></li></span>
|
||||
<li <span class="hljs-keyword">class</span>=<span class="hljs-string">"CDB-ListDecoration-Item"</span>><a href=<span class="hljs-string">"#"</span> <span class="hljs-keyword">class</span>=<span class="hljs-string">"CDB-ListDecoration-ItemLink"</span>>Delete <span class="hljs-keyword">this</span> layer&<span class="hljs-preprocessor">#x2026;</a></li></span>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div <span class="hljs-keyword">class</span>=<span class="hljs-string">"CDB-InputText CDB-Text is-cursor is-disabled"</span>>DejaVu Sans</div>
|
||||
<br>
|
||||
<div <span class="hljs-keyword">class</span>=<span class="hljs-string">"CDB-InputText CDB-Text is-cursor is-empty"</span>>DejaVu Sans</div>
|
||||
<br>
|
||||
<<span class="hljs-keyword">select</span> name=<span class="hljs-string">"select"</span> <span class="hljs-keyword">class</span>=<span class="hljs-string">"CDB-SelectFake CDB-Text"</span>>
|
||||
<option <span class="hljs-keyword">value</span>=<span class="hljs-string">"value1"</span> selected>Choose an option</option>
|
||||
<option <span class="hljs-keyword">value</span>=<span class="hljs-string">"value2"</span>>Hide</option>
|
||||
@ -13311,13 +13318,37 @@ hsla(120, 100%, 50%, 1);</pre></div>
|
||||
<div class="result">
|
||||
<div style="padding: 20px;">
|
||||
<div class="CDB-LoaderIcon">
|
||||
<div class="CDB-LoaderIcon-item"></div>
|
||||
<div class="CDB-LoaderIcon-item">
|
||||
<span class="CDB-LoaderIcon-itemClose"></span>
|
||||
<span class="CDB-LoaderIcon-itemCircle"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="padding: 20px; background: #F9F9F9;">
|
||||
<div class="CDB-LoaderIcon is-grey">
|
||||
<div class="CDB-LoaderIcon-item">
|
||||
<span class="CDB-LoaderIcon-itemClose"></span>
|
||||
<span class="CDB-LoaderIcon-itemCircle"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="padding: 20px; background: #2E3C43;">
|
||||
<div class="CDB-LoaderIcon is-grey">
|
||||
<div class="CDB-LoaderIcon-item is-grey"></div>
|
||||
<div class="CDB-LoaderIcon is-dark">
|
||||
<div class="CDB-LoaderIcon-item">
|
||||
<span class="CDB-LoaderIcon-itemClose"></span>
|
||||
<span class="CDB-LoaderIcon-itemCircle"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="padding: 20px; background: #E27D61;">
|
||||
<div class="CDB-LoaderIcon is-bg">
|
||||
<div class="CDB-LoaderIcon-item">
|
||||
<span class="CDB-LoaderIcon-itemClose" style="background: #E27D61"></span>
|
||||
<span class="CDB-LoaderIcon-itemCircle" style="background: #E27D61"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -13326,13 +13357,37 @@ hsla(120, 100%, 50%, 1);</pre></div>
|
||||
<pre>
|
||||
<<span class="hljs-keyword">div</span> style=<span class="hljs-string">"padding: 20px;"</span>>
|
||||
<<span class="hljs-keyword">div</span> <span class="hljs-type">class</span>=<span class="hljs-string">"CDB-LoaderIcon"</span>>
|
||||
<<span class="hljs-keyword">div</span> <span class="hljs-type">class</span>=<span class="hljs-string">"CDB-LoaderIcon-item"</span>></<span class="hljs-keyword">div</span>>
|
||||
<<span class="hljs-keyword">div</span> <span class="hljs-type">class</span>=<span class="hljs-string">"CDB-LoaderIcon-item"</span>>
|
||||
<span <span class="hljs-type">class</span>=<span class="hljs-string">"CDB-LoaderIcon-itemClose"</span>></span>
|
||||
<span <span class="hljs-type">class</span>=<span class="hljs-string">"CDB-LoaderIcon-itemCircle"</span>></span>
|
||||
</<span class="hljs-keyword">div</span>>
|
||||
</<span class="hljs-keyword">div</span>>
|
||||
</<span class="hljs-keyword">div</span>>
|
||||
|
||||
<<span class="hljs-keyword">div</span> style=<span class="hljs-string">"padding: 20px; background: #F9F9F9;"</span>>
|
||||
<<span class="hljs-keyword">div</span> <span class="hljs-type">class</span>=<span class="hljs-string">"CDB-LoaderIcon is-grey"</span>>
|
||||
<<span class="hljs-keyword">div</span> <span class="hljs-type">class</span>=<span class="hljs-string">"CDB-LoaderIcon-item"</span>>
|
||||
<span <span class="hljs-type">class</span>=<span class="hljs-string">"CDB-LoaderIcon-itemClose"</span>></span>
|
||||
<span <span class="hljs-type">class</span>=<span class="hljs-string">"CDB-LoaderIcon-itemCircle"</span>></span>
|
||||
</<span class="hljs-keyword">div</span>>
|
||||
</<span class="hljs-keyword">div</span>>
|
||||
</<span class="hljs-keyword">div</span>>
|
||||
|
||||
<<span class="hljs-keyword">div</span> style=<span class="hljs-string">"padding: 20px; background: #2E3C43;"</span>>
|
||||
<<span class="hljs-keyword">div</span> <span class="hljs-type">class</span>=<span class="hljs-string">"CDB-LoaderIcon is-grey"</span>>
|
||||
<<span class="hljs-keyword">div</span> <span class="hljs-type">class</span>=<span class="hljs-string">"CDB-LoaderIcon-item is-grey"</span>></<span class="hljs-keyword">div</span>>
|
||||
<<span class="hljs-keyword">div</span> <span class="hljs-type">class</span>=<span class="hljs-string">"CDB-LoaderIcon is-dark"</span>>
|
||||
<<span class="hljs-keyword">div</span> <span class="hljs-type">class</span>=<span class="hljs-string">"CDB-LoaderIcon-item"</span>>
|
||||
<span <span class="hljs-type">class</span>=<span class="hljs-string">"CDB-LoaderIcon-itemClose"</span>></span>
|
||||
<span <span class="hljs-type">class</span>=<span class="hljs-string">"CDB-LoaderIcon-itemCircle"</span>></span>
|
||||
</<span class="hljs-keyword">div</span>>
|
||||
</<span class="hljs-keyword">div</span>>
|
||||
</<span class="hljs-keyword">div</span>>
|
||||
|
||||
<<span class="hljs-keyword">div</span> style=<span class="hljs-string">"padding: 20px; background: #E27D61;"</span>>
|
||||
<<span class="hljs-keyword">div</span> <span class="hljs-type">class</span>=<span class="hljs-string">"CDB-LoaderIcon is-bg"</span>>
|
||||
<<span class="hljs-keyword">div</span> <span class="hljs-type">class</span>=<span class="hljs-string">"CDB-LoaderIcon-item"</span>>
|
||||
<span <span class="hljs-type">class</span>=<span class="hljs-string">"CDB-LoaderIcon-itemClose"</span> style=<span class="hljs-string">"background: #E27D61"</span>></span>
|
||||
<span <span class="hljs-type">class</span>=<span class="hljs-string">"CDB-LoaderIcon-itemCircle"</span> style=<span class="hljs-string">"background: #E27D61"</span>></span>
|
||||
</<span class="hljs-keyword">div</span>>
|
||||
</<span class="hljs-keyword">div</span>>
|
||||
</<span class="hljs-keyword">div</span>>
|
||||
</pre>
|
||||
@ -15290,6 +15345,9 @@ hsla(120, 100%, 50%, 1);</pre></div>
|
||||
</button>
|
||||
<button class="CDB-Tag is-private CDB-Text is-semibold CDB-Size-small u-iBlock">
|
||||
PRIVATE
|
||||
</button>
|
||||
<button class="CDB-Tag CDB-Text is-semibold CDB-Size-small u-iBlock">
|
||||
TAG
|
||||
</button>
|
||||
</div>
|
||||
|
||||
@ -15307,6 +15365,9 @@ hsla(120, 100%, 50%, 1);</pre></div>
|
||||
<span class="hljs-tag"><<span class="hljs-title">button</span> <span class="hljs-attribute">class</span>=<span class="hljs-value">"CDB-Tag is-private CDB-Text is-semibold CDB-Size-small u-iBlock"</span>></span>
|
||||
PRIVATE
|
||||
<span class="hljs-tag"></<span class="hljs-title">button</span>></span>
|
||||
<span class="hljs-tag"><<span class="hljs-title">button</span> <span class="hljs-attribute">class</span>=<span class="hljs-value">"CDB-Tag CDB-Text is-semibold CDB-Size-small u-iBlock"</span>></span>
|
||||
TAG
|
||||
<span class="hljs-tag"></<span class="hljs-title">button</span>></span>
|
||||
</pre>
|
||||
</div>
|
||||
|
||||
@ -15457,12 +15518,6 @@ hsla(120, 100%, 50%, 1);</pre></div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="box">
|
||||
<i class="CDB-IconFont CDB-IconFont-pencilMenu Size-large"></i>
|
||||
<h4 class="Text Size-small">pencilMenu</h4>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="box">
|
||||
<i class="CDB-IconFont CDB-IconFont-wizard Size-large"></i>
|
||||
<h4 class="Text Size-small">wizard</h4>
|
||||
@ -16095,12 +16150,6 @@ hsla(120, 100%, 50%, 1);</pre></div>
|
||||
</div>
|
||||
|
||||
|
||||
<div <span class="hljs-keyword">class</span>=<span class="hljs-string">"box"</span>>
|
||||
<i <span class="hljs-keyword">class</span>=<span class="hljs-string">"CDB-IconFont CDB-IconFont-pencilMenu Size-large"</span>></i>
|
||||
<h4 <span class="hljs-keyword">class</span>=<span class="hljs-string">"Text Size-small"</span>>pencilMenu</h4>
|
||||
</div>
|
||||
|
||||
|
||||
<div <span class="hljs-keyword">class</span>=<span class="hljs-string">"box"</span>>
|
||||
<i <span class="hljs-keyword">class</span>=<span class="hljs-string">"CDB-IconFont CDB-IconFont-wizard Size-large"</span>></i>
|
||||
<h4 <span class="hljs-keyword">class</span>=<span class="hljs-string">"Text Size-small"</span>>wizard</h4>
|
||||
|
Loading…
Reference in New Issue
Block a user