parent
16b6bd6430
commit
40e99ba41a
|
@ -109,10 +109,12 @@
|
||||||
width: 100%;
|
width: 100%;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
.mdl-gen__cdn .demo-code code {
|
.mdl-gen__cdn .demo-code .mdl-gen__cdn-link{
|
||||||
visibility: hidden;
|
display: none;
|
||||||
}
|
}
|
||||||
|
.mdl-gen__cdn .demo-code .visible {
|
||||||
.mdl-gen__cdn .demo-code code.visible {
|
display: block;
|
||||||
visibility: visible;
|
}
|
||||||
|
.mdl-gen__cdn .demo-code .visible + .mdl-gen__placeholder {
|
||||||
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
|
@ -5,7 +5,7 @@ function init() {
|
||||||
'use strict';
|
'use strict';
|
||||||
|
|
||||||
var wheel = document.querySelector('#wheel > svg');
|
var wheel = document.querySelector('#wheel > svg');
|
||||||
var cdn = document.querySelector('.mdl-gen__cdn code');
|
var cdn = document.querySelector('.mdl-gen__cdn .mdl-gen__cdn-link');
|
||||||
new MaterialCustomizer(wheel, cdn);
|
new MaterialCustomizer(wheel, cdn);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -67,7 +67,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="mdl-gen__cdn mdl-cell mdl-cell--12-col">
|
<div class="mdl-gen__cdn mdl-cell mdl-cell--12-col">
|
||||||
<pre class="demo-code language-markup"><code class="language-markup" data-language="markup"> <link rel="stylehsheet" href="$$hosted_libs_prefix$$/$$version$$/material.$primary-$accent.min.css" /> </code></pre>
|
<pre class="demo-code language-markup"><code class="language-markup mdl-gen__cdn-link" data-language="markup"> <link rel="stylehsheet" href="$$hosted_libs_prefix$$/$$version$$/material.$primary-$accent.min.css" /> </code><code class="language-markup mdl-gen__placeholder" data-language="markup"> <link rel="stylehsheet" href="$$hosted_libs_prefix$$/$$version$$/material.indigo-pink.min.css" /> </code></pre>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in New Issue