Skip to content
This repository has been archived by the owner on Mar 15, 2018. It is now read-only.

Commit

Permalink
new desktop icons
Browse files Browse the repository at this point in the history
  • Loading branch information
potch committed Feb 20, 2013
1 parent 1b71280 commit 4056870
Show file tree
Hide file tree
Showing 4 changed files with 35 additions and 83 deletions.
60 changes: 35 additions & 25 deletions media/css/mkt/categories.less
Original file line number Diff line number Diff line change
@@ -1,58 +1,68 @@
body:not(.desktop) .categories {
@import 'lib';

.categories {
h2 {
display: none;
}
.icon {
background: url(../../img/mkt/glyphs/rocket.png) 50% 35% no-repeat;
&:after {
top: auto;
right: 5px;
bottom: 5px;
}
&.cat-books-reference {
background-image: url(../../img/mkt/glyphs/books-reference.png);
}
.grid .mkt-tile .icon {
background: url(../../img/mkt/glyphs/categories.png) no-repeat;
background-size: 86px auto;
height: 86px;
position: absolute;
top: 50%;
left: 50%;
margin: -50px 0 0 -43px;
width: 86px;
// &.cat-books-reference {
// background-position: 0 0;
// }
&.cat-business {
background-image: url(../../img/mkt/glyphs/business.png);
background-position: 0 -86px;
}
&.cat-education {
background-image: url(../../img/mkt/glyphs/education.png);
background-position: 0 -172px;
}
&.cat-entertainment-sports {
background-image: url(../../img/mkt/glyphs/entertainment-sports.png);
background-position: 0 -258px;
}
&.cat-games {
background-image: url(../../img/mkt/glyphs/games.png);
background-position: 0 -344px;
}
&.cat-health-fitness {
background-image: url(../../img/mkt/glyphs/health-fitness.png);
background-position: 0 -430px;
}
&.cat-lifestyle {
background-image: url(../../img/mkt/glyphs/lifestyle.png);
background-position: 0 -516px;
}
&.cat-music {
background-image: url(../../img/mkt/glyphs/music.png);
background-position: 0 -602px;
}
&.cat-news-weather {
background-image: url(../../img/mkt/glyphs/news-weather.png);
background-position: 0 -688px;
}
&.cat-photos-media {
background-image: url(../../img/mkt/glyphs/photos-media.png);
background-position: 0 -774px;
}
&.cat-productivity {
background-image: url(../../img/mkt/glyphs/productivity.png);
background-position: 0 -860px;
}
&.cat-shopping {
background-image: url(../../img/mkt/glyphs/shopping.png);
background-position: 0 -946px;
}
&.cat-social {
background-image: url(../../img/mkt/glyphs/social.png);
background-position: 0 -1032px;
}
&.cat-travel {
background-image: url(../../img/mkt/glyphs/travel.png);
background-position: 0 -1118px;
}
&.cat-utilities {
background-image: url(../../img/mkt/glyphs/utilities.png);
background-position: 0 -1204px;
}
}
}

@media @retina {
.categories .grid .mkt-tile .icon {
background-image: url(../../img/mkt/glyphs/categories-2x.png);
}
}
58 changes: 0 additions & 58 deletions media/css/mkt/desktop.less
Original file line number Diff line number Diff line change
Expand Up @@ -26,61 +26,6 @@ body {
.grid .mkt-tile h3 {
margin-bottom: -6px;
}
.grid .mkt-tile .icon {
background: url(../../img/mkt/glyphs/desktop/sprite.png) no-repeat;
background-size: 86px auto;
height: 86px;
position: absolute;
top: 50%;
left: 50%;
margin: -50px 0 0 -43px;
width: 86px;
//&.cat-books-reference {
// background-position: 0 0;
//}
&.cat-business {
background-position: 0 -86px;
}
&.cat-education {
background-position: 0 -172px;
}
&.cat-entertainment-sports {
background-position: 0 -258px;
}
&.cat-games {
background-position: 0 -344px;
}
&.cat-health-fitness {
background-position: 0 -430px;
}
&.cat-lifestyle {
background-position: 0 -516px;
}
&.cat-music {
background-position: 0 -602px;
}
&.cat-news-weather {
background-position: 0 -688px;
}
&.cat-photos-media {
background-position: 0 -774px;
}
&.cat-productivity {
background-position: 0 -860px;
}
&.cat-shopping {
background-position: 0 -946px;
}
&.cat-social {
background-position: 0 -1032px;
}
&.cat-travel {
background-position: 0 -1118px;
}
&.cat-utilities {
background-position: 0 -1204px;
}
}
h2 {
.light-text-shadow;
color: @dark-gray;
Expand Down Expand Up @@ -256,7 +201,4 @@ body[data-page-type="alpha"] {
background-size: 47px auto;
}
}
.categories .grid .mkt-tile .icon {
background-image: url(../../img/mkt/glyphs/desktop/sprite-2x.png);
}
}
Binary file added media/img/mkt/glyphs/categories-2x.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added media/img/mkt/glyphs/categories.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

1 comment on commit 4056870

@cvan
Copy link
Contributor

@cvan cvan commented on 4056870 Feb 20, 2013

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

this is gonna make such a dent in marketplace-size

Please sign in to comment.