Removed install button, better spacing

This commit is contained in:
Simon Busborg
2016-05-26 15:21:12 +02:00
parent 098eb32ef6
commit 8a744b52fe
2 changed files with 18 additions and 19 deletions

View File

@@ -1,13 +1,17 @@
.umb-packages {
display: flex;
flex-wrap: wrap;
margin: 0 -5px;
}
// List
.umb-package {
flex: 0 0 100%;
padding-left: 20px;
padding-right: 20px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 20px;
box-sizing: border-box;
@@ -33,6 +37,8 @@
}
}
// Link (Wrapper)
.umb-package-link {
display: flex;
flex-wrap: wrap;
@@ -52,6 +58,8 @@
}
// Icon
.umb-package-icon {
display: flex;
@@ -70,6 +78,8 @@
opacity: .1;
}
// Info
.umb-package-info {
padding-top: 10px;
padding-right: 20px;
@@ -78,17 +88,17 @@
}
// Name
.umb-package-name {
font-weight: bold;
margin-bottom: 10px;
}
// Numbers
.umb-package-numbers {
display: flex;
flex-wrap: wrap;
margin-bottom: 20px;
opacity: .6;
}
@@ -96,14 +106,7 @@
opacity: 1;
}
.umb-package-link:hover .umb-era-button {
background: @blue;
color: white;
&:hover {
background-color: @blueDark;
}
}
/* umb-buttons-era */
.umb-era-button {

View File

@@ -43,16 +43,12 @@
</h4>
<div class="umb-package-numbers">
<div class="umb-package-downloads">
<small class="umb-package-downloads">
Downloads <strong>{{ package.downloads }}</strong>
</div>
<div class="umb-package-karma">
</small>
<small class="umb-package-karma">
Karma <strong>{{ package.karma }}</strong>
</div>
</div>
<div href="#" class="umb-era-button">
Install
</small>
</div>
</div>
</a>