Improve icons less

This commit is contained in:
Colin McLeod
2015-05-03 21:24:04 -07:00
parent 44f5409246
commit c5cdebc5a7
2 changed files with 24 additions and 9 deletions

View File

@@ -1,19 +1,34 @@
.logo, .icon { .icon {
display: inline-block;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
background-size: contain; background-size: contain;
} }
.icon { .icon {
width: 25px; width: 1em;
height: 25px; height: 1em;
} }
.logo { .icon-sm {
display: inline-block; width: 0.75em;
width: 50px; height: 0.75em;
height: 50px; }
.icon-tiny {
width: 0.5em;
height: 0.5em;
}
.icon-l {
width: 1.5em;
height: 1.5em;
}
.icon-xl {
width: 3em;
height: 3em;
} }
.mount-T { .mount-T {

View File

@@ -1,5 +1,5 @@
<header> <header>
<div class="l" style="margin-right: 2em;"><a ui-sref="shipyard" class="logo shipyard"></a></div> <div class="l" style="margin-right: 2em;"><a ui-sref="shipyard" class="icon icon-xl shipyard"></a></div>
<div class="l menu"> <div class="l menu">
<div class="menu-header" ng-class="{selected: openedMenu=='s'}" ng-click="openMenu('s')">Ships</div> <div class="menu-header" ng-class="{selected: openedMenu=='s'}" ng-click="openMenu('s')">Ships</div>
@@ -21,7 +21,7 @@
</div> </div>
<div class="r"> <div class="r">
<a class="logo reddit" href="#" target="_blank" title="Reddit Thread"></a> <a class="icon icon-xl reddit" href="#" target="_blank" title="Reddit Thread"></a>
</div> </div>
</header> </header>