juplo.de Git - demos/kafka/chat/blob - src/styles.less

   1 /* Application-wide Styles */
   2 h1 {
   3   color: #369;
   4   font-family: Arial, Helvetica, sans-serif;
   5   font-size: 250%;
   6 }
   7 h2, h3 {
   8   color: #444;
   9   font-family: Arial, Helvetica, sans-serif;
  10   font-weight: lighter;
  11 }
  12 body {
  13   margin: 2em;
  14 }
  15 body, input[type="text"], button {
  16   color: #333;
  17   font-family: Cambria, Georgia, serif;
  18 }
  19 button {
  20   background-color: #eee;
  21   border: none;
  22   border-radius: 4px;
  23   cursor: pointer;
  24   color: black;
  25   font-size: 1.2rem;
  26   padding: 1rem;
  27   margin-right: 1rem;
  28   margin-bottom: 1rem;
  29   margin-top: 1rem;
  30 }
  31 button:hover {
  32   background-color: black;
  33   color: white;
  34 }
  35 button:disabled {
  36   background-color: #eee;
  37   color: #aaa;
  38   cursor: auto;
  39 }
  40
  41 /* everywhere else */
  42 * {
  43   font-family: Arial, Helvetica, sans-serif;
  44 }