Skip to content

Commit 3821370

Browse files
forstisabellaforstisabella
committed
Add scss
1 parent 5f58d09 commit 3821370

File tree

2 files changed

+184
-49
lines changed

2 files changed

+184
-49
lines changed

‎src/_sass/components/_prisim.scss

Lines changed: 135 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,135 @@
1+
/**
2+
* prism.js default theme for JavaScript, CSS and HTML
3+
* Based on dabblet (http://dabblet.com)
4+
* @author Lea Verou
5+
*/
6+
7+
code[class*="language-"],
8+
pre[class*="language-"] {
9+
color: black;
10+
text-shadow: 0 1px white;
11+
font-family: Consolas, Monaco, 'Andale Mono', monospace;
12+
direction: ltr;
13+
text-align: left;
14+
white-space: pre;
15+
word-spacing: normal;
16+
word-break: normal;
17+
line-height: 1.5;
18+
19+
-moz-tab-size: 4;
20+
-o-tab-size: 4;
21+
tab-size: 4;
22+
23+
-webkit-hyphens: none;
24+
-moz-hyphens: none;
25+
-ms-hyphens: none;
26+
hyphens: none;
27+
}
28+
29+
pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
30+
code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
31+
text-shadow: none;
32+
background: #eceef0;
33+
}
34+
35+
pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
36+
code[class*="language-"]::selection, code[class*="language-"] ::selection {
37+
text-shadow: none;
38+
background: #eceef0;
39+
}
40+
41+
@media print {
42+
code[class*="language-"],
43+
pre[class*="language-"] {
44+
text-shadow: none;
45+
}
46+
}
47+
48+
/* Code blocks */
49+
pre[class*="language-"] {
50+
padding: 1em;
51+
margin: .5em 0;
52+
overflow: auto;
53+
}
54+
55+
:not(pre) > code[class*="language-"],
56+
pre[class*="language-"] {
57+
background: #eceef0;
58+
}
59+
60+
/* Inline code */
61+
:not(pre) > code[class*="language-"] {
62+
padding: .1em;
63+
border-radius: .3em;
64+
}
65+
66+
.token.comment,
67+
.token.prolog,
68+
.token.doctype,
69+
.token.cdata {
70+
color: #474d66;
71+
}
72+
73+
.token.punctuation {
74+
color: #474d66;
75+
}
76+
77+
.namespace {
78+
opacity: .7;
79+
}
80+
81+
.token.property,
82+
.token.tag,
83+
.token.boolean,
84+
.token.number,
85+
.token.constant,
86+
.token.symbol,
87+
.token.deleted {
88+
color: #d52039;
89+
}
90+
91+
.token.selector,
92+
.token.attr-name,
93+
.token.string,
94+
.token.char,
95+
.token.builtin,
96+
.token.inserted {
97+
color: #6fba97;
98+
}
99+
100+
.token.operator,
101+
.token.entity,
102+
.token.url,
103+
.language-css .token.string,
104+
.style .token.string {
105+
color: #f89c56;
106+
background: #eceef0;
107+
}
108+
109+
.token.atrule,
110+
.token.attr-value,
111+
.token.keyword {
112+
color: #2e98df;
113+
}
114+
115+
.token.function {
116+
color: #ff678d;
117+
}
118+
119+
.token.regex,
120+
.token.important,
121+
.token.variable {
122+
color: #f89c56;
123+
}
124+
125+
.token.important,
126+
.token.bold {
127+
font-weight: bold;
128+
}
129+
.token.italic {
130+
font-style: italic;
131+
}
132+
133+
.token.entity {
134+
cursor: help;
135+
}

‎src/connections/spec/page.md

