catalogue/static/catalogue/css/section_list.scss

   1 $px: 0.0625em;
   2
   3 .section-level {
   4     width: 640*$px;
   5     border-radius: 15*$px;
   6     margin: 1em 0;
   7 }
   8
   9 .section-type {
  10     display: inline-block;
  11     vertical-align: top;
  12     padding: 20*$px;
  13
  14     h1 {
  15         text-transform: uppercase;
  16         margin: 0 0 1em 0;
  17         font-size: 1em;
  18     }
  19
  20     .section-lessons {
  21         padding: 0 0 0 1em;
  22     }
  23 }
  24 .section-type-synthetic {
  25     width: 300*$px - 2 * 20*$px;
  26 }
  27 .section-type-course {
  28     border-radius: 0 15*$px 15*$px 0;
  29     width: 340*$px - 2 * 20*$px;
  30 }
  31
  32 .section-level-gimnazjum {
  33     background: #f4ae83;
  34     color: #67584f;
  35     a {
  36         color: #67584f;
  37     }
  38
  39     .section-type-synthetic {
  40     }
  41     .section-type-course {
  42         background: #ed7831;
  43         color: #fff;
  44         a {
  45             color: #fff;
  46         }
  47     }
  48 }
  49
  50
  51 .section-level-liceum {
  52     background: #f4ae83;
  53     color: #67584f;
  54     a {
  55         color: #67584f;
  56     }
  57
  58     .section-type-synthetic {
  59     }
  60     .section-type-course {
  61         background: #ed7831;
  62         color: #fff;
  63         a {
  64             color: #fff;
  65         }
  66     }
  67 }
  68
  69
  70 .section-links {
  71     float: right;
  72 }
  73
  74 h2.section-header {
  75     margin: 0;
  76 }