Atomic Blocks – Gutenberg Blocks Collection

Version Description

Add FontAwesome font library back to Getting Started page.
Add prefixes to Getting Started page styles to prevent conflicts.

Release Info

Developer	atomicblocks
Plugin	Atomic Blocks – Gutenberg Blocks Collection
Version	1.0.8
Comparing to
See all releases

Code changes from version 1.0.7 to 1.0.8

Files changed (7) hide show

README.md +4 -0
README.txt +6 -2
atomicblocks.php +1 -1
dist/getting-started/getting-started.css +149 -134
dist/getting-started/getting-started.php +11 -9
dist/getting-started/logo.png +0 -0
dist/getting-started/theme.jpg +0 -0

README.md CHANGED Viewed

	@@ -70,6 +70,10 @@ Yes, you will need to install the [Gutenberg plugin](https://wordpress.org/plugi
70
71	## Changelog
72




73	1.0.7
74	* Improve Quick Start box on the Getting Started page.
75	* Fix issue with FontAwesome not loading on Getting Started page.


70
71	## Changelog
72
73	+ 1.0.8
74	+ * Add FontAwesome font library back to Getting Started page.
75	+ * Add prefixes to Getting Started page styles to prevent conflicts.
76	+
77	1.0.7
78	* Improve Quick Start box on the Getting Started page.
79	* Fix issue with FontAwesome not loading on Getting Started page.

README.txt CHANGED Viewed

	@@ -4,12 +4,12 @@ Donate link: https://atomicblocks.com
4	Tags: gutenberg, blocks, page builder, gutenberg blocks, editor, atomicblocks, builder, wordpress 5.0, options
5	Requires at least: 4.7
6	Tested up to: 4.9.5
7	- Stable tag: 1.0.7
8	Requires PHP: 5.2.4
9	License: GPLv2 or later
10	License URI: https://www.gnu.org/licenses/gpl-2.0.html
11
12	- A ~~beautiful~~ collection of Gutenberg blocks.
13
14	== Description ==
15
	@@ -92,6 +92,10 @@ Yes, you will need to install the [Gutenberg plugin](https://wordpress.org/plugi
92
93	== Changelog ==
94




95	= 1.0.7 =
96	* Improve Quick Start box on the Getting Started page.
97	* Fix issue with FontAwesome not loading on Getting Started page.


4	Tags: gutenberg, blocks, page builder, gutenberg blocks, editor, atomicblocks, builder, wordpress 5.0, options
5	Requires at least: 4.7
6	Tested up to: 4.9.5
7	+ Stable tag: 1.0.8
8	Requires PHP: 5.2.4
9	License: GPLv2 or later
10	License URI: https://www.gnu.org/licenses/gpl-2.0.html
11
12	+ A collection of beautiful, customizable Gutenberg blocks for the new block editor.
13
14	== Description ==
15

92
93	== Changelog ==
94
95	+ = 1.0.8 =
96	+ * Add FontAwesome font library back to Getting Started page.
97	+ * Add prefixes to Getting Started page styles to prevent conflicts.
98	+
99	= 1.0.7 =
100	* Improve Quick Start box on the Getting Started page.
101	* Fix issue with FontAwesome not loading on Getting Started page.

atomicblocks.php CHANGED Viewed

	@@ -5,7 +5,7 @@
5	* Description: A beautiful collection of handy Gutenberg blocks to help you get started with the new WordPress editor.
6	* Author: atomicblocks
7	* Author URI: http://arraythemes.com
8	- * Version: 1.0.7
9	* License: GPL2+
10	* License URI: http://www.gnu.org/licenses/gpl-2.0.txt
11	*


5	* Description: A beautiful collection of handy Gutenberg blocks to help you get started with the new WordPress editor.
6	* Author: atomicblocks
7	* Author URI: http://arraythemes.com
8	+ * Version: 1.0.8
9	* License: GPL2+
10	* License URI: http://www.gnu.org/licenses/gpl-2.0.txt
11	*

dist/getting-started/getting-started.css CHANGED Viewed

	@@ -7,7 +7,7 @@
7
8	.clearfix { zoom: 1 }
9
10	- .getting-started * {
11	-webkit-box-sizing: border-box;
12	-moz-box-sizing: border-box;
13	box-sizing: border-box;
	@@ -17,12 +17,12 @@
17	padding-left: 0;
18	}
19
20	- .getting-started {
21	overflow: hidden;
22	margin: 0;
23	}
24
25	- .getting-started .panel-right .theme-image {
26	background: #64717E;
27	padding: 2% 2% 0 2%;
28	display: inline-block;
	@@ -30,11 +30,11 @@
30	width: 23%;
31	}
32
33	- .getting-started .panels {
34	margin: 0 0 0 0;
35	}
36
37	- .getting-started .panel {
38	display: inline-block;
39	width: 100%;
40	padding: 4%;
	@@ -73,7 +73,7 @@
73	}
74	}
75
76	- .getting-started .panel-left.visible {
77	display: inline-block;
78	animation: smoothFade .3s;
79	-moz-animation: smoothFade .3s;
	@@ -81,21 +81,21 @@
81	-o-animation: smoothFade .3s;
82	}
83
84	- .getting-started .panel p {
85	font-size: 19px;
86	line-height: 1.7;
87	}
88
89	- .getting-started .panel-right p {
90	font-size: 16px;
91	line-height: 1.6;
92	}
93
94	- .getting-started .panel a {
95	text-decoration: none;
96	}
97
98	- .getting-started .panel hr {
99	height: 1px;
100	margin: 2em 0;
101
	@@ -103,14 +103,7 @@
103	border-top: solid 2px #E6EAED;
104	}
105
106	- ~~#plugins~~-panel hr {
107	- padding-bottom: 0;
108	- display: inline-block;
109	- width: 100%;
110	- margin-top: 10px;
111	- }
112	-
113	- .getting-started .panel-left ul, .getting-started .panel-left ol {
114	margin: 0 0 5% 0;
115	background: #f5f4f6;
116	padding: 5% 5% 5% 8%;
	@@ -118,62 +111,62 @@
118	font-size: 19px;
119	line-height: 1.8;
120	}
121	- .getting-started .panel-left ul li, .getting-started .panel-left ol li {
122	border-bottom: dotted 1px #ccc;
123	margin-bottom: 20px;
124	padding-bottom: 20px;
125	}
126	- .getting-started .panel-left ul li:last-child, .getting-started .panel-left ol li:last-child {
127	border: none;
128	margin-bottom: 0;
129	padding-bottom: 0;
130	}
131
132	- .getting-started .panel-left .toc li ul {
133	margin-bottom: 0;
134	padding-bottom: 0;
135	padding-top: 3%;
136	}
137
138	- .getting-started .panel-left .toc li ul li {
139	list-style: square;
140	}
141
142	- .getting-started .panel-left {
143	display: inline-block;
144	display: none;
145	width: 63%;
146	}
147
148	- .getting-started .panel-left img {
149	max-width: 100%;
150	height: auto;
151	border: solid 1px #E6EAED;
152	}
153
154	- .getting-started .panel-left h3 {
155	display: inline-block;
156	}
157
158	- .getting-started .panel-left h3,
159	- .getting-started .panel-right h3,
160	- .getting-started .panel-right p:first-child {
161	margin-top: 0;
162	}
163
164	- .panel-right img {
165	max-width: 100%;
166	}
167
168	- .panel-left ul.anchor-nav {
169	padding: 5%;
170	}
171
172	- .anchor-nav li {
173	list-style: none;
174	}
175
176	- .back-to-top {
177	text-transform: uppercase;
178	font-size: 11px;
179	color: #999;
	@@ -182,52 +175,52 @@
182	top: 8px;
183	}
184
185	- .getting-started .panels h3 {
186	width: 100%;
187	position: relative;
188	padding-right: 90px;
189	}
190
191	- .getting-started h3 .back-to-top {
192	float: right;
193	}
194
195	- .getting-started .panel-right {
196	display: inline-block;
197	width: 32%;
198	float: right;
199	vertical-align: top;
200	}
201
202	- .getting-started .panel-aside {
203	margin-bottom: 40px;
204	background: #f5f4f6;
205	}
206
207	- .getting-started .panel-aside:last-child {
208	margin-bottom: 0;
209	}
210
211	- .getting-started .panel-club {
212	padding: 0;
213	}
214
215	- .panel-club .panel-club-inside {
216	padding: 30px 40px;
217	}
218
219	- .panel-club img {
220	padding-bottom: 0;
221	width: 100%;
222	max-width: 100%;
223	height: auto;
224	}
225
226	- .panel-ab-plugin img {
227	padding: 0;
228	}
229
230	- .panel-aside .club-button {
231	width: 100%;
232	text-align: center;
233	line-height: 46px;
	@@ -236,43 +229,43 @@
236	font-size: 15px;
237	}
238
239	- .getting-started .panel-aside h4 {
240	margin-top: 0;
241	font-size: 1.1em;
242	line-height: 1.4;
243	}
244
245	- .getting-started .panel-aside ul {
246	margin-bottom: 25px;
247	}
248
249	- .getting-started .panel-aside li {
250	list-style-type: square;
251	margin-left: 18px;
252	}
253
254	- .~~notices~~ {
255	margin: 0;
256	- display: none;
257	}
258
259	- #wpbody-content .getting-started .updated,
260	- #wpbody-content .getting-started .error {
261	margin-top: 2%;
262	}
263
264	- .getting-started .updated + .intro-wrap,
265	- .getting-started .error + .intro-wrap {
266	padding-top: 2%;
267	}
268
269	- .getting-started .intro-wrap {
270	padding: 4% 0 0 0;
271	background: #5a3fd6 url("geo.png");
272	background-size: 1400px;
273	}
274
275	- .getting-started .intro {
276	display: inline-block;
277	width: 100%;
278	vertical-align: top;
	@@ -280,7 +273,7 @@
280	margin-bottom: 4.5%;
281	}
282
283	- .getting-started .intro h3 {
284	font-size: 40px;
285	line-height: 1.2;
286	font-weight: 300;
	@@ -289,21 +282,32 @@
289	display: inline-block;
290	}
291
292	- .atomic-logo {
293	max-width: 245px;
294	display: inline-block;
295	float: right;
296	margin-top: 2px;



297	}
298
299	@media only screen and (max-width:800px) {
300	- .atomic-logo {
301	float: none;
302	margin-bottom: 6%;
303	}
304	}
305
306	- .getting-started .~~intro~~ h4 {








307	color: #868B96;
308	font-weight: normal;
309	font-size: 18px;
	@@ -311,7 +315,7 @@
311	margin: 0;
312	}
313
314	- .getting-started .inline-list {
315	display: inline-block;
316	width: 100%;
317	margin: 0;
	@@ -319,17 +323,17 @@
319	padding: 0 50px;
320	}
321
322	- .getting-started .inline-list li {
323	display: inline-block;
324	margin: 0 0 0 0;
325	}
326
327	- .getting-started .inline-list li:last-child {
328	margin-right: 0;
329	padding-right: 0;
330	}
331
332	- .getting-started .inline-list li a {
333	font-size: 18px;
334	text-decoration: none;
335	padding: 25px 30px;
	@@ -337,23 +341,23 @@
337	color: #fff;
338	}
339
340	- .getting-started .inline-list li a:active,
341	- .getting-started .inline-list li a::-moz-focus-inner,
342	- .getting-started ul.inline-list a:focus {
343	outline: none;
344	border: 0;
345	box-shadow: none;
346	}
347
348	- .getting-started ul.toc {
349	padding-left: 5%;
350	}
351
352	- .getting-started .toc li {
353	list-style-type: none;
354	}
355
356	- .getting-started .inline-list li.current a {
357	background: #fff;
358	outline: none;
359	border: none;
	@@ -363,101 +367,104 @@
363	color: #5d45c9;
364	}
365
366	- .getting-started .inline-list li a i {
367	font-size: 16px;
368	margin-right: 5px;
369	}
370
371	- .getting-started #changelog {
372	display: none;
373	}
374
375	- .getting-started #install-video {
376	display: none;
377	}
378
379	- .getting-started .arrayvideo {
380	padding: 3% 0;
381	}
382	- ~~#updates-panel ul {~~

