css.less 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109
  1. @charset "utf-8";
  2. div { color: black; }
  3. div { width: 99%; }
  4. * {
  5. min-width: 45em;
  6. }
  7. h1, h2 > a > p, h3 {
  8. color: none;
  9. }
  10. div.class {
  11. color: blue;
  12. }
  13. div#id {
  14. color: green;
  15. }
  16. .class#id {
  17. color: purple;
  18. }
  19. .one.two.three {
  20. color: grey;
  21. }
  22. @media print {
  23. * {
  24. font-size: 3em;
  25. }
  26. }
  27. @media screen {
  28. * {
  29. font-size: 10px;
  30. }
  31. }
  32. @font-face {
  33. font-family: 'Garamond Pro';
  34. }
  35. a:hover, a:link {
  36. color: #999;
  37. }
  38. p, p:first-child {
  39. text-transform: none;
  40. }
  41. q:lang(no) {
  42. quotes: none;
  43. }
  44. p + h1 {
  45. font-size: +2.2em;
  46. }
  47. #shorthands {
  48. border: 1px solid #000;
  49. font: 12px/16px Arial;
  50. font: 100%/16px Arial;
  51. margin: 1px 0;
  52. padding: 0 auto;
  53. }
  54. #more-shorthands {
  55. margin: 0;
  56. padding: 1px 0 2px 0;
  57. font: normal small/20px 'Trebuchet MS', Verdana, sans-serif;
  58. font: 0/0 a;
  59. border-radius: 5px / 10px;
  60. }
  61. .misc {
  62. -moz-border-radius: 2px;
  63. display: -moz-inline-stack;
  64. width: .1em;
  65. background-color: #009998;
  66. background: -webkit-gradient(linear, left top, left bottom, from(red), to(blue));
  67. margin: ;
  68. .nested-multiple {
  69. multiple-semi-colons: yes;;;;;;
  70. };
  71. filter: alpha(opacity=100);
  72. width: auto\9;
  73. }
  74. #important {
  75. color: red !important;
  76. width: 100%!important;
  77. height: 20px ! important;
  78. }
  79. .def-font(@name) {
  80. @font-face {
  81. font-family: @name
  82. }
  83. }
  84. .def-font(font-a);
  85. .def-font(font-b);
  86. .æøå {
  87. margin: 0;
  88. }