Mirroring/coriolis
1
0
Fork 0
mirror of https://github.com/EDCD/coriolis.git synced 2025-12-08 22:33:24 +00:00
Code Issues Projects Releases Wiki Activity

Improve icons less

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

29
app/less/icons.less
View File

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

4
app/views/_header.html
View File

@@ -1,5 +1,5 @@
<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="menu-header" ng-class="{selected: openedMenu=='s'}" ng-click="openMenu('s')">Ships</div>
@@ -21,7 +21,7 @@
</div>
<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>
</header>