Add icons module

This commit is contained in:
Brian Miyaji
2015-09-17 12:33:16 +10:00
parent 98990c0995
commit d0e77dcb4d
16 changed files with 404 additions and 123 deletions

50
assets/css/icons.css Normal file
View File

@@ -0,0 +1,50 @@
/* SportsPress icons */
@font-face {
font-family: 'sportspress';
src:url('../fonts/sportspress.eot?-76nsup');
src:url('../fonts/sportspress.eot?#iefix-76nsup') format('embedded-opentype'),
url('../fonts/sportspress.woff2?-76nsup') format('woff2'),
url('../fonts/sportspress.ttf?-76nsup') format('truetype'),
url('../fonts/sportspress.woff?-76nsup') format('woff'),
url('../fonts/sportspress.svg?-76nsup#sportspress') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="sp-icon-"], [class*=" sp-icon-"] {
font-family: sportspress, dashicons;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
display: inline-block;
width: 20px;
height: 20px;
font-size: 20px;
vertical-align: top;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.sp-icon-baseball:before {
content: "\e701";
}
.sp-icon-basketball:before {
content: "\e602";
}
.sp-icon-cricketball:before {
content: "\e604";
}
.sp-icon-soccerball:before {
content: "\e700";
}
.sp-icon-shoe:before {
content: "\e800";
}
.sp-icon-card:before {
content: "\e801";
}

View File

@@ -1,12 +1,12 @@
/* SportsPress menu styles */
@font-face {
font-family: 'sportspress';
src:url('../fonts/sportspress.eot?gvy36n');
src:url('../fonts/sportspress.eot?#iefixgvy36n') format('embedded-opentype'),
url('../fonts/sportspress.woff2?gvy36n') format('woff2'),
url('../fonts/sportspress.ttf?gvy36n') format('truetype'),
url('../fonts/sportspress.woff?gvy36n') format('woff'),
url('../fonts/sportspress.svg?gvy36n#sportspress') format('svg');
src:url('../fonts/sportspress.eot?-76nsup');
src:url('../fonts/sportspress.eot?#iefix-76nsup') format('embedded-opentype'),
url('../fonts/sportspress.woff2?-76nsup') format('woff2'),
url('../fonts/sportspress.ttf?-76nsup') format('truetype'),
url('../fonts/sportspress.woff?-76nsup') format('woff'),
url('../fonts/sportspress.svg?-76nsup#sportspress') format('svg');
font-weight: normal;
font-style: normal;
}
@@ -138,6 +138,27 @@
.sp-icon-whistle:before {
content: "\f227";
}
.sp-icon-baseball:before {
content: "\e701";
}
.sp-icon-basketball:before {
content: "\e602";
}
.sp-icon-golfball:before {
content: "\e603";
}
.sp-icon-cricketball:before {
content: "\e604";
}
.sp-icon-soccerball:before {
content: "\e700";
}
.sp-icon-shoe:before {
content: "\e800";
}
.sp-icon-card:before {
content: "\e801";
}
#adminmenu #toplevel_page_sportspress .toplevel_page_sportspress div.wp-menu-image:before,
#adminmenu #toplevel_page_themeboy .toplevel_page_themeboy div.wp-menu-image:before,
@@ -202,6 +223,30 @@
color: #ccc;
}
/* Icons */
.sp-icons .button {
margin: 0 3px 4px 0;
padding: 0 7px 1px 5px;
}
.sp-icons .button i {
margin: 3px 0;
}
.sp-icon-color-box input[type=text] {
color: #fff;
}
.wp-admin .sp-icons label input[type=radio] {
margin-top: -3px;
}
@media screen and (max-width: 782px) {
.wp-admin .sp-icons label input[type=radio] {
margin-top: 1px;
}
}
/* TinyMCE */
.mce-toolbar i.mce-i-sp_shortcodes_button, .mce-toolbar span.mce_sp_shortcodes_button {
margin-right: -5px;