mirror of
https://github.com/scratchfoundation/scratchx.git
synced 2024-11-25 09:08:28 -05:00
Add text to extension tag icons
This commit is contained in:
Ray Schamp
parent
e31e10b422
commit
402bd506c3
4 changed files with 59 additions and 43 deletions
|
|
@ -1603,34 +1603,39 @@ body.page-home > main > header {
|
||||||
aside + .gallery {
|
aside + .gallery {
|
||||||
margin-top: -1.5em; }
|
margin-top: -1.5em; }
|
||||||
|
|
||||||
.tag {
|
.tag:before {
|
||||||
|
padding-right: 0.375em; }
|
||||||
|
.tag.web:before {
|
||||||
|
content: "";
|
||||||
|
font-family: "ScratchX";
|
||||||
|
speak: none;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: normal;
|
||||||
|
font-variant: normal;
|
||||||
|
font-size: 1em;
|
||||||
|
text-transform: none;
|
||||||
|
line-height: 1;
|
||||||
|
/* Better Font Rendering =========== */
|
||||||
|
-webkit-font-smoothing: antialiased;
|
||||||
|
-moz-osx-font-smoothing: grayscale;
|
||||||
|
font-size: 1.25em;
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: baseline; }
|
||||||
|
.tag.hardware:before {
|
||||||
|
content: "";
|
||||||
|
font-family: "ScratchX";
|
||||||
|
speak: none;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: normal;
|
||||||
|
font-variant: normal;
|
||||||
|
font-size: 1em;
|
||||||
|
text-transform: none;
|
||||||
|
line-height: 1;
|
||||||
|
/* Better Font Rendering =========== */
|
||||||
|
-webkit-font-smoothing: antialiased;
|
||||||
|
-moz-osx-font-smoothing: grayscale;
|
||||||
font-size: 1.5em;
|
font-size: 1.5em;
|
||||||
line-height: 1; }
|
display: inline-block;
|
||||||
.tag.web:before {
|
vertical-align: middle; }
|
||||||
content: "";
|
|
||||||
font-family: "ScratchX";
|
|
||||||
speak: none;
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: normal;
|
|
||||||
font-variant: normal;
|
|
||||||
font-size: 1em;
|
|
||||||
text-transform: none;
|
|
||||||
line-height: 1;
|
|
||||||
/* Better Font Rendering =========== */
|
|
||||||
-webkit-font-smoothing: antialiased;
|
|
||||||
-moz-osx-font-smoothing: grayscale; }
|
|
||||||
.tag.hardware:before {
|
|
||||||
content: "";
|
|
||||||
font-family: "ScratchX";
|
|
||||||
speak: none;
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: normal;
|
|
||||||
font-variant: normal;
|
|
||||||
font-size: 1em;
|
|
||||||
text-transform: none;
|
|
||||||
line-height: 1;
|
|
||||||
/* Better Font Rendering =========== */
|
|
||||||
-webkit-font-smoothing: antialiased;
|
|
||||||
-moz-osx-font-smoothing: grayscale; }
|
|
||||||
|
|
||||||
/*# sourceMappingURL=scratchx.css.map */
|
/*# sourceMappingURL=scratchx.css.map */
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
20
index.html
20
index.html
|
|
@ -150,7 +150,7 @@
|
||||||
<a href="http://khanning.github.io/scratch-arduino-extension/">Documentation</a>
|
<a href="http://khanning.github.io/scratch-arduino-extension/">Documentation</a>
|
||||||
</section>
|
</section>
|
||||||
<section class="tags">
|
<section class="tags">
|
||||||
<span class="tag hardware" title="Hardware Extension"></span>
|
<span class="tag hardware" data-action="load-url">Sample Project</span>
|
||||||
</section>
|
</section>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
|
|
@ -167,7 +167,7 @@
|
||||||
<a href="http://technoboy10.tk/mesh/">Documentation</a>
|
<a href="http://technoboy10.tk/mesh/">Documentation</a>
|
||||||
</section>
|
</section>
|
||||||
<section class="tags">
|
<section class="tags">
|
||||||
<span class="tag web" title="Web Extension"></span>
|
<span class="tag web" title="Web Extension">Requires Internet Connection</span>
|
||||||
</section>
|
</section>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
|
|
@ -184,7 +184,7 @@
|
||||||
<a href="http://intel-realsense-extension-for-scratch.github.io/public">Documentation</a>
|
<a href="http://intel-realsense-extension-for-scratch.github.io/public">Documentation</a>
|
||||||
</section>
|
</section>
|
||||||
<section class="tags">
|
<section class="tags">
|
||||||
<span class="tag hardware" title="Hardware Extension"></span>
|
<span class="tag hardware" title="Hardware Extension">Requires Hardware</span>
|
||||||
</section>
|
</section>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
|
|
@ -201,7 +201,7 @@
|
||||||
<a href="http://khanning.github.io/scratch-isstracker-extension/">Documentation</a>
|
<a href="http://khanning.github.io/scratch-isstracker-extension/">Documentation</a>
|
||||||
</section>
|
</section>
|
||||||
<section class="tags">
|
<section class="tags">
|
||||||
<span class="tag web" title="Web Extension"></span>
|
<span class="tag web" title="Web Extension">Requires Internet Connection</span>
|
||||||
</section>
|
</section>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
|
|
@ -218,7 +218,7 @@
|
||||||
<a href="http://khanning.github.io/scratch-leapmotion-extension/">Documentation</a>
|
<a href="http://khanning.github.io/scratch-leapmotion-extension/">Documentation</a>
|
||||||
</section>
|
</section>
|
||||||
<section class="tags">
|
<section class="tags">
|
||||||
<span class="tag hardware" title="Hardware Extension"></span>
|
<span class="tag hardware" title="Hardware Extension">Requires Hardware</span>
|
||||||
</section>
|
</section>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
|
|
@ -235,7 +235,7 @@
|
||||||
<a href="http://khanning.github.io/scratch-littlebits-extension/">Documentation</a>
|
<a href="http://khanning.github.io/scratch-littlebits-extension/">Documentation</a>
|
||||||
</section>
|
</section>
|
||||||
<section class="tags">
|
<section class="tags">
|
||||||
<span class="tag hardware" title="Hardware Extension"></span>
|
<span class="tag hardware" title="Hardware Extension">Requires Hardware</span>
|
||||||
</section>
|
</section>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
|
|
@ -252,7 +252,7 @@
|
||||||
<a href="http://sayamindu.github.io/scratch-extensions/text-to-speech">Documentation</a>
|
<a href="http://sayamindu.github.io/scratch-extensions/text-to-speech">Documentation</a>
|
||||||
</section>
|
</section>
|
||||||
<section class="tags">
|
<section class="tags">
|
||||||
<span class="tag web" title="Web Extension"></span>
|
<span class="tag web" title="Web Extension">Requires Internet Connection</span>
|
||||||
</section>
|
</section>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
|
|
@ -269,7 +269,7 @@
|
||||||
<a href="http://ericrosenbaum.github.io/tone-synth-extension">Documentation</a>
|
<a href="http://ericrosenbaum.github.io/tone-synth-extension">Documentation</a>
|
||||||
</section>
|
</section>
|
||||||
<section class="tags">
|
<section class="tags">
|
||||||
<span class="tag web" title="Web Extension"></span>
|
<span class="tag web" title="Web Extension">Requires Internet Connection</span>
|
||||||
</section>
|
</section>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
|
|
@ -286,7 +286,7 @@
|
||||||
<a href="http://technoboy10.tk/twitter/">Documentation</a>
|
<a href="http://technoboy10.tk/twitter/">Documentation</a>
|
||||||
</section>
|
</section>
|
||||||
<section class="tags">
|
<section class="tags">
|
||||||
<span class="tag web" title="Web Extension"></span>
|
<span class="tag web" title="Web Extension">Requires Internet Connection</span>
|
||||||
</section>
|
</section>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
|
|
@ -303,7 +303,7 @@
|
||||||
<a href="https://github.com/MrYsLab/xi">Documentation</a>
|
<a href="https://github.com/MrYsLab/xi">Documentation</a>
|
||||||
</section>
|
</section>
|
||||||
<section class="tags">
|
<section class="tags">
|
||||||
<span class="tag hardware" title="Hardware Extension"></span>
|
<span class="tag hardware" title="Hardware Extension">Requires Hardware</span>
|
||||||
</section>
|
</section>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
|
||||||
|
|
@ -79,13 +79,24 @@ aside + .gallery {
|
||||||
}
|
}
|
||||||
|
|
||||||
.tag {
|
.tag {
|
||||||
font-size: 1.5em;
|
|
||||||
line-height: 1;
|
&:before {
|
||||||
|
padding-right: $vertical-base;
|
||||||
|
}
|
||||||
|
|
||||||
&.web {
|
&.web {
|
||||||
@include icon(before, wifi);
|
@include icon(before, wifi) {
|
||||||
|
font-size: 1.25em;
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: baseline;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&.hardware {
|
&.hardware {
|
||||||
@include icon(before, gear);
|
@include icon(before, gear) {
|
||||||
|
font-size: 1.5em;
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
Loading…
Reference in a new issue