102 lines
1.7 KiB
Plaintext
102 lines
1.7 KiB
Plaintext
|
/******************\
|
||
|
|
* *
|
||
|
|
* Comment Header *
|
||
|
|
* *
|
||
|
|
\******************/
|
||
|
|
|
||
|
|
/*
|
||
|
|
|
||
|
|
Comment
|
||
|
|
|
||
|
|
*/
|
||
|
|
|
||
|
|
/*
|
||
|
|
* Comment Test
|
||
|
|
*
|
||
|
|
* - cloudhead (http://cloudhead.net)
|
||
|
|
*
|
||
|
|
*/
|
||
|
|
|
||
|
|
////////////////
|
||
|
|
@var: "content";
|
||
|
|
////////////////
|
||
|
|
|
||
|
|
/* Colors
|
||
|
|
* ------
|
||
|
|
* #EDF8FC (background blue)
|
||
|
|
* #166C89 (darkest blue)
|
||
|
|
*
|
||
|
|
* Text:
|
||
|
|
* #333 (standard text) // A comment within a comment!
|
||
|
|
* #1F9EC9 (standard link)
|
||
|
|
*
|
||
|
|
*/
|
||
|
|
|
||
|
|
/* @group Variables
|
||
|
|
------------------- */
|
||
|
|
#comments /* boo *//* boo again*/,
|
||
|
|
//.commented_out1
|
||
|
|
//.commented_out2
|
||
|
|
//.commented_out3
|
||
|
|
.comments //end of comments1
|
||
|
|
//end of comments2
|
||
|
|
{
|
||
|
|
/**/ // An empty comment
|
||
|
|
color: red; /* A C-style comment */ /* A C-style comment */
|
||
|
|
background-color: orange; // A little comment
|
||
|
|
font-size: 12px;
|
||
|
|
|
||
|
|
/* lost comment */ content: @var;
|
||
|
|
|
||
|
|
border: 1px solid black;
|
||
|
|
|
||
|
|
// padding & margin //
|
||
|
|
padding: 0; // }{ '"
|
||
|
|
margin: 2em;
|
||
|
|
} //
|
||
|
|
|
||
|
|
/* commented out
|
||
|
|
#more-comments {
|
||
|
|
color: grey;
|
||
|
|
}
|
||
|
|
*/
|
||
|
|
|
||
|
|
.selector /* .with */, .lots, /* of */ .comments {
|
||
|
|
color/* survive */ /* me too */: grey, /* blue */ orange;
|
||
|
|
-webkit-border-radius: 2px /* webkit only */;
|
||
|
|
-moz-border-radius: (2px * 4) /* moz only with operation */;
|
||
|
|
}
|
||
|
|
|
||
|
|
.mixin_def_with_colors(@a: white, // in
|
||
|
|
@b: 1px //put in @b - causes problems! --->
|
||
|
|
) // the
|
||
|
|
when (@a = white) {
|
||
|
|
.test {
|
||
|
|
color: @b;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.mixin_def_with_colors();
|
||
|
|
|
||
|
|
// .s when
|
||
|
|
//R/2
|
||
|
|
|
||
|
|
.sr-only-focusable {
|
||
|
|
clip: auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
@-webkit-keyframes /* Safari */ hover /* and Chrome */ {
|
||
|
|
0% {
|
||
|
|
color: red;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
#last { color: blue }
|
||
|
|
//
|
||
|
|
|
||
|
|
/* *//* { *//* *//* *//* */#div { color:#A33; }/* } */
|
||
|
|
|
||
|
|
// line immediately followed
|
||
|
|
/*by block */
|
||
|
|
@string_w_comment: ~"/* // Not commented out // */";
|
||
|
|
#output-block { comment: @string_w_comment; }
|
||
|
|
/*comment on last line*/
|