Skip to content
This repository was archived by the owner on Mar 27, 2024. It is now read-only.

Commit 7b0f812

Browse files
viktor-sargeviktor-sarge
committed
Version 4.2
1 parent 7bbbc52 commit 7b0f812

File tree

8 files changed

+145
-190
lines changed

8 files changed

+145
-190
lines changed

‎build/components/detail/rh-page-nav.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -327,7 +327,7 @@ <h1 class="Pen-title">
327327
&amp;:hover, &amp;:active{
328328
<span class="hljs-attribute">border-left</span>: <span class="hljs-number">2px</span> solid <span class="hljs-variable">$color_primary</span>;
329329
}
330-
}
330+
}
331331
}
332332
} </pre>
333333
</code>
@@ -345,7 +345,7 @@ <h1 class="Pen-title">
345345
</li>
346346
<li class="Meta-item">
347347
<strong class="Meta-key">Size:</strong>
348-
<span class="Meta-value">584 Bytes</span>
348+
<span class="Meta-value">583 Bytes</span>
349349
</li>
350350
</ul>
351351
</div>

‎build/components/detail/visual-element.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -292,7 +292,7 @@ <h1 class="Pen-title">
292292

293293
<span class="hljs-comment">/* Box modell/beteende */</span>
294294
<span class="hljs-attribute">height</span>: <span class="hljs-number">100px</span>;
295-
<span class="hljs-attribute">width</span>: initial;
295+
<span class="hljs-attribute">width</span>: <span class="hljs-number">15em</span>;
296296

297297
<span class="hljs-comment">/* Typografi */</span>
298298
<span class="hljs-attribute">line-height</span>: <span class="hljs-number">100px</span>;
@@ -319,7 +319,7 @@ <h1 class="Pen-title">
319319
</li>
320320
<li class="Meta-item">
321321
<strong class="Meta-key">Size:</strong>
322-
<span class="Meta-value">882 Bytes</span>
322+
<span class="Meta-value">879 Bytes</span>
323323
</li>
324324
</ul>
325325
</div>

‎build/css/components.css‎

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

‎build/js/components.js‎

Lines changed: 45 additions & 46 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,3 @@
1-
21
"use strict";
32
"use strict";
43

