1. Changed the download page layout per feedback.
2. Removed custom styles added.
3. 0 to layout loop.... because I couldn't find a better way to remove padding left on UL :(
This commit is contained in:
Won Song 2015-05-19 23:17:03 -07:00
parent dc1bafd46d
commit 93bc37f597
3 changed files with 12 additions and 23 deletions

View File

@ -1,6 +1,6 @@
.grid-fluid.l-space-bottom-8 .grid-fluid.l-space-bottom-8
for versions, framework in downloads for versions, framework in downloads
div.c9.card div.c9.l-space-bottom-4
frameworkName = framework.replace(/\_/gm, ' ') frameworkName = framework.replace(/\_/gm, ' ')
header header
h2.text-headline #{frameworkName} h2.text-headline #{frameworkName}
@ -11,9 +11,7 @@
p #{version} p #{version}
else else
.card-content ul.l-pad-left-0
ul.hover-card-container
if version.file if version.file
li li
!= partial("../_includes/_hover-card", {name: "Version " + name, url: version.file }) != partial("../_includes/_hover-card", {name: "Version " + name, url: version.file })

View File

@ -142,7 +142,7 @@
* *
*/ */
@for $i from 1 through 10 { @for $i from 0 through 10 {
.l-space-#{$i} { .l-space-#{$i} {
margin: $i * 8px; margin: $i * 8px;
} }

View File

@ -26,8 +26,6 @@
border-bottom: none; border-bottom: none;
} }
h3 { h3 {
margin: 0px; margin: 0px;
} }
@ -36,25 +34,18 @@
padding: 0px; padding: 0px;
margin: 0px 0px 0px ($unit * 4); margin: 0px 0px 0px ($unit * 4);
&:not(.hover-card-container) { a {
a { font-size: 14px;
font-size: 14px; display: block;
display: block; line-height: 24px;
line-height: 24px; text-decoration: none;
text-decoration: none; padding: 0px 4px;
padding: 0px 4px;
&:hover { &:hover {
text-decoration: underline; text-decoration: underline;
background: $mist; background: $mist;
}
} }
} }
&.hover-card-container {
margin-left: 0;
margin-top: $unit * 2;
}
} }
} }