Consistent usage of spaces in the _base.less file

I noticed that there wasn't a consistent usage of tabs or spaces at all in the file, so now there is. Sorry for the extra commit, file looks better now.
This commit is contained in:
HerrBertling 2014-12-19 17:02:56 +01:00
parent 487fafffb4
commit 3befad05bb
1 changed files with 195 additions and 194 deletions

View File

@ -4,8 +4,8 @@ html {
-ms-text-size-adjust: 100%; -ms-text-size-adjust: 100%;
text-rendering: optimizeLegibility; text-rendering: optimizeLegibility;
-webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent;
}
}
body { body {
font-family: @sans-serif-stack; font-family: @sans-serif-stack;
font-size: @base-font-size; font-size: @base-font-size;
@ -14,17 +14,18 @@ body {
background-color: @white; background-color: @white;
letter-spacing: 2px; letter-spacing: 2px;
.museo-sans-regular; .museo-sans-regular;
}
}
.wrapper { .wrapper {
margin-top: 80px; margin-top: 80px;
}
}
.container { .container {
z-index: 999; //keep content on top z-index: 999;
//keep content on top
position: relative; position: relative;
}
}
h1, h1,
h2, h2,
h3, h3,
@ -36,8 +37,8 @@ h6 {
color: inherit; color: inherit;
text-rendering: optimizelegibility; text-rendering: optimizelegibility;
.museo-sans-bold; .museo-sans-bold;
}
}
h1 { h1 {
@font-size: 70px; @font-size: 70px;
font-size: @font-size; font-size: @font-size;
@ -47,46 +48,47 @@ h6 {
span { span {
font-size: @headline-span-size; font-size: @headline-span-size;
display: block; display: block;
}
}
&.all-caps { &.all-caps {
text-transform: uppercase; text-transform: uppercase;
text-align: center; text-align: center;
font-size: 40px; font-size: 40px;
} }
}
}
h2 { h2 {
@font-size: 30px; @font-size: 30px;
font-size: @font-size; font-size: @font-size;
line-height: 35px; line-height: 35px;
}
}
h3 { h3 {
@font-size: 30px; @font-size: 30px;
font-size: @font-size; font-size: @font-size;
line-height: @font-size; line-height: @font-size;
}
}
h4 { h4 {
@font-size: 24px; @font-size: 24px;
font-size: @font-size; font-size: @font-size;
line-height: @font-size; line-height: @font-size;
}
}
h5 { h5 {
@font-size: 20px; @font-size: 20px;
font-size: @font-size; font-size: @font-size;
line-height: @font-size; line-height: @font-size;
}
}
h6 { h6 {
@font-size: 12px; @font-size: 12px;
font-size: @font-size; font-size: @font-size;
line-height: @font-size; line-height: @font-size;
}
p, td { }
p,
td {
letter-spacing: normal; letter-spacing: normal;
line-height: 32px; line-height: 32px;
@ -101,69 +103,69 @@ p, td {
border-bottom: 1px solid darken(@blue, 10%); border-bottom: 1px solid darken(@blue, 10%);
} }
} }
}
}
a { a {
color: inherit; color: inherit;
text-decoration: none; text-decoration: none;
&:hover { &:hover {
text-decoration: none; text-decoration: none;
color: @purple; color: @purple;
.animate-text-color; .animate-text-color;
}
}
&:active { &:active {
color: @blue; color: @blue;
}
}
&:visited { &:visited {
} }
}
}
ul { ul {
}
}
li { li {
line-height: @base-line-height; line-height: @base-line-height;
}
}
blockquote { blockquote {
border: none; border: none;
margin: 60px; margin: 60px;
p { // blockquote p p {
// blockquote p
font-size: @base-font-size * 2; font-size: @base-font-size * 2;
line-height: @base-line-height * 2; line-height: @base-line-height * 2;
font-style: italic; font-style: italic;
} }
}
}
strong { strong {
.museo-sans-bold; .museo-sans-bold;
}
}
em { em {
.museo-sans-regular-italic; .museo-sans-regular-italic;
}
}
br { br {
display: block; display: block;
line-height: (@baseline * 2); line-height: (@baseline * 2);
}
}
pre, pre,
code { code {
font-family: @mono-stack; font-family: @mono-stack;
}
}
code { code {
font-size: inherit; font-size: inherit;
}
}
pre { pre {
border: none; border: none;
font-size: @base-font-size; font-size: @base-font-size;
@ -177,21 +179,21 @@ margin-bottom: 20px;
span { span {
color: @code-highlight-text; color: @code-highlight-text;
} }
}
}
hr { hr {
}
}
.vr { .vr {
width: 2px; width: 2px;
height: 100%; height: 100%;
}
}
form { form {
}
}
input { input {
letter-spacing: 3px; letter-spacing: 3px;
@ -199,20 +201,19 @@ letter-spacing: 3px;
outline: none; outline: none;
} }
} }
::-webkit-input-placeholder { ::-webkit-input-placeholder {
overflow: visible; overflow: visible;
padding-top: 3px; padding-top: 3px;
color: @light-gray-text; color: @light-gray-text;
}
}
input:-moz-placeholder { input:-moz-placeholder {
overflow: visible; overflow: visible;
padding-top: 3px; padding-top: 3px;
color: @light-gray-text; color: @light-gray-text;
} }
/* type and styles */ /* type and styles */
.meta, .meta,
.legal, .legal,
@ -220,12 +221,12 @@ letter-spacing: 3px;
color: @medium-gray-text; color: @medium-gray-text;
line-height: @base-line-height; line-height: @base-line-height;
.museo-sans-regular; .museo-sans-regular;
}
}
.date { .date {
text-transform: uppercase; text-transform: uppercase;
}
}
.button { .button {
color: @white; color: @white;
text-align: center; text-align: center;
@ -269,6 +270,7 @@ letter-spacing: 5px;
display: inline-block; display: inline-block;
padding-left: 3px; padding-left: 3px;
} }
} }
&.prev-button { &.prev-button {
float: left; float: left;
@ -278,56 +280,55 @@ letter-spacing: 5px;
padding-right: 3px; padding-right: 3px;
} }
} }
}
}
&.white-button { &.white-button {
background: fade(@white, 20%); background: fade(@white, 20%);
&:hover { &:hover {
background: fade(@white, 30%); background: fade(@white, 30%);
} }
}
}
&.secondary-button { &.secondary-button {
background: @light-gray; background: @light-gray;
&:hover { &:hover {
background: @purple; background: @purple;
} }
}
}
&.with-carat span { &.with-carat span {
margin-right: -10px; //recenter text if there's a carat after text margin-right: -10px;
//recenter text if there's a carat after text
} }
span { span {
// button text styles can go here // button text styles can go here
}
}
&:hover { &:hover {
background-color: @purple; background-color: @purple;
.animate-background-color; .animate-background-color;
}
}
&:active { &:active {
}
}
&.disabled { &.disabled {
background-color: @light-gray-background; background-color: @light-gray-background;
} }
} }
a.read-more { a.read-more {
color: @blue; color: @blue;
&:hover { &:hover {
color: darken(@blue, 10%); color: darken(@blue, 10%);
} }
}
}
// misc. styles // misc. styles
.loading { .loading {
text-align: center; text-align: center;
@ -336,8 +337,8 @@ a.read-more {
letter-spacing: 5px; letter-spacing: 5px;
color: @medium-gray-text; color: @medium-gray-text;
padding: 30px 0 20px; padding: 30px 0 20px;
}
}
.pinned { .pinned {
position: fixed; position: fixed;
} }