jekyll-theme-gerbera 2.1.0

Sign up to get free protection for your applications and to get access to all the features.
data/_sass/_docs.scss ADDED
@@ -0,0 +1,160 @@
1
+ .documentationContent {
2
+ margin-bottom: 8em;
3
+ display: flex;
4
+ width: 100%;
5
+ justify-content: space-between;
6
+
7
+ @media screen and (max-width: 740px) {
8
+ margin-bottom: 4em;
9
+ display: block;
10
+ }
11
+ }
12
+
13
+ .inner-content {
14
+ flex: 1;
15
+ max-width: 720px;
16
+ @media screen and (max-width: 740px) {
17
+ margin-right: 0;
18
+ }
19
+
20
+ & > h1:first-child {
21
+ margin-top: 1em;
22
+ }
23
+
24
+ blockquote {
25
+ padding: 0.5em 1em 0.5em 0.5em;
26
+ margin: 1em 0;
27
+ background-color: rgba(204, 122, 111, 0.05);
28
+ border-left: 5px solid rgba(191, 87, 73, 0.1);
29
+
30
+ h4 {
31
+ margin-top: 0;
32
+ }
33
+
34
+ p {
35
+ margin-bottom: 0;
36
+
37
+ &:first-child {
38
+ margin-top: 0;
39
+ }
40
+ }
41
+ }
42
+
43
+ img {
44
+ max-width: 100%;
45
+ }
46
+
47
+ .highlight {
48
+ position: relative;
49
+ box-shadow:
50
+ inset 0 1px 0 rgba(0,0,0,0.08),
51
+ inset 0 -1px 0 rgba(0,0,0,0.08),
52
+ inset -1px 0 0 rgba(0,0,0,0.08),
53
+ inset 4px 0 0 rgba(0,0,0,0.08);
54
+ border-radius: 3px;
55
+
56
+ .line-highlight {
57
+ background-color: lighten(desaturate($rhodamine-color, 50%), 50%);
58
+ left: 0;
59
+ line-height: inherit;
60
+ margin-top: 5px;
61
+ pointer-events: none;
62
+ position: absolute;
63
+ right: 0;
64
+ z-index: -1;
65
+ }
66
+
67
+ @media print {
68
+ text-shadow: none;
69
+ }
70
+ }
71
+
72
+ .highlight + .highlight {
73
+ margin-top: -15px;
74
+ }
75
+
76
+ // Code blocks
77
+ pre.highlight {
78
+ padding: 7px 14px;
79
+ margin: 1em -4px;
80
+ overflow: auto;
81
+ }
82
+ }
83
+
84
+ .read-next {
85
+ display: inline-block;
86
+ margin: 4em -1em 0;
87
+
88
+ @media screen and (max-width: 1119px) {
89
+ margin-left: 0;
90
+ }
91
+
92
+ border-radius: 3px;
93
+ box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1);
94
+ padding: 0.7em 1.5em 0.5em 1em;
95
+
96
+ &:hover, &:focus, &:active {
97
+ background: $rhodamine-color;
98
+ text-decoration: none;
99
+
100
+ .read-next-continue, .read-next-title {
101
+ color: white;
102
+ }
103
+ }
104
+
105
+ .read-next-continue {
106
+ @include body-font($size: 13px, $color: $rhodamine-color);
107
+ display: block;
108
+ }
109
+
110
+ .read-next-title {
111
+ @include body-font($size: 26px, $color: $text-color);
112
+ display: block;
113
+ }
114
+ }
115
+
116
+ .nav-docs {
117
+ @include body-font($size: 13px);
118
+ margin: 1em 0 4em;
119
+ width: 195px;
120
+ padding-left: 20px;
121
+
122
+ @media screen and (max-width: 740px) {
123
+ width: auto;
124
+ padding-left: 0;
125
+ }
126
+
127
+ h3 {
128
+ @include body-font($size: 13px);
129
+ text-transform: uppercase;
130
+ margin: 3em 0 1.5em;
131
+ }
132
+
133
+ ul {
134
+ list-style: none;
135
+ margin: 0;
136
+
137
+ li {
138
+ margin: 0;
139
+ line-height: 32px;
140
+
141
+ ul {
142
+ margin-bottom: 18px;
143
+
144
+ li {
145
+ line-height: 21px;
146
+ }
147
+ }
148
+ }
149
+ }
150
+
151
+ a {
152
+ color: #666;
153
+ display: block;
154
+
155
+ &:hover, &:focus, &.active {
156
+ text-decoration: none;
157
+ color: $rhodamine-color;
158
+ }
159
+ }
160
+ }