Lines changed: 49 additions & 49 deletions
Original file line numberDiff line numberDiff line change
@@ -23,6 +23,55 @@ Here's the payload of a typical `page` call with most [common fields](/docs/conn
2323
}
2424
```
2525

26+
And here's the corresponding JavaScript event that would generate the above payload. If you're using Segment's JavaScript library, the page name and URL are automatically gathered and passed as properties into the event payload:
27+
28+
```js
29+
analytics.page("Retail Page","Home");
30+
```
31+
{% include content/syntax-note.md %}
32+
33+
Beyond the common fields, the `page` call takes the following fields:
34+
35+
<table>
36+
{% include content/spec-table-header.md %}
37+
{% include content/spec-field-page-category.md %}
38+
{% include content/spec-field-page-name.md %}
39+
{% include content/spec-field-page-properties.md %}
40+
</table>
41+
42+
43+
## Example
44+
45+
Here's a complete example of a `page` call:
46+
47+
```json
48+
{
49+
"anonymousId": "507f191e810c19729de860ea",
50+
"channel": "browser",
51+
"context": {
52+
"ip": "8.8.8.8",
53+
"userAgent": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_9_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/40.0.2214.115 Safari/537.36"
54+
},
55+
"integrations": {
56+
"All": true,
57+
"Mixpanel": false,
58+
"Salesforce": false
59+
},
60+
"messageId": "022bb90c-bbac-11e4-8dfc-aa07a5b093db",
61+
"name": "Home",
62+
"properties": {
63+
"title": "Welcome | Initech",
64+
"url": "http://www.example.com"
65+
},
66+
"receivedAt": "2015-02-23T22:28:55.387Z",
67+
"sentAt": "2015-02-23T22:28:55.111Z",
68+
"timestamp": "2015-02-23T22:28:55.111Z",
69+
"type": "page",
70+
"userId": "97980cfea0067",
71+
"version": "1.1"
72+
}
73+
```
74+
2675
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/9000.0.1/prism.min.js" integrity="sha512-UOoJElONeUNzQbbKQbjldDf9MwOHqxNz49NNJJ1d90yp+X9edsHyJoAs6O4K19CZGaIdjI5ohK+O2y5lBTW6uQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
2776
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/9000.0.1/themes/prism.css" integrity="sha512-EaMmVtm5YHQNg4u9UXGOueWP6nyUtCpKZojcE4Rqt/6ifpzzzuQVMTffvo8FVj4xDG04gIyWm1z1b7GqELl1eQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />
2877
<script type="text/javascript">
@@ -91,55 +140,6 @@ Here's the payload of a typical `page` call with most [common fields](/docs/conn
91140
</div>
92141
</div>
93142

94-
And here's the corresponding JavaScript event that would generate the above payload. If you're using Segment's JavaScript library, the page name and URL are automatically gathered and passed as properties into the event payload:
95-
96-
```js
97-
analytics.page("Retail Page","Home");
98-
```
99-
{% include content/syntax-note.md %}
100-
101-
Beyond the common fields, the `page` call takes the following fields:
102-
103-
<table>
104-
{% include content/spec-table-header.md %}
105-
{% include content/spec-field-page-category.md %}
106-
{% include content/spec-field-page-name.md %}
107-
{% include content/spec-field-page-properties.md %}
108-
</table>
109-
110-
111-
## Example
112-
113-
Here's a complete example of a `page` call:
114-
115-
```json
116-
{
117-
"anonymousId": "507f191e810c19729de860ea",
118-
"channel": "browser",
119-
"context": {
120-
"ip": "8.8.8.8",
121-
"userAgent": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_9_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/40.0.2214.115 Safari/537.36"
122-
},
123-
"integrations": {
124-
"All": true,
125-
"Mixpanel": false,
126-
"Salesforce": false
127-
},
128-
"messageId": "022bb90c-bbac-11e4-8dfc-aa07a5b093db",
129-
"name": "Home",
130-
"properties": {
131-
"title": "Welcome | Initech",
132-
"url": "http://www.example.com"
133-
},
134-
"receivedAt": "2015-02-23T22:28:55.387Z",
135-
"sentAt": "2015-02-23T22:28:55.111Z",
136-
"timestamp": "2015-02-23T22:28:55.111Z",
137-
"type": "page",
138-
"userId": "97980cfea0067",
139-
"version": "1.1"
140-
}
141-
```
142-
143143
## Identities
144144

145145
{% include content/spec-identities.md %}

0 commit comments

Comments
 (0)