Experiments with new reader.
[wolnelektury.git] / apps / wolnelektury_core / static / scss / book_text / numbering.scss
1 @mixin hide-line-numbers {
2     float: left;
3     margin-left: -20px;
4
5     width: 20px;
6     height: 100%;
7     padding: 0;
8     overflow: hidden;
9
10     color: white;
11     text-align: right;
12
13     &:hover, &:active {
14         color: #ccc;
15         background-color: #CCC;
16     }
17
18     &:before {
19         content: "#";
20         display: block;
21         float: left;
22         width: 9px;
23         height: 100%;
24         overflow: hidden;
25         border-right: 1px solid #ccc;
26     }
27
28     @include min-screen(240px) {
29         width: 30px;
30         margin-left: -30px;
31
32         &:before {
33             width: 14px;
34         }
35     }
36 }
37
38
39 .anchor {
40     @include hide-line-numbers;
41
42     @include min-screen(320px) {
43         /* Show line numbers. */
44         margin-left: -50px;
45         width: 44px;
46         height: auto;
47         padding: 2px;
48         text-align: center;
49         color: #ccc;
50
51         &:before {
52             display: none;
53         }
54     }
55 }
56
57 @include min-screen(320px) {
58     .always-hide-line-numbers {
59         /* Cancel showing line numbers. */
60         .anchor {
61             @include hide-line-numbers;
62         }
63     }
64 }