scratchfoundation/scratchx
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratchx.git synced 2024-11-25 09:08:28 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add text to extension tag icons

Browse source
This commit is contained in:
Ray Schamp 2015-08-10 10:29:05 -04:00
parent e31e10b422
commit 402bd506c3
4 changed files with 59 additions and 43 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

61
css/scratchx.css
View file

@ -1603,34 +1603,39 @@ body.page-home > main > header {
aside + .gallery {
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;
line-height: 1; }
.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; }
.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; }
display: inline-block;
vertical-align: middle; }
/*# sourceMappingURL=scratchx.css.map */

2
css/scratchx.css.map
View file

File diff suppressed because one or more lines are too long

20
index.html
View file

@ -150,7 +150,7 @@
<a href="http://khanning.github.io/scratch-arduino-extension/">Documentation</a>
</section>
<section class="tags">
<span class="tag hardware" title="Hardware Extension"></span>
<span class="tag hardware" data-action="load-url">Sample Project</span>
</section>
</li>
<li>
@ -167,7 +167,7 @@
<a href="http://technoboy10.tk/mesh/">Documentation</a>
</section>
<section class="tags">
<span class="tag web" title="Web Extension"></span>
<span class="tag web" title="Web Extension">Requires Internet Connection</span>
</section>
</li>
<li>
@ -184,7 +184,7 @@
<a href="http://intel-realsense-extension-for-scratch.github.io/public">Documentation</a>
</section>
<section class="tags">
<span class="tag hardware" title="Hardware Extension"></span>
<span class="tag hardware" title="Hardware Extension">Requires Hardware</span>
</section>
</li>
<li>
@ -201,7 +201,7 @@
<a href="http://khanning.github.io/scratch-isstracker-extension/">Documentation</a>
</section>
<section class="tags">
<span class="tag web" title="Web Extension"></span>
<span class="tag web" title="Web Extension">Requires Internet Connection</span>
</section>
</li>
<li>
@ -218,7 +218,7 @@
<a href="http://khanning.github.io/scratch-leapmotion-extension/">Documentation</a>
</section>
<section class="tags">
<span class="tag hardware" title="Hardware Extension"></span>
<span class="tag hardware" title="Hardware Extension">Requires Hardware</span>
</section>
</li>
<li>
@ -235,7 +235,7 @@
<a href="http://khanning.github.io/scratch-littlebits-extension/">Documentation</a>
</section>
<section class="tags">
<span class="tag hardware" title="Hardware Extension"></span>
<span class="tag hardware" title="Hardware Extension">Requires Hardware</span>
</section>
</li>
<li>
@ -252,7 +252,7 @@
<a href="http://sayamindu.github.io/scratch-extensions/text-to-speech">Documentation</a>
</section>
<section class="tags">
<span class="tag web" title="Web Extension"></span>
<span class="tag web" title="Web Extension">Requires Internet Connection</span>
</section>
</li>
<li>
@ -269,7 +269,7 @@
<a href="http://ericrosenbaum.github.io/tone-synth-extension">Documentation</a>
</section>
<section class="tags">
<span class="tag web" title="Web Extension"></span>
<span class="tag web" title="Web Extension">Requires Internet Connection</span>
</section>
</li>
<li>
@ -286,7 +286,7 @@
<a href="http://technoboy10.tk/twitter/">Documentation</a>
</section>
<section class="tags">
<span class="tag web" title="Web Extension"></span>
<span class="tag web" title="Web Extension">Requires Internet Connection</span>
</section>
</li>
<li>
@ -303,7 +303,7 @@
<a href="https://github.com/MrYsLab/xi">Documentation</a>
</section>
<section class="tags">
<span class="tag hardware" title="Hardware Extension"></span>
<span class="tag hardware" title="Hardware Extension">Requires Hardware</span>
</section>
</li>
</ul>

19
sass/_gallery.scss
View file

@ -79,13 +79,24 @@ aside + .gallery {
}
.tag {
font-size: 1.5em;
line-height: 1;
&:before {
padding-right: $vertical-base;
}
&.web {
@include icon(before, wifi);
@include icon(before, wifi) {
font-size: 1.25em;
display: inline-block;
vertical-align: baseline;
}
}
&.hardware {
@include icon(before, gear);
@include icon(before, gear) {
font-size: 1.5em;
display: inline-block;
vertical-align: middle;
}
}
}