@@ -44,50 +43,6 @@ window.onclick = function (event) {
4443
"use strict";
4544
"use strict";
4645

47-
var acc = document.getElementsByClassName("rh-accordion");
48-
var i;
49-
50-
for (i = 0; i < acc.length; i++) {
51-
acc[i].addEventListener("click", function () {
52-
this.classList.toggle("rh-accordion-active");
53-
var panel = this.nextElementSibling;
54-
55-
if (panel.style.maxHeight) {
56-
panel.style.maxHeight = null;
57-
} else {
58-
panel.style.maxHeight = panel.scrollHeight + 100 + "px";
59-
}
60-
});
61-
}
62-
"use strict";
63-
64-
var videoPlayButton,
65-
videoWrapper = document.getElementsByClassName('rh-video')[0],
66-
video = document.getElementsByTagName('video')[0],
67-
videoMethods = {
68-
renderVideoPlayButton: function renderVideoPlayButton() {
69-
if (videoWrapper !== undefined && videoWrapper.contains(video)) {
70-
this.formatVideoPlayButton();
71-
video.classList.add('has-media-controls-hidden');
72-
videoPlayButton = document.getElementsByClassName('video-button')[0];
73-
videoPlayButton.addEventListener('click', this.hideVideoPlayButton);
74-
}
75-
},
76-
formatVideoPlayButton: function formatVideoPlayButton() {
77-
videoWrapper.insertAdjacentHTML('beforeend', '\
78-
<div class="video-button"><div class="video-button-content"> <i class="feather icon-play"></i> </div></div>\
79-
');
80-
},
81-
hideVideoPlayButton: function hideVideoPlayButton() {
82-
video.play();
83-
videoPlayButton.classList.add('is-hidden');
84-
video.classList.remove('has-media-controls-hidden');
85-
video.setAttribute('controls', 'controls');
86-
}
87-
};
88-
videoMethods.renderVideoPlayButton();
89-
"use strict";
90-
9146
var acc = document.getElementsByClassName("rh-search-accordion");
9247
var i;
9348

@@ -197,4 +152,48 @@ function setShadow() {
197152
cols[0].classList.add("rh-table-cell--shadow");
198153
}
199154
}
200-
}
155+
}
156+
"use strict";
157+
158+
var acc = document.getElementsByClassName("rh-accordion");
159+
var i;
160+
161+
for (i = 0; i < acc.length; i++) {
162+
acc[i].addEventListener("click", function () {
163+
this.classList.toggle("rh-accordion-active");
164+
var panel = this.nextElementSibling;
165+
166+
if (panel.style.maxHeight) {
167+
panel.style.maxHeight = null;
168+
} else {
169+
panel.style.maxHeight = panel.scrollHeight + 100 + "px";
170+
}
171+
});
172+
}
173+
"use strict";
174+
175+
var videoPlayButton,
176+
videoWrapper = document.getElementsByClassName('rh-video')[0],
177+
video = document.getElementsByTagName('video')[0],
178+
videoMethods = {
179+
renderVideoPlayButton: function renderVideoPlayButton() {
180+
if (videoWrapper !== undefined && videoWrapper.contains(video)) {
181+
this.formatVideoPlayButton();
182+
video.classList.add('has-media-controls-hidden');
183+
videoPlayButton = document.getElementsByClassName('video-button')[0];
184+
videoPlayButton.addEventListener('click', this.hideVideoPlayButton);
185+
}
186+
},
187+
formatVideoPlayButton: function formatVideoPlayButton() {
188+
videoWrapper.insertAdjacentHTML('beforeend', '\
189+
<div class="video-button"><div class="video-button-content"> <i class="feather icon-play"></i> </div></div>\
190+
');
191+
},
192+
hideVideoPlayButton: function hideVideoPlayButton() {
193+
video.play();
194+
videoPlayButton.classList.add('is-hidden');
195+
video.classList.remove('has-media-controls-hidden');
196+
video.setAttribute('controls', 'controls');
197+
}
198+
};
199+
videoMethods.renderVideoPlayButton();

‎public/css/components.css‎

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

‎public/js/components.js‎

Lines changed: 45 additions & 89 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
11
"use strict";
22
"use strict";
3-
"use strict";
43

54
function toggleMenu() {
65
document.getElementById("myDropdown").classList.toggle("rh-filter-show");
@@ -42,93 +41,6 @@ window.onclick = function (event) {
4241
}
4342
};
4443
"use strict";
45-
46-
var acc = document.getElementsByClassName("rh-accordion");
47-
var i;
48-
49-
for (i = 0; i < acc.length; i++) {
50-
acc[i].addEventListener("click", function () {
51-
this.classList.toggle("rh-accordion-active");
52-
var panel = this.nextElementSibling;
53-
54-
if (panel.style.maxHeight) {
55-
panel.style.maxHeight = null;
56-
} else {
57-
panel.style.maxHeight = panel.scrollHeight + 100 + "px";
58-
}
59-
});
60-
}
61-
"use strict";
62-
63-
var videoPlayButton,
64-
videoWrapper = document.getElementsByClassName('rh-video')[0],
65-
video = document.getElementsByTagName('video')[0],
66-
videoMethods = {
67-
renderVideoPlayButton: function renderVideoPlayButton() {
68-
if (videoWrapper !== undefined && videoWrapper.contains(video)) {
69-
this.formatVideoPlayButton();
70-
video.classList.add('has-media-controls-hidden');
71-
videoPlayButton = document.getElementsByClassName('video-button')[0];
72-
videoPlayButton.addEventListener('click', this.hideVideoPlayButton);
73-
}
74-
},
75-
formatVideoPlayButton: function formatVideoPlayButton() {
76-
videoWrapper.insertAdjacentHTML('beforeend', '\
77-
<div class="video-button"><div class="video-button-content"> <i class="feather icon-play"></i> </div></div>\
78-
');
79-
},
80-
hideVideoPlayButton: function hideVideoPlayButton() {
81-
video.play();
82-
videoPlayButton.classList.add('is-hidden');
83-
video.classList.remove('has-media-controls-hidden');
84-
video.setAttribute('controls', 'controls');
85-
}
86-
};
87-
videoMethods.renderVideoPlayButton();
88-
"use strict";
89-
90-
var acc = document.getElementsByClassName("rh-accordion");
91-
var i;
92-
93-
for (i = 0; i < acc.length; i++) {
94-
acc[i].addEventListener("click", function () {
95-
this.classList.toggle("rh-accordion-active");
96-
var panel = this.nextElementSibling;
97-
98-
if (panel.style.maxHeight) {
99-
panel.style.maxHeight = null;
100-
} else {
101-
panel.style.maxHeight = panel.scrollHeight + 100 + "px";
102-
}
103-
});
104-
}
105-
"use strict";
106-
107-
var videoPlayButton,
108-
videoWrapper = document.getElementsByClassName('rh-video')[0],
109-
video = document.getElementsByTagName('video')[0],
110-
videoMethods = {
111-
renderVideoPlayButton: function renderVideoPlayButton() {
112-
if (videoWrapper !== undefined && videoWrapper.contains(video)) {
113-
this.formatVideoPlayButton();
114-
video.classList.add('has-media-controls-hidden');
115-
videoPlayButton = document.getElementsByClassName('video-button')[0];
116-
videoPlayButton.addEventListener('click', this.hideVideoPlayButton);
117-
}
118-
},
119-
formatVideoPlayButton: function formatVideoPlayButton() {
120-
videoWrapper.insertAdjacentHTML('beforeend', '\
121-
<div class="video-button"><div class="video-button-content"> <i class="feather icon-play"></i> </div></div>\
122-
');
123-
},
124-
hideVideoPlayButton: function hideVideoPlayButton() {
125-
video.play();
126-
videoPlayButton.classList.add('is-hidden');
127-
video.classList.remove('has-media-controls-hidden');
128-
video.setAttribute('controls', 'controls');
129-
}
130-
};
131-
videoMethods.renderVideoPlayButton();
13244
"use strict";
13345

13446
var acc = document.getElementsByClassName("rh-search-accordion");
@@ -240,4 +152,48 @@ function setShadow() {
240152
cols[0].classList.add("rh-table-cell--shadow");
241153
}
242154
}
243-
}
155+
}
156+
"use strict";
157+
158+
var acc = document.getElementsByClassName("rh-accordion");
159+
var i;
160+
161+
for (i = 0; i < acc.length; i++) {
162+
acc[i].addEventListener("click", function () {
163+
this.classList.toggle("rh-accordion-active");
164+
var panel = this.nextElementSibling;
165+
166+
if (panel.style.maxHeight) {
167+
panel.style.maxHeight = null;
168+
} else {
169+
panel.style.maxHeight = panel.scrollHeight + 100 + "px";
170+
}
171+
});
172+
}
173+
"use strict";
174+
175+
var videoPlayButton,
176+
videoWrapper = document.getElementsByClassName('rh-video')[0],
177+
video = document.getElementsByTagName('video')[0],
178+
videoMethods = {
179+
renderVideoPlayButton: function renderVideoPlayButton() {
180+
if (videoWrapper !== undefined && videoWrapper.contains(video)) {
181+
this.formatVideoPlayButton();
182+
video.classList.add('has-media-controls-hidden');
183+
videoPlayButton = document.getElementsByClassName('video-button')[0];
184+
videoPlayButton.addEventListener('click', this.hideVideoPlayButton);
185+
}
186+
},
187+
formatVideoPlayButton: function formatVideoPlayButton() {
188+
videoWrapper.insertAdjacentHTML('beforeend', '\
189+
<div class="video-button"><div class="video-button-content"> <i class="feather icon-play"></i> </div></div>\
190+
');
191+
},
192+
hideVideoPlayButton: function hideVideoPlayButton() {
193+
video.play();
194+
videoPlayButton.classList.add('is-hidden');
195+
video.classList.remove('has-media-controls-hidden');
196+
video.setAttribute('controls', 'controls');
197+
}
198+
};
199+
videoMethods.renderVideoPlayButton();

‎releases/4.2.0/css/components.css‎

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

‎releases/4.2.0/js/components.js‎

Lines changed: 45 additions & 45 deletions
Original file line numberDiff line numberDiff line change
@@ -43,50 +43,6 @@ window.onclick = function (event) {
4343
"use strict";
4444
"use strict";
4545

46-
var acc = document.getElementsByClassName("rh-accordion");
47-
var i;
48-
49-
for (i = 0; i < acc.length; i++) {
50-
acc[i].addEventListener("click", function () {
51-
this.classList.toggle("rh-accordion-active");
52-
var panel = this.nextElementSibling;
53-
54-
if (panel.style.maxHeight) {
55-
panel.style.maxHeight = null;
56-
} else {
57-
panel.style.maxHeight = panel.scrollHeight + 100 + "px";
58-
}
59-
});
60-
}
61-
"use strict";
62-
63-
var videoPlayButton,
64-
videoWrapper = document.getElementsByClassName('rh-video')[0],
65-
video = document.getElementsByTagName('video')[0],
66-
videoMethods = {
67-
renderVideoPlayButton: function renderVideoPlayButton() {
68-
if (videoWrapper !== undefined && videoWrapper.contains(video)) {
69-
this.formatVideoPlayButton();
70-
video.classList.add('has-media-controls-hidden');
71-
videoPlayButton = document.getElementsByClassName('video-button')[0];
72-
videoPlayButton.addEventListener('click', this.hideVideoPlayButton);
73-
}
74-
},
75-
formatVideoPlayButton: function formatVideoPlayButton() {
76-
videoWrapper.insertAdjacentHTML('beforeend', '\
77-
<div class="video-button"><div class="video-button-content"> <i class="feather icon-play"></i> </div></div>\
78-
');
79-
},
80-
hideVideoPlayButton: function hideVideoPlayButton() {
81-
video.play();
82-
videoPlayButton.classList.add('is-hidden');
83-
video.classList.remove('has-media-controls-hidden');
84-
video.setAttribute('controls', 'controls');
85-
}
86-
};
87-
videoMethods.renderVideoPlayButton();
88-
"use strict";
89-
9046
var acc = document.getElementsByClassName("rh-search-accordion");
9147
var i;
9248

@@ -196,4 +152,48 @@ function setShadow() {
196152
cols[0].classList.add("rh-table-cell--shadow");
197153
}
198154
}
199-
}
155+
}
156+
"use strict";
157+
158+
var acc = document.getElementsByClassName("rh-accordion");
159+
var i;
160+
161+
for (i = 0; i < acc.length; i++) {
162+
acc[i].addEventListener("click", function () {
163+
this.classList.toggle("rh-accordion-active");
164+
var panel = this.nextElementSibling;
165+
166+
if (panel.style.maxHeight) {
167+
panel.style.maxHeight = null;
168+
} else {
169+
panel.style.maxHeight = panel.scrollHeight + 100 + "px";
170+
}
171+
});
172+
}
173+
"use strict";
174+
175+
var videoPlayButton,
176+
videoWrapper = document.getElementsByClassName('rh-video')[0],
177+
video = document.getElementsByTagName('video')[0],
178+
videoMethods = {
179+
renderVideoPlayButton: function renderVideoPlayButton() {
180+
if (videoWrapper !== undefined && videoWrapper.contains(video)) {
181+
this.formatVideoPlayButton();
182+
video.classList.add('has-media-controls-hidden');
183+
videoPlayButton = document.getElementsByClassName('video-button')[0];
184+
videoPlayButton.addEventListener('click', this.hideVideoPlayButton);
185+
}
186+
},
187+
formatVideoPlayButton: function formatVideoPlayButton() {
188+
videoWrapper.insertAdjacentHTML('beforeend', '\
189+
<div class="video-button"><div class="video-button-content"> <i class="feather icon-play"></i> </div></div>\
190+
');
191+
},
192+
hideVideoPlayButton: function hideVideoPlayButton() {
193+
video.play();
194+
videoPlayButton.classList.add('is-hidden');
195+
video.classList.remove('has-media-controls-hidden');
196+
video.setAttribute('controls', 'controls');
197+
}
198+
};
199+
videoMethods.renderVideoPlayButton();

0 commit comments

Comments
 (0)