haskal
/
vagrant
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

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

389
website/docs/source/stylesheets/_base.less
View File

@ -1,11 +1,11 @@
html { html {
font-size: 100%; font-size: 100%;
-webkit-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;
-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;
position: relative; //keep content on top
} position: relative;
}
h1, h1,
h2, h2,
h3, h3,
@ -36,298 +37,298 @@ h6 {
color: inherit; color: inherit;
text-rendering: optimizelegibility; text-rendering: optimizelegibility;
.museo-sans-bold; .museo-sans-bold;
} }
h1 {
@font-size: 70px;
font-size: @font-size;
line-height: 80px;
letter-spacing: 3px;
h1 { span {
@font-size: 70px; font-size: @headline-span-size;
font-size: @font-size; display: block;
line-height: 80px;
letter-spacing: 3px;
span { }
font-size: @headline-span-size; &.all-caps {
display: block; text-transform: uppercase;
} text-align: center;
font-size: 40px;
&.all-caps {
text-transform: uppercase;
text-align: center;
font-size: 40px;
}
} }
h2 { }
@font-size: 30px; h2 {
font-size: @font-size; @font-size: 30px;
line-height: 35px; font-size: @font-size;
} line-height: 35px;
h3 { }
@font-size: 30px; h3 {
font-size: @font-size; @font-size: 30px;
line-height: @font-size; font-size: @font-size;
} line-height: @font-size;
h4 { }
@font-size: 24px; h4 {
font-size: @font-size; @font-size: 24px;
line-height: @font-size; font-size: @font-size;
} line-height: @font-size;
h5 { }
@font-size: 20px; h5 {
font-size: @font-size; @font-size: 20px;
line-height: @font-size; font-size: @font-size;
} line-height: @font-size;
h6 { }
@font-size: 12px; h6 {
font-size: @font-size; @font-size: 12px;
line-height: @font-size; font-size: @font-size;
} line-height: @font-size;
p, td { }
p,
td {
letter-spacing: normal; letter-spacing: normal;
line-height: 32px; line-height: 32px;
a { a {
color: @docs-blue; color: @docs-blue;
text-decoration: none; text-decoration: none;
border-bottom: 1px solid @docs-blue; border-bottom: 1px solid @docs-blue;
&:hover { &:hover {
text-decoration: none; text-decoration: none;
color: darken(@blue, 10%); color: darken(@blue, 10%);
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 {
font-size: @base-font-size * 2; // blockquote p
line-height: @base-line-height * 2; font-size: @base-font-size * 2;
font-style: italic; line-height: @base-line-height * 2;
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;
background: @black; background: @black;
color: @white; color: @white;
padding: 20px; padding: 20px;
line-height: @base-line-height; line-height: @base-line-height;
margin-top: 20px; margin-top: 20px;
margin-bottom: 20px; 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;
&:focus { &:focus {
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,
.date { .date {
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;
background-color: @primary-button-color; background-color: @primary-button-color;
display: block; display: block;
padding: 15px 0; padding: 15px 0;
margin-top: 20px !important; margin-top: 20px !important;
text-transform: uppercase; text-transform: uppercase;
font-size: 25px; font-size: 25px;
letter-spacing: 5px; letter-spacing: 5px;
.museo-sans-light; .museo-sans-light;
.rounded; .rounded;
.hover; .hover;
&.inline-button { &.inline-button {
background-color: @vagrant-blue; background-color: @vagrant-blue;
padding: 5px 20px; padding: 5px 20px;
color: @white !important; color: @white !important;
font-size: 15px; font-size: 15px;
letter-spacing: 1px; letter-spacing: 1px;
.rounded; .rounded;
a, a,
a:hover { a:hover {
color: @white; color: @white;
}
&.next-button,
&.prev-button {
max-width: 33%;
white-space: nowrap;
}
&.next-button {
float: right;
&:before {
content: "Next:";
display: inline-block;
padding-right: 3px;
} }
&:after { &.next-button,
content: "\00BB"; &.prev-button {
display: inline-block; max-width: 33%;
padding-left: 3px; white-space: nowrap;
} }
} &.next-button {
&.prev-button { float: right;
float: left; &:before {
&:before { content: "Next:";
content: "\00AB\0020Previous: "; display: inline-block;
display: inline-block; padding-right: 3px;
padding-right: 3px; }
} &:after {
} content: "\00BB";
} display: inline-block;
padding-left: 3px;
}
&.white-button { }
background: fade(@white, 20%); &.prev-button {
float: left;
&:before {
content: "\00AB\0020Previous: ";
display: inline-block;
padding-right: 3px;
}
}
}
&.white-button {
background: fade(@white, 20%);
&:hover {
background: fade(@white, 30%);
}
}
&.secondary-button {
background: @light-gray;
&:hover {
background: @purple;
}
}
&.with-carat span {
margin-right: -10px;
//recenter text if there's a carat after text
}
span {
// button text styles can go here
}
&:hover { &:hover {
background: fade(@white, 30%); background-color: @purple;
.animate-background-color;
} }
} &:active {
&.secondary-button {
background: @light-gray;
&:hover {
background: @purple;
} }
} &.disabled {
background-color: @light-gray-background;
&.with-carat span { }
margin-right: -10px; //recenter text if there's a carat after text
} }
span {
// button text styles can go here
}
&:hover {
background-color: @purple;
.animate-background-color;
}
&:active {
}
&.disabled {
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 { }
position:fixed; .pinned {
position: fixed;
} }