aboutsummaryrefslogtreecommitdiffstats
path: root/syte/static/less/base.less
blob: b801e3f18845fa2f7a1c7717b17cc11b24fd006e (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68

body {
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 15px;
  color: @text-color;
}

::selection, ::-moz-selection {
  background: @adjacent-color;
  color: #fff;
  text-shadow: none;
}

h1, .h1 { font-size: 30px; line-height: 35px; font-weight: 500; }
h2, .h2 { font-size: 24px; line-height: 30px; font-weight: 500; }
h3, .h3 { font-size: 18px; line-height: 25px; font-weight: 500; }
h4, .h4 { font-size: 16px; line-height: 20px; font-weight: 500; }
h5, .h5 { font-size: 16px; line-height: 20px; font-weight: 500; }
h6, .h6 { font-size: 14px; line-height: 20px; font-weight: 500; }

ul { margin: 0 0 15px 15px; }
ol { margin: 0 0 15px 20px;}
li { margin-bottom: 5px;
  ul, ol { margin-bottom: 0; }
}

dl {
  margin-bottom: 10px;
  dt { font-weight: bold; }
  dd { margin: 0 0 5px 10px; }
}

p {
  line-height: 25px;
  margin-top: 20px;
  margin-bottom: 20px;
}

a {
  color: @link-color;
  text-decoration: none;
  border-bottom: 1px solid @text-color;

  &:hover {
    color: @adjacent-color;
    border-bottom: 1px solid @adjacent-color;
  }

  &.no-border {border-bottom: 0;} 
}

blockquote {
  margin-top: 20px 0;
  padding: 0 0 0 20px;
  border-left: 5px solid @adjacent-color;

  p:first-child {
    margin-top: 5px; 
  }
}

.descr {
  display: block;
  font-size: 12px;
  line-height: 20px;
  color: #7f7e7e;
}