383	border-bottom: 1px dotted #ddd;
384	padding: 1% 0 5% 3%;
385	list-style-position: inside;
386	background: transparent;
387	}
388	- ~~#updates-panel li {~~

389	border-bottom: 0;
390	margin-bottom: 0;
391	padding-bottom: 7px;
392	}
393	- ~~#updates-panel h4 {~~

394	font-size: 1.1em;
395	margin: .5em 0;
396	}
397
398	- #themes.visible + .panel-right {
399	display: none;
400	}
401
402	- #themes.visible {
403	width: 100%;
404	}
405
406	- .theme-intro {
407	margin-bottom: 4.5%;
408	background: #f5f4f6;
409	padding: 2%;
410	}
411
412	@media only screen and (max-width:800px) {
413	- .theme-intro {
414	padding: 5%;
415	margin-bottom: 5%;
416	}
417	}
418
419	- .theme-intro-left {
420	max-width: 60%;
421	display: inline-block;
422	}
423
424	@media only screen and (max-width:1110px) {
425	- .theme-intro-left {
426	max-width: 54%;
427	}
428	}
429
430	@media only screen and (max-width:800px) {
431	- .theme-intro-left,
432	- .theme-intro-right {
433	max-width: 100%;
434	width: 100%;
435	}
436
437	- .theme-intro-right {
438	margin-bottom: 5%;
439	}
440	}
441
442	- .getting-started .theme-intro-left p {
443	font-size: 20px;
444	margin-top: 0;
445	margin-bottom: 0;
446	}
447
448	- .theme-intro-right {
449	float: right;
450	display: inline-block;
451	margin-top: 12px;
452	}
453
454	@media only screen and (max-width:800px) {
455	- .theme-intro-right {
456	margin-bottom: 0;
457	}
458	}
459
460	- .theme-intro-right .button-primary {
461	line-height: 56px;
462	height: auto;
463	font-size: 20px;
	@@ -465,13 +472,13 @@
465	}
466
467	@media only screen and (max-width:800px) {
468	- .theme-intro-right .button-primary {
469	width: 100%;
470	text-align: center;
471	}
472	}
473
474	- .array-theme {
475	display: inline-block;
476	width: 30%;
477	margin-right: 5%;
	@@ -479,51 +486,51 @@
479	vertical-align: top;
480	}
481
482	- .theme-list .array-theme:nth-child(3n+3) {
483	margin-right: 0;
484	}
485
486	@media only screen and (max-width:1100px) {
487	- .theme-list .array-theme {
488	width: 47%;
489	}
490
491	- .theme-list .array-theme:nth-child(2n+2) {
492	margin-right: 0;
493	}
494
495	- .theme-list .array-theme:nth-child(3n+3) {
496	margin-right: 5%;
497	}
498	}
499
500	@media only screen and (max-width:768px) {
501	- .theme-list .array-theme {
502	width: 100%;
503	}
504
505	- .theme-list .array-theme:nth-child(2n+2) {
506	margin-right: 0;
507	}
508
509	- .theme-list .array-theme:nth-child(3n+3) {
510	margin-right: 0;
511	}
512	}
513
514	- .array-theme .theme-image {
515	max-height: 265px;
516	overflow: hidden;
517	width: 100%;
518	}
519
520	- #themes .array-theme h3 {
521	margin-bottom: 0;
522	padding-right: 0;
523	margin-top: 1em;
524	}
525
526	- h4 .button {
527	float: right;
528	background: #5AC779;
529	color: #fff;
	@@ -535,50 +542,53 @@ h4 .button {
535	}
536
537	@media only screen and (max-width:768px) {
538	- .getting-started .intro, ~~.theme-image, .getting-started .panel-left, .getting-started .panel-right {~~



539	width: 100%;
540	float: none;
541	}
542
543	- .getting-started .intro {
544	padding: 0 20px;
545	margin-top: 3%;
546	margin-bottom: 8%;
547	}
548
549	- .getting-started .intro h2 {
550	font-size: 34px;
551	}
552
553	- .getting-started .intro h3 {
554	margin-bottom: 0;
555	}
556
557	- .getting-started .inline-list {
558	margin-bottom: 5%;
559	padding: 0 20px;
560	}
561
562	- .getting-started .inline-list li {
563	width: 100%;
564	}
565
566	- .getting-started .inline-list li a {
567	width: 100%;
568	display: block;
569	}
570
571	- .getting-started .panel-right .theme-image {
572	width: 100%;
573	margin-bottom: 15px;
574	padding: 6% 6% 0 6%;
575	}
576
577	- .getting-started .enter-license .submit {
578	width: 100%;
579	}
580
581	- .getting-started .activate {
582	width: 100%;
583	float: none;
584	text-align: left;
	@@ -595,11 +605,11 @@ h4 .button {
595	clear: both;
596	}
597
598	- .getting-started .button-primary,
599	- .getting-started .button-primary.focus,
600	- .getting-started .button-primary.hover,
601	- .getting-started .button-primary:focus,
602	- .getting-started .button-primary:hover {
603	background: #5d45c9;
604	border-color: #4c35b9;
605	box-shadow: none;
	@@ -607,77 +617,82 @@ h4 .button {
607	text-shadow: 0 -1px 1px #4c35b9, 1px 0 1px #4c35b9, 0 1px 1px #4c35b9, -1px 0 1px #4c35b9;
608	}
609
610	- .getting-started .button-primary:hover {
611	box-shadow: inset 0 0 80px rgba(255,255,255, .15);
612	}
613
614	- .getting-started .button-primary:active {
615	border-bottom-color: transparent;
616	border-top-width: 2px;
617	}
618
619	- .getting-started a,
620	- .getting-started a:active,
621	- .getting-started a:hover {
622	color: #5d45c9;
623	}
624
625	- .getting-started .panel-ab-plugin {
626	- }
627	-
628	- .getting-started .panel-ab-plugin .panel-club-inside {
629	padding: 0;
630	}
631
632	- .getting-started .panel-ab-plugin ul {
633	margin: 0;
634	}
635
636	- .getting-started .panel-ab-plugin .cell {
637	padding: 30px 40px;
638	border-bottom: solid 1px #e3e3e4;
639	margin: 0;
640	list-style: none;
641	}
642
643	- .getting-started .panel-ab-plugin .cell:last-child {
644	border-bottom-width: 2px;
645	}
646
647	- .~~step~~-~~complete~~ ~~strong~~ i {
648	color: #59bb31;
649	}
650
651	- .step-complete .button-primary {
652	pointer-events: none;
653	}
654
655	- .getting-started .panel-title.cell {
656	background: #3e446d;
657	padding: 20px 40px;
658	text-align: center;
659	}
660
661	- .getting-started .panel-title h3 {
662	margin: 0;
663	color: #fff;
664	padding: 0;
665	}
666
667	- .panel-title h3 i {
668	margin-right: 6px;
669	}
670
671	- .getting-started h2 {
672	font-size: 30px;
673	}
674
675	- .getting-started p.wp-caption-text {
676	font-size: 16px;
677	margin-top: .5em;
678	text-align: center;
679	}
680
681	- .getting-started div[id^='attachment'] {
682	max-width: 100% !important;








683	}


7
8	.clearfix { zoom: 1 }
9
10	+ .ab-getting-started * {
11	-webkit-box-sizing: border-box;
12	-moz-box-sizing: border-box;
13	box-sizing: border-box;

17	padding-left: 0;
18	}
19
20	+ .ab-getting-started {
21	overflow: hidden;
22	margin: 0;
23	}
24
25	+ .ab-getting-started .panel-right .theme-image {
26	background: #64717E;
27	padding: 2% 2% 0 2%;
28	display: inline-block;

30	width: 23%;
31	}
32
33	+ .ab-getting-started .panels {
34	margin: 0 0 0 0;
35	}
36
37	+ .ab-getting-started .panel {
38	display: inline-block;
39	width: 100%;
40	padding: 4%;

73	}
74	}
75
76	+ .ab-getting-started .panel-left.visible {
77	display: inline-block;
78	animation: smoothFade .3s;
79	-moz-animation: smoothFade .3s;

81	-o-animation: smoothFade .3s;
82	}
83
84	+ .ab-getting-started .panel p {
85	font-size: 19px;
86	line-height: 1.7;
87	}
88
89	+ .ab-getting-started .panel-right p {
90	font-size: 16px;
91	line-height: 1.6;
92	}
93
94	+ .ab-getting-started .panel a {
95	text-decoration: none;
96	}
97
98	+ .ab-getting-started .panel hr {
99	height: 1px;
100	margin: 2em 0;
101

103	border-top: solid 2px #E6EAED;
104	}
105
106	+ .ab-getting-started .panel-left ul, .ab-getting-started .panel-left ol {







107	margin: 0 0 5% 0;
108	background: #f5f4f6;
109	padding: 5% 5% 5% 8%;

111	font-size: 19px;
112	line-height: 1.8;
113	}
114	+ .ab-getting-started .panel-left ul li, .ab-getting-started .panel-left ol li {
115	border-bottom: dotted 1px #ccc;
116	margin-bottom: 20px;
117	padding-bottom: 20px;
118	}
119	+ .ab-getting-started .panel-left ul li:last-child, .ab-getting-started .panel-left ol li:last-child {
120	border: none;
121	margin-bottom: 0;
122	padding-bottom: 0;
123	}
124
125	+ .ab-getting-started .panel-left .toc li ul {
126	margin-bottom: 0;
127	padding-bottom: 0;
128	padding-top: 3%;
129	}
130
131	+ .ab-getting-started .panel-left .toc li ul li {
132	list-style: square;
133	}
134
135	+ .ab-getting-started .panel-left {
136	display: inline-block;
137	display: none;
138	width: 63%;
139	}
140
141	+ .ab-getting-started .panel-left img {
142	max-width: 100%;
143	height: auto;
144	border: solid 1px #E6EAED;
145	}
146
147	+ .ab-getting-started .panel-left h3 {
148	display: inline-block;
149	}
150
151	+ .ab-getting-started .panel-left h3,
152	+ .ab-getting-started .panel-right h3,
153	+ .ab-getting-started .panel-right p:first-child {
154	margin-top: 0;
155	}
156
157	+ .ab-getting-started .panel-right img {
158	max-width: 100%;
159	}
160
161	+ .ab-getting-started .panel-left ul.anchor-nav {
162	padding: 5%;
163	}
164
165	+ .ab-getting-started .anchor-nav li {
166	list-style: none;
167	}
168
169	+ .ab-getting-started .back-to-top {
170	text-transform: uppercase;
171	font-size: 11px;
172	color: #999;

175	top: 8px;
176	}
177
178	+ .ab-getting-started .panels h3 {
179	width: 100%;
180	position: relative;
181	padding-right: 90px;
182	}
183
184	+ .ab-getting-started h3 .back-to-top {
185	float: right;
186	}
187
188	+ .ab-getting-started .panel-right {
189	display: inline-block;
190	width: 32%;
191	float: right;
192	vertical-align: top;
193	}
194
195	+ .ab-getting-started .panel-aside {
196	margin-bottom: 40px;
197	background: #f5f4f6;
198	}
199
200	+ .ab-getting-started .panel-aside:last-child {
201	margin-bottom: 0;
202	}
203
204	+ .ab-getting-started .panel-club {
205	padding: 0;
206	}
207
208	+ .ab-getting-started .panel-club .panel-club-inside {
209	padding: 30px 40px;
210	}
211
212	+ .ab-getting-started .panel-club img {
213	padding-bottom: 0;
214	width: 100%;
215	max-width: 100%;
216	height: auto;
217	}
218
219	+ .ab-getting-started .panel-ab-plugin img {
220	padding: 0;
221	}
222
223	+ .ab-getting-started .panel-aside .club-button {
224	width: 100%;
225	text-align: center;
226	line-height: 46px;

229	font-size: 15px;
230	}
231
232	+ .ab-getting-started .panel-aside h4 {
233	margin-top: 0;
234	font-size: 1.1em;
235	line-height: 1.4;
236	}
237
238	+ .ab-getting-started .panel-aside ul {
239	margin-bottom: 25px;
240	}
241
242	+ .ab-getting-started .panel-aside li {
243	list-style-type: square;
244	margin-left: 18px;
245	}
246
247	+ .notice-warning {
248	margin: 0;
249	+ display: none !important;
250	}
251
252	+ #wpbody-content .ab-getting-started .updated,
253	+ #wpbody-content .ab-getting-started .error {
254	margin-top: 2%;
255	}
256
257	+ .ab-getting-started .updated + .intro-wrap,
258	+ .ab-getting-started .error + .intro-wrap {
259	padding-top: 2%;
260	}
261
262	+ .ab-getting-started .intro-wrap {
263	padding: 4% 0 0 0;
264	background: #5a3fd6 url("geo.png");
265	background-size: 1400px;
266	}
267
268	+ .ab-getting-started .intro {
269	display: inline-block;
270	width: 100%;
271	vertical-align: top;

273	margin-bottom: 4.5%;
274	}
275
276	+ .ab-getting-started .intro h3 {
277	font-size: 40px;
278	line-height: 1.2;
279	font-weight: 300;

282	display: inline-block;
283	}
284
285	+ .ab-getting-started .atomic-logo {
286	max-width: 245px;
287	display: inline-block;
288	float: right;
289	margin-top: 2px;
290	+ transition: .3s ease;
291	+ -webkit-backface-visibility: hidden;
292	+ transform: translateZ(0);
293	}
294
295	@media only screen and (max-width:800px) {
296	+ .ab-getting-started .atomic-logo {
297	float: none;
298	margin-bottom: 6%;
299	}
300	}
301
302	+ .ab-getting-started .atomic-logo:hover {
303	+ transform: scale(1.03);
304	+ }
305	+
306	+ .ab-getting-started .atomic-logo:active {
307	+ transform: scale(1);
308	+ }
309	+
310	+ .ab-getting-started .intro h4 {
311	color: #868B96;
312	font-weight: normal;
313	font-size: 18px;

315	margin: 0;
316	}
317
318	+ .ab-getting-started .inline-list {
319	display: inline-block;
320	width: 100%;
321	margin: 0;

323	padding: 0 50px;
324	}
325
326	+ .ab-getting-started .inline-list li {
327	display: inline-block;
328	margin: 0 0 0 0;
329	}
330
331	+ .ab-getting-started .inline-list li:last-child {
332	margin-right: 0;
333	padding-right: 0;
334	}
335
336	+ .ab-getting-started .inline-list li a {
337	font-size: 18px;
338	text-decoration: none;
339	padding: 25px 30px;

341	color: #fff;
342	}
343
344	+ .ab-getting-started .inline-list li a:active,
345	+ .ab-getting-started .inline-list li a::-moz-focus-inner,
346	+ .ab-getting-started ul.inline-list a:focus {
347	outline: none;
348	border: 0;
349	box-shadow: none;
350	}
351
352	+ .ab-getting-started ul.toc {
353	padding-left: 5%;
354	}
355
356	+ .ab-getting-started .toc li {
357	list-style-type: none;
358	}
359
360	+ .ab-getting-started .inline-list li.current a {
361	background: #fff;
362	outline: none;
363	border: none;

367	color: #5d45c9;
368	}
369
370	+ .ab-getting-started .inline-list li a i {
371	font-size: 16px;
372	margin-right: 5px;
373	}
374
375	+ .ab-getting-started #changelog {
376	display: none;
377	}
378
379	+ .ab-getting-started #install-video {
380	display: none;
381	}
382
383	+ .ab-getting-started .arrayvideo {
384	padding: 3% 0;
385	}
386	+
387	+ .ab-getting-started #updates-panel ul {
388	border-bottom: 1px dotted #ddd;
389	padding: 1% 0 5% 3%;
390	list-style-position: inside;
391	background: transparent;
392	}
393	+
394	+ .ab-getting-started #updates-panel li {
395	border-bottom: 0;
396	margin-bottom: 0;
397	padding-bottom: 7px;
398	}
399	+
400	+ .ab-getting-started #updates-panel h4 {
401	font-size: 1.1em;
402	margin: .5em 0;
403	}
404
405	+ .ab-getting-started #themes.visible + .panel-right {
406	display: none;
407	}
408
409	+ .ab-getting-started #themes.visible {
410	width: 100%;
411	}
412
413	+ .ab-getting-started .theme-intro {
414	margin-bottom: 4.5%;
415	background: #f5f4f6;
416	padding: 2%;
417	}
418
419	@media only screen and (max-width:800px) {
420	+ .ab-getting-started .theme-intro {
421	padding: 5%;
422	margin-bottom: 5%;
423	}
424	}
425
426	+ .ab-getting-started .theme-intro-left {
427	max-width: 60%;
428	display: inline-block;
429	}
430
431	@media only screen and (max-width:1110px) {
432	+ .ab-getting-started .theme-intro-left {
433	max-width: 54%;
434	}
435	}
436
437	@media only screen and (max-width:800px) {
438	+ .ab-getting-started .theme-intro-left,
439	+ .ab-getting-started .theme-intro-right {
440	max-width: 100%;
441	width: 100%;
442	}
443
444	+ .ab-getting-started .theme-intro-right {
445	margin-bottom: 5%;
446	}
447	}
448
449	+ .ab-getting-started .theme-intro-left p {
450	font-size: 20px;
451	margin-top: 0;
452	margin-bottom: 0;
453	}
454
455	+ .ab-getting-started .theme-intro-right {
456	float: right;
457	display: inline-block;
458	margin-top: 12px;
459	}
460
461	@media only screen and (max-width:800px) {
462	+ .ab-getting-started .theme-intro-right {
463	margin-bottom: 0;
464	}
465	}
466
467	+ .ab-getting-started .theme-intro-right .button-primary {
468	line-height: 56px;
469	height: auto;
470	font-size: 20px;

472	}
473
474	@media only screen and (max-width:800px) {
475	+ .ab-getting-started .theme-intro-right .button-primary {
476	width: 100%;
477	text-align: center;
478	}
479	}
480
481	+ .ab-getting-started .array-theme {
482	display: inline-block;
483	width: 30%;
484	margin-right: 5%;

486	vertical-align: top;
487	}
488
489	+ .ab-getting-started .theme-list .array-theme:nth-child(3n+3) {
490	margin-right: 0;
491	}
492
493	@media only screen and (max-width:1100px) {
494	+ .ab-getting-started .theme-list .array-theme {
495	width: 47%;
496	}
497
498	+ .ab-getting-started .theme-list .array-theme:nth-child(2n+2) {
499	margin-right: 0;
500	}
501
502	+ .ab-getting-started .theme-list .array-theme:nth-child(3n+3) {
503	margin-right: 5%;
504	}
505	}
506
507	@media only screen and (max-width:768px) {
508	+ .ab-getting-started .theme-list .array-theme {
509	width: 100%;
510	}
511
512	+ .ab-getting-started .theme-list .array-theme:nth-child(2n+2) {
513	margin-right: 0;
514	}
515
516	+ .ab-getting-started .theme-list .array-theme:nth-child(3n+3) {
517	margin-right: 0;
518	}
519	}
520
521	+ .ab-getting-started .array-theme .theme-image {
522	max-height: 265px;
523	overflow: hidden;
524	width: 100%;
525	}
526
527	+ .ab-getting-started #themes .array-theme h3 {
528	margin-bottom: 0;
529	padding-right: 0;
530	margin-top: 1em;
531	}
532
533	+ .ab-getting-started h4 .button {
534	float: right;
535	background: #5AC779;
536	color: #fff;

542	}
543
544	@media only screen and (max-width:768px) {
545	+ .ab-getting-started .intro,
546	+ .ab-getting-started .theme-image,
547	+ .ab-getting-started .panel-left,
548	+ .ab-getting-started .panel-right {
549	width: 100%;
550	float: none;
551	}
552
553	+ .ab-getting-started .intro {
554	padding: 0 20px;
555	margin-top: 3%;
556	margin-bottom: 8%;
557	}
558
559	+ .ab-getting-started .intro h2 {
560	font-size: 34px;
561	}
562
563	+ .ab-getting-started .intro h3 {
564	margin-bottom: 0;
565	}
566
567	+ .ab-getting-started .inline-list {
568	margin-bottom: 5%;
569	padding: 0 20px;
570	}
571
572	+ .ab-getting-started .inline-list li {
573	width: 100%;
574	}
575
576	+ .ab-getting-started .inline-list li a {
577	width: 100%;
578	display: block;
579	}
580
581	+ .ab-getting-started .panel-right .theme-image {
582	width: 100%;
583	margin-bottom: 15px;
584	padding: 6% 6% 0 6%;
585	}
586
587	+ .ab-getting-started .enter-license .submit {
588	width: 100%;
589	}
590
591	+ .ab-getting-started .activate {
592	width: 100%;
593	float: none;
594	text-align: left;

605	clear: both;
606	}
607
608	+ .ab-getting-started .button-primary,
609	+ .ab-getting-started .button-primary.focus,
610	+ .ab-getting-started .button-primary.hover,
611	+ .ab-getting-started .button-primary:focus,
612	+ .ab-getting-started .button-primary:hover {
613	background: #5d45c9;
614	border-color: #4c35b9;
615	box-shadow: none;

617	text-shadow: 0 -1px 1px #4c35b9, 1px 0 1px #4c35b9, 0 1px 1px #4c35b9, -1px 0 1px #4c35b9;
618	}
619
620	+ .ab-getting-started .button-primary:hover {
621	box-shadow: inset 0 0 80px rgba(255,255,255, .15);
622	}
623
624	+ .ab-getting-started .button-primary:active {
625	border-bottom-color: transparent;
626	border-top-width: 2px;
627	}
628
629	+ .ab-getting-started a,
630	+ .ab-getting-started a:active,
631	+ .ab-getting-started a:hover {
632	color: #5d45c9;
633	}
634
635	+ .ab-getting-started .panel-ab-plugin .panel-club-inside {



636	padding: 0;
637	}
638
639	+ .ab-getting-started .panel-ab-plugin ul {
640	margin: 0;
641	}
642
643	+ .ab-getting-started .panel-ab-plugin .cell {
644	padding: 30px 40px;
645	border-bottom: solid 1px #e3e3e4;
646	margin: 0;
647	list-style: none;
648	}
649
650	+ .ab-getting-started .panel-ab-plugin .cell:last-child {
651	border-bottom-width: 2px;
652	}
653
654	+ .ab-quick-start ul i {
655	color: #59bb31;
656	}
657
658	+ .ab-getting-started .step-complete .button-primary {
659	pointer-events: none;
660	}
661
662	+ .ab-getting-started .panel-title.cell {
663	background: #3e446d;
664	padding: 20px 40px;
665	text-align: center;
666	}
667
668	+ .ab-getting-started .panel-title h3 {
669	margin: 0;
670	color: #fff;
671	padding: 0;
672	}
673
674	+ .ab-getting-started .panel-title h3 i {
675	margin-right: 6px;
676	}
677
678	+ .ab-getting-started h2 {
679	font-size: 30px;
680	}
681
682	+ .ab-getting-started p.wp-caption-text {
683	font-size: 16px;
684	margin-top: .5em;
685	text-align: center;
686	}
687
688	+ .ab-getting-started div[id^='attachment'] {
689	max-width: 100% !important;
690	+ }
691	+
692	+ .ab-theme-image {
693	+ max-height: 290px;
694	+ overflow: hidden;
695	+ border: solid 1px #ddd;
696	+ border-radius: 5px;
697	+ display: block;
698	}

dist/getting-started/getting-started.php CHANGED Viewed

	@@ -28,7 +28,7 @@ function atomic_blocks_start_load_admin_scripts() {
28	wp_enqueue_style( 'atomic-blocks-getting-started' );
29
30	// FontAwesome
31	- wp_register_style( 'atomic-blocks-fontawesome', ~~get_template_directory_uri~~() . '/inc/fontawesome/css/~~font~~-~~awesome~~.css', false, '1.0.0' );
32	wp_enqueue_style( 'atomic-blocks-fontawesome' );
33	}
34	add_action( 'admin_enqueue_scripts', 'atomic_blocks_start_load_admin_scripts' );
	@@ -108,17 +108,17 @@ function atomic_blocks_getting_started_page() {
108	'install-plugin_atomic-blocks'
109	);
110	?>
111	- <div class="wrap getting-started">
112	<div class="intro-wrap">
113	<div class="intro">
114	- <a href="<?php echo esc_url('https://goo.gl/NfXcof'); ?>"><img class="atomic-logo" src="<?php echo ~~get_template_directory_uri~~(); ~~?>/inc/admin/getting-started/~~logo.png" alt="<?php esc_html_e( 'Visit Atomic Blocks', 'atomic-blocks' ); ?>" /></a>
115	<h3><?php printf( esc_html__( 'Getting started with', 'atomic-blocks' ) ); ?> <strong><?php printf( esc_html__( 'Atomic Blocks', 'atomic-blocks' ) ); ?></strong></h3>
116	</div>
117
118	<ul class="inline-list">
119	<li class="current"><a id="plugin-help" href="#"><i class="fa fa-plug"></i> <?php esc_html_e( 'Plugin Help File', 'atomic-blocks' ); ?></a></li>
120	<li><a id="theme-help" href="#"><i class="fa fa-check"></i> <?php esc_html_e( 'Theme Help File', 'atomic-blocks' ); ?></a></li>
121	- <li><a id="updates" href="#"><i class="fa fa-~~refresh~~"></i> <?php esc_html_e( 'Latest Updates', 'atomic-blocks' ); ?></a></li>
122	<li><a id="themes" href="#"><i class="fa fa-arrow-circle-down"></i> <?php esc_html_e( 'Get More Themes', 'atomic-blocks' ); ?></a></li>
123	</ul>
124	</div>
	@@ -208,7 +208,7 @@ function atomic_blocks_getting_started_page() {
208	<div class="panel-right">
209
210	<?php if( ! function_exists( 'gutenberg_init' ) \|\| ! function_exists( 'atomic_blocks_loader' ) ) { ?>
211	- <div class="panel-aside panel-ab-plugin panel-club">
212	<div class="panel-club-inside">
213	<div class="cell panel-title">
214	<h3><i class="fa fa-check"></i> <?php esc_html_e( 'Quick Start Checklist', 'atomic-blocks' ); ?></h3>
	@@ -220,7 +220,7 @@ function atomic_blocks_getting_started_page() {
220	<p><?php esc_html_e( 'Gutenberg adds the new block-based editor to WordPress. You will need this to work with the Atomic Blocks plugin.', 'atomic-blocks' ); ?></p>
221
222	<?php if( ! array_key_exists( 'gutenberg/gutenberg.php', get_plugins() ) ) { ?>
223	- <a ~~target="_blank"~~ class="button-primary club-button" href="<?php echo esc_url( $gberg_install_url ); ?>"><?php esc_html_e( 'Install Gutenberg now', 'atomic-blocks' ); ?> →</a>
224	<?php } else if ( array_key_exists( 'gutenberg/gutenberg.php', get_plugins() ) && ! is_plugin_active( 'gutenberg/gutenberg.php' ) ) { ?>
225	<?php activate_plugin( 'gutenberg/gutenberg.php' ); ?>
226	<strong><i class="fa fa-check"></i> <?php esc_html_e( 'Plugin activated!', 'atomic-blocks' ); ?></strong>
	@@ -234,7 +234,7 @@ function atomic_blocks_getting_started_page() {
234	<p><?php esc_html_e( 'Atomic Blocks adds several handy content blocks to the Gutenberg block editor.', 'atomic-blocks' ); ?></p>
235
236	<?php if( ! array_key_exists( 'atomic-blocks/atomicblocks.php', get_plugins() ) ) { ?>
237	- <a ~~target="_blank"~~ class="button-primary club-button" href="<?php echo esc_url( $ab_install_url ); ?>"><?php esc_html_e( 'Install Atomic Blocks now', 'atomic-blocks' ); ?> →</a>
238	<?php } else if ( array_key_exists( 'atomic-blocks/atomicblocks.php', get_plugins() ) && ! is_plugin_active( 'atomic-blocks/atomicblocks.php' ) ) { ?>
239	<?php activate_plugin( 'atomic-blocks/atomicblocks.php' ); ?>
240	<strong><i class="fa fa-check"></i> <?php esc_html_e( 'Plugin activated!', 'atomic-blocks' ); ?></strong>
	@@ -251,12 +251,14 @@ function atomic_blocks_getting_started_page() {
251	<div class="panel-aside panel-ab-plugin panel-club">
252	<div class="panel-club-inside">
253	<div class="cell panel-title">
254	- <h3><i class="fa fa-download"></i> <?php esc_html_e( '~~Download~~ ~~the~~ ~~Theme~~', 'atomic-blocks' ); ?></h3>
255	</div>
256
257	<ul>
258	<li class="cell">
259	- <p~~><?~~php ~~esc_html_e~~( '~~Download~~ ~~our~~ ~~free~~ ~~Atomic~~ ~~Blocks~~ theme to ~~help~~ ~~you~~ ~~get~~ ~~started~~ ~~with~~ ~~the~~ Atomic Blocks ~~plugin and the new WordPress block editor.~~', 'atomic-blocks' ); ~~?></~~p>


260
261	<a class="button-primary club-button" target="_blank" href="<?php echo esc_url( 'https://goo.gl/FCT6xS' ); ?>"><?php esc_html_e( 'Download Now', 'atomic-blocks' ); ?> →</a>
262	</li>


28	wp_enqueue_style( 'atomic-blocks-getting-started' );
29
30	// FontAwesome
31	+ wp_register_style( 'atomic-blocks-fontawesome', plugins_url( '/inc/fontawesome/css/fontawesome-all.css', dirname( __FILE__ ) ), false, '1.0.0' );
32	wp_enqueue_style( 'atomic-blocks-fontawesome' );
33	}
34	add_action( 'admin_enqueue_scripts', 'atomic_blocks_start_load_admin_scripts' );

108	'install-plugin_atomic-blocks'
109	);
110	?>
111	+ <div class="wrap ab-getting-started">
112	<div class="intro-wrap">
113	<div class="intro">
114	+ <a href="<?php echo esc_url('https://goo.gl/NfXcof'); ?>"><img class="atomic-logo" src="<?php echo esc_url( plugins_url( 'logo.png', __FILE__ ) ); ?>" alt="<?php esc_html_e( 'Visit Atomic Blocks', 'atomic-blocks' ); ?>" /></a>
115	<h3><?php printf( esc_html__( 'Getting started with', 'atomic-blocks' ) ); ?> <strong><?php printf( esc_html__( 'Atomic Blocks', 'atomic-blocks' ) ); ?></strong></h3>
116	</div>
117
118	<ul class="inline-list">
119	<li class="current"><a id="plugin-help" href="#"><i class="fa fa-plug"></i> <?php esc_html_e( 'Plugin Help File', 'atomic-blocks' ); ?></a></li>
120	<li><a id="theme-help" href="#"><i class="fa fa-check"></i> <?php esc_html_e( 'Theme Help File', 'atomic-blocks' ); ?></a></li>
121	+ <li><a id="updates" href="#"><i class="fa fa-sync-alt"></i> <?php esc_html_e( 'Latest Updates', 'atomic-blocks' ); ?></a></li>
122	<li><a id="themes" href="#"><i class="fa fa-arrow-circle-down"></i> <?php esc_html_e( 'Get More Themes', 'atomic-blocks' ); ?></a></li>
123	</ul>
124	</div>

208	<div class="panel-right">
209
210	<?php if( ! function_exists( 'gutenberg_init' ) \|\| ! function_exists( 'atomic_blocks_loader' ) ) { ?>
211	+ <div class="panel-aside panel-ab-plugin panel-club ab-quick-start">
212	<div class="panel-club-inside">
213	<div class="cell panel-title">
214	<h3><i class="fa fa-check"></i> <?php esc_html_e( 'Quick Start Checklist', 'atomic-blocks' ); ?></h3>

220	<p><?php esc_html_e( 'Gutenberg adds the new block-based editor to WordPress. You will need this to work with the Atomic Blocks plugin.', 'atomic-blocks' ); ?></p>
221
222	<?php if( ! array_key_exists( 'gutenberg/gutenberg.php', get_plugins() ) ) { ?>
223	+ <a class="button-primary club-button" href="<?php echo esc_url( $gberg_install_url ); ?>"><?php esc_html_e( 'Install Gutenberg now', 'atomic-blocks' ); ?> →</a>
224	<?php } else if ( array_key_exists( 'gutenberg/gutenberg.php', get_plugins() ) && ! is_plugin_active( 'gutenberg/gutenberg.php' ) ) { ?>
225	<?php activate_plugin( 'gutenberg/gutenberg.php' ); ?>
226	<strong><i class="fa fa-check"></i> <?php esc_html_e( 'Plugin activated!', 'atomic-blocks' ); ?></strong>

234	<p><?php esc_html_e( 'Atomic Blocks adds several handy content blocks to the Gutenberg block editor.', 'atomic-blocks' ); ?></p>
235
236	<?php if( ! array_key_exists( 'atomic-blocks/atomicblocks.php', get_plugins() ) ) { ?>
237	+ <a class="button-primary club-button" href="<?php echo esc_url( $ab_install_url ); ?>"><?php esc_html_e( 'Install Atomic Blocks now', 'atomic-blocks' ); ?> →</a>
238	<?php } else if ( array_key_exists( 'atomic-blocks/atomicblocks.php', get_plugins() ) && ! is_plugin_active( 'atomic-blocks/atomicblocks.php' ) ) { ?>
239	<?php activate_plugin( 'atomic-blocks/atomicblocks.php' ); ?>
240	<strong><i class="fa fa-check"></i> <?php esc_html_e( 'Plugin activated!', 'atomic-blocks' ); ?></strong>

251	<div class="panel-aside panel-ab-plugin panel-club">
252	<div class="panel-club-inside">
253	<div class="cell panel-title">
254	+ <h3><i class="fa fa-download"></i> <?php esc_html_e( 'Free Theme Download', 'atomic-blocks' ); ?></h3>
255	</div>
256
257	<ul>
258	<li class="cell">
259	+ <p><a class="ab-theme-image" href="<?php echo esc_url('https://goo.gl/FCT6xS'); ?>"><img src="<?php echo esc_url( plugins_url( 'theme.jpg', __FILE__ ) ); ?>" alt="<?php esc_html_e( 'Visit Atomic Blocks', 'atomic-blocks' ); ?>" /></a></p>
260	+
261	+ <p><?php esc_html_e( 'Download our FREE Atomic Blocks theme to help you get started with the Atomic Blocks plugin and the new WordPress block editor.', 'atomic-blocks' ); ?></p>
262
263	<a class="button-primary club-button" target="_blank" href="<?php echo esc_url( 'https://goo.gl/FCT6xS' ); ?>"><?php esc_html_e( 'Download Now', 'atomic-blocks' ); ?> →</a>
264	</li>

dist/getting-started/logo.png ADDED Viewed

Binary file

dist/getting-started/theme.jpg ADDED Viewed

Binary file

Atomic Blocks – Gutenberg Blocks Collection - Version 1.0.8

Version Description

Release Info

Code changes from version 1.0.7 to 1.0.8