← Back to branch summary

~ubuntu-branches/debian/experimental/tdiary-theme/experimental

« back to all changes in this revision

Viewing changes to snest/scss/_typography.scss

  • Committer: Package Import Robot
  • Author(s): Youhei SASAKI
  • Date: 2016-08-21 18:16:09 UTC
  • mfrom: (1.1.1)
  • Revision ID: package-import@ubuntu.com-20160821181609-yfph71cc7nmiicp6
Tags: 5.0.1-1
* Imported Upstream version 5.0.1
* Update debian/rules, install file:
  - Install new themes: blog, snest

Show diffs side-by-side

added added

removed removed

Lines of Context:
snest/scss/_typography.scss
 
1
body {
 
2
  color: $text;
 
3
  font-family: $font-family;
 
4
  font-size: $font-size-base;
 
5
  line-height: $line-height-base;
 
6
}
 
7
 
 
8
h1,
 
9
h2,
 
10
h3,
 
11
.update div.caption,
 
12
div.sidebar h3,
 
13
h4,
 
14
h5,
 
15
h6 {
 
16
  line-height: 1.2;
 
17
  font-weight: 500;
 
18
  margin: $pad-large 0 $pad-base;
 
19
}
 
20
 
 
21
h1 {
 
22
  font-size: $font-size-diary-title;
 
23
  border-bottom: $border;
 
24
  header & {
 
25
    width: 100%;
 
26
    background-color: rgba(255, 255, 255, .35);
 
27
    border: 0;
 
28
    font-family: $serif;
 
29
    text-align: center;
 
30
    padding: $pad-xsmall $pad-small;
 
31
    position: absolute;
 
32
    bottom: 0;
 
33
  }
 
34
}
 
35
 
 
36
h2 {
 
37
  font-size: $font-size-date-title;
 
38
}
 
39
 
 
40
.update div.caption,
 
41
h3 {
 
42
  color: $primary;
 
43
  font-size: $font-size-section-title;
 
44
  div.sidebar & {
 
45
    font-size: $font-size-diary-title;
 
46
  }
 
47
}
 
48
 
 
49
h4,
 
50
h5,
 
51
h6 {
 
52
  font-weight: 600;
 
53
  margin: $pad-base 0 $pad-xsmall;
 
54
}
 
55
 
 
56
h4 {
 
57
  color: $primary;
 
58
  font-size: $font-size-large;
 
59
  border-bottom: 2px solid $primary;
 
60
  margin: $pad-large 0 $pad-base;
 
61
}
 
62
 
 
63
h5 {
 
64
  font-size: $font-size-base;
 
65
}
 
66
 
 
67
h6 {
 
68
  font-size: $font-size-small;
 
69
}
 
70
 
 
71
p {
 
72
  margin-bottom: $pad-base;
 
73
}
 
74
 
 
75
p.message,
 
76
span.message {
 
77
  background-color: $red;
 
78
}
 
79
 
 
80
a {
 
81
  color: $link-color;
 
82
  &:visited {
 
83
    color: $link-visited-color;
 
84
  }
 
85
  .section & {
 
86
    text-decoration: underline;
 
87
  }
 
88
  .section &.amazon-detail,
 
89
  .section h3 & {
 
90
    text-decoration: none;
 
91
  }
 
92
}
 
93
 
 
94
pre {
 
95
  background: $grey;
 
96
  font-family: $monospace;
 
97
  margin-bottom: $pad-base;
 
98
  padding: $pad-small;
 
99
  white-space: pre-wrap;
 
100
}
 
101
 
 
102
code {
 
103
  font-family: $monospace;
 
104
}
 
105
 
 
106
strong {
 
107
  color: $red;
 
108
}
 
109
 
 
110
em {
 
111
  font-weight: 600;
 
112
  padding-right: $pad-xsmall;
 
113
}
 
114
 
 
115
ul,
 
116
ol {
 
117
  padding-left: $pad-large;
 
118
  margin-bottom: $pad-base;
 
119
  & & {
 
120
    margin-bottom: 0;
 
121
  }
 
122
  .textarea & {
 
123
    padding: 0;
 
124
    margin-bottom: $pad-small;
 
125
  }
 
126
}
 
127
 
 
128
dl {
 
129
  margin-bottom: $pad-base;
 
130
}
 
131
 
 
132
dd {
 
133
  margin-left: $pad-large;
 
134
}
 
135
 
 
136
blockquote {
 
137
  border-left: 2px solid $primary;
 
138
  font-family: $serif;
 
139
  font-style: italic;
 
140
  margin-bottom: $pad-base;
 
141
  padding-left: $pad-base;
 
142
}
 
143
 
 
144
p.source {
 
145
  font-size: $font-size-small;
 
146
  margin: -$pad-base 0 0;
 
147
}
 
148
 
 
149
div.day div.tags {
 
150
  font-size: $font-size-small;
 
151
}