noticed a few other whitespace issues

This commit is contained in:
captainill 2015-11-14 17:18:30 -08:00
parent 7d1aac6079
commit ae0bc1872c
3 changed files with 620 additions and 623 deletions

View File

@ -23,12 +23,10 @@ footer {
&:hover { &:hover {
color: @purple; color: @purple;
} //li a:hover }
} // li a }
} //li }
}
} //ul
ul.logos { ul.logos {
margin: (@baseline * 2) 0; margin: (@baseline * 2) 0;
@ -75,7 +73,6 @@ footer {
} }
a.contact-link { a.contact-link {
color: @dark-gray-text; color: @dark-gray-text;
line-height: @base-line-height * 2; line-height: @base-line-height * 2;
@ -92,10 +89,5 @@ footer {
&:active { &:active {
color: @blue; color: @blue;
} }
} //contact link }
}
} //footer

View File

@ -70,7 +70,7 @@
.page-contents { .page-contents {
} //page contents }
&.home { &.home {
.hero { .hero {
@ -88,14 +88,14 @@
margin-bottom: 30px !important; margin-bottom: 30px !important;
letter-spacing: 1px; letter-spacing: 1px;
padding-bottom: 50px; padding-bottom: 50px;
} //h1 }
h2 { h2 {
font-size: 20px !important; font-size: 20px !important;
line-height: 25px !important; line-height: 25px !important;
} //h2 }
} //hero }
} //home }
&.vmware { &.vmware {
.hero { .hero {
@ -112,7 +112,7 @@
margin: 0 auto; margin: 0 auto;
} }
} }
} //vmware }
.why-vagrant { .why-vagrant {
padding: 40px 0 !important; padding: 40px 0 !important;
@ -124,7 +124,7 @@
:last-child { :last-child {
margin-bottom: 0; margin-bottom: 0;
} }
} //hgroup }
h1 { h1 {
font-size: 30px !important; font-size: 30px !important;
@ -140,7 +140,7 @@
h4 { h4 {
.hyphenate; .hyphenate;
} }
} //why-vagrant }
.get-started { .get-started {
padding: 40px 0 !important; padding: 40px 0 !important;
@ -154,7 +154,7 @@
pre { pre {
margin: 30px auto 30px !important; margin: 30px auto 30px !important;
} }
} //get-started }
.customers { .customers {
padding: 40px 0 !important; padding: 40px 0 !important;
@ -163,7 +163,7 @@
font-size: 30px !important; font-size: 30px !important;
line-height: 30px !important; line-height: 30px !important;
} }
} //customers }
&.inner { &.inner {
padding-top: 30px; padding-top: 30px;
@ -171,7 +171,7 @@
.page-contents { .page-contents {
padding: 40px 0; padding: 40px 0;
} }
} //inner }
&.docs { &.docs {
@ -193,9 +193,9 @@
display: block; display: block;
margin-bottom: 20px; margin-bottom: 20px;
} }
} //docs }
} //page }
footer { footer {
padding: 40px 0 !important; padding: 40px 0 !important;
@ -229,10 +229,10 @@
a.contact-link { a.contact-link {
font-size: 20px; font-size: 20px;
} // contact link }
} }
} //mobile }
@media (min-width: 768px) and (max-width: 979px) { @media (min-width: 768px) and (max-width: 979px) {
nav { nav {
@ -244,7 +244,7 @@
ul { ul {
margin: 25px 20px; margin: 25px 20px;
} }
} // nav }
.hero-content { .hero-content {
.button { .button {
@ -262,11 +262,13 @@
display: block !important; display: block !important;
} }
} // 768 < x < 979 }
// 768 < x < 979
@media (min-width: 1200px) { @media (min-width: 1200px) {
} // > 1200 }
// > 1200
@media (max-width: 979px) { @media (max-width: 979px) {
@ -289,12 +291,14 @@
} }
} }
} }
} // < 979 }
// < 979
@media (min-width: 980px) { @media (min-width: 980px) {
} // > 980 }
// > 980
@media (min-width: 481px) and (max-width: 767px) { @media (min-width: 481px) and (max-width: 767px) {
.page { .page {
@ -308,7 +312,8 @@
} }
} }
} }
} // > 481 && < 767 }
// > 481 && < 767
@media (max-width: 767px) { @media (max-width: 767px) {
.wrapper { .wrapper {
@ -394,15 +399,15 @@
background-color: fade(@black, 5%); background-color: fade(@black, 5%);
.animate-background-color; .animate-background-color;
} }
} //li }
ul.sub { ul.sub {
li { li {
} }
} //ul.sub }
} //ul }
.docs & { .docs & {
.docs-bg-small; .docs-bg-small;
@ -415,9 +420,9 @@
margin-right: -20px; margin-right: -20px;
margin-left: -20px; margin-left: -20px;
.docs-bg-small; .docs-bg-small;
} //docs sidebar-nav }
} // docs sidebar }
} //sidebar }
.page { .page {
@ -451,7 +456,7 @@
margin-top: @baseline !important; margin-top: @baseline !important;
} }
} //home }
&.vmware { &.vmware {
.hero { .hero {
@ -463,12 +468,12 @@
font-size: 40px !important; font-size: 40px !important;
line-height: 40px !important; line-height: 40px !important;
letter-spacing: 1px; letter-spacing: 1px;
} //h1 }
h2 { h2 {
margin: 0 auto; margin: 0 auto;
} //h2 }
} //hero }
.anchor { .anchor {
top: 0px; top: 0px;
@ -485,7 +490,7 @@
margin-bottom: 0; margin-bottom: 0;
} }
} }
} //why }
.pricing { .pricing {
padding: 20px 0 !important; padding: 20px 0 !important;
@ -500,8 +505,8 @@
padding-right: 20px; padding-right: 20px;
width: auto; width: auto;
} }
} //pricing }
} //vmware }
&.inner { &.inner {
@ -537,8 +542,8 @@
&.docs { &.docs {
background: transparent; background: transparent;
} //docs }
} //page }
.button { .button {
margin: 0 auto; margin: 0 auto;
@ -546,4 +551,4 @@
position: relative; position: relative;
//margin: 20px 0 20px 20px; //margin: 20px 0 20px 20px;
} }
} // < 767 }

View File

@ -44,25 +44,25 @@
} }
.sidebar-nav { //style all sidebar-navs .sidebar-nav {
//position:fixed; //position:fixed;
} }
ul { //general sidebar list styles ul {
li { //general sidebar list item styles li {
font-size: 20px; font-size: 20px;
.museo-sans-light; .museo-sans-light;
a { a {
display: block; display: block;
} //li a }
&:hover { &:hover {
} }
} //li }
ul.sub { //subnav list styles ul.sub {
border-top: none; border-top: none;
list-style-type: none; list-style-type: none;
margin:0 0 5px 0; margin:0 0 5px 0;
@ -72,13 +72,13 @@
font-size: 15px; font-size: 15px;
border: none; border: none;
border-bottom: none !important; border-bottom: none !important;
} //ul.sub li }
} //ul.sub }
} //ul }
.inner & { //styles for the inner-page sidebar .inner & {
.padded; .padded;
position:fixed; position:fixed;
@ -86,10 +86,10 @@
color: @purple; color: @purple;
} }
ul { //style inner list ul {
li { //style inner list item li {
color: @dark-blue-text; color: @dark-blue-text;
padding: 20px 0; padding: 20px 0;
border-top: 1px solid fade(@white, 40%); border-top: 1px solid fade(@white, 40%);
@ -98,23 +98,23 @@
border-bottom: 1px solid fade(@white, 40%); border-bottom: 1px solid fade(@white, 40%);
} }
&.current { //style the current selected list item &.current {
} //current }
} //li }
} //ul }
} //.inner .sidebar }
.docs & { //styles for the documentation sidebar .docs & {
li.current a { li.current a {
color: @blue; color: @blue;
} }
ul { //style documentation list ul {
margin-top: 60px; margin-top: 60px;
li { //style documentation list items li {
text-transform: capitalize; text-transform: capitalize;
color: @white; color: @white;
padding: 12px 0; padding: 12px 0;
@ -128,10 +128,10 @@
border-bottom: 1px solid fade(@white, 20%); border-bottom: 1px solid fade(@white, 20%);
} }
&.current { //style the current selected list item &.current {
} //current }
} //li }
} //ul }
} //.documentation .sidebar }
} //sidebar }