Skip to content

Commit 59667b6

Browse files
committed
fix(css): Added color variable and minor changes
1 parent 9f23b01 commit 59667b6

4 files changed

Lines changed: 13 additions & 59 deletions

File tree

dist/embed.min.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

src/css/embed.scss

Lines changed: 9 additions & 31 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,7 @@
11
@import 'emojis';
22

3+
$primary : #3498db;
4+
35
@font-face {
46
font-family: emoticons;
57
src: url(../assets/fonts/emoticons.eot?5zh0vu);
@@ -22,7 +24,7 @@
2224

2325
.ejs-embed iframe {
2426
border: 0;
25-
background-color: #3498db;
27+
background-color: $primary;
2628
background-image: url(../assets/images/loader.svg);
2729
background-repeat: no-repeat;
2830
background-position: center;
@@ -44,10 +46,10 @@
4446

4547
pre {
4648
position: relative;
47-
margin-bottom: 24px;
4849
border-radius: 2px;
4950
overflow: hidden;
50-
white-space: pre-wrap
51+
white-space: pre-wrap;
52+
margin: 0 0 -15px 0;
5153
}
5254

5355
code.has-numbering {
@@ -58,31 +60,6 @@ code.has-numbering {
5860
margin-left: 36px
5961
}
6062

61-
.pre-numbering,
62-
code.has-numbering {
63-
font-family: Consolas, Menlo, Monaco, monospace;
64-
font-size: 14px;
65-
line-height: 20px
66-
}
67-
68-
.pre-numbering {
69-
position: absolute;
70-
top: 0;
71-
left: 0;
72-
width: 35px;
73-
padding: 1.1em 5px 9pt 0;
74-
border-right: 1px solid #e8e8e8;
75-
border-radius: 3px 0 0 3px;
76-
background-color: #eee;
77-
text-align: right;
78-
color: #aaa;
79-
margin-top: -4px
80-
}
81-
82-
.pre-numbering li {
83-
list-style-type: none
84-
}
85-
8663
.ejs-audio {
8764
background-color: #1d1d1d;
8865
border-radius: 2px;
@@ -102,6 +79,7 @@ code.has-numbering {
10279
.ejs-video-preview{
10380
padding: 5px;
10481
border: 1px solid #e4e4e4;
82+
background-color: #fff;
10583
}
10684

10785
.ejs-video iframe,
@@ -123,7 +101,7 @@ code.has-numbering {
123101
width: 200px;
124102
height: 150px;
125103
border-radius: 2px;
126-
background-color: #3498db;
104+
background-color: $primary;
127105
}
128106

129107
.ejs-video-thumb {
@@ -181,7 +159,7 @@ code.has-numbering {
181159
}
182160

183161
.ejs-video-player {
184-
background-color: #3498db;
162+
background-color: $primary;
185163
background-image: url(../assets/images/loader.svg);
186164
background-repeat: no-repeat;
187165
background-position: center;
@@ -206,7 +184,7 @@ code.has-numbering {
206184
.ejs-image-wrapper {
207185
margin: 5px;
208186
margin-bottom: 0;
209-
background-color: #3498db;
187+
background-color: $primary;
210188
background-image: url(../assets/images/loader.svg);
211189
background-repeat: no-repeat;
212190
background-position: center;

src/embed.css

Lines changed: 2 additions & 26 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

src/embed.css.map

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)