Skip to content

Commit 4e4ebff

Browse files
DavidNietoGonzalezdavidvdshop
DavidNietoGonzalez
and
davidvdshop
authored
chore(mistica-css): fix grid layout clases in example html (#1373)
Web 2192 Fix example page, missing classes added. --------- Co-authored-by: david.nieto <david.nieto@vdshop.es>
1 parent 7b6df80 commit 4e4ebff

1 file changed

Lines changed: 15 additions & 15 deletions

File tree

‎examples/css/index.html‎

Lines changed: 15 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -688,7 +688,7 @@ <h2 class="mistica-card__title">Title</h2>
688688
<h3 class="mistica-text-title2">Grid Layout</h3>
689689
<h4 class="mistica-text-title1">6 + 6</h4>
690690
<section class="mistica-grid-layout" id="mistica-grid">
691-
<div class="mistica-col-6">
691+
<div class="mistica-grid-col-6">
692692
<div
693693
style="
694694
height: 120px;
@@ -704,7 +704,7 @@ <h4 class="mistica-text-title1">6 + 6</h4>
704704
</svg>
705705
</div>
706706
</div>
707-
<div class="mistica-col-6">
707+
<div class="mistica-grid-col-6">
708708
<div
709709
style="
710710
height: 120px;
@@ -723,8 +723,8 @@ <h4 class="mistica-text-title1">6 + 6</h4>
723723
</section>
724724
<h4 class="mistica-text-title1">5 + 4</h4>
725725
<section class="mistica-grid-layout" id="mistica-grid">
726-
<div class="mistica-col-1"></div>
727-
<div class="mistica-col-5">
726+
<div class="mistica-grid-col-1"></div>
727+
<div class="mistica-grid-col-5">
728728
<div
729729
style="
730730
height: 120px;
@@ -740,8 +740,8 @@ <h4 class="mistica-text-title1">5 + 4</h4>
740740
</svg>
741741
</div>
742742
</div>
743-
<div class="mistica-col-1"></div>
744-
<div class="mistica-col-4">
743+
<div class="mistica-grid-col-1"></div>
744+
<div class="mistica-grid-col-4">
745745
<div
746746
style="
747747
height: 120px;
@@ -757,12 +757,12 @@ <h4 class="mistica-text-title1">5 + 4</h4>
757757
</svg>
758758
</div>
759759
</div>
760-
<div class="mistica-col-1"></div>
760+
<div class="mistica-grid-col-1"></div>
761761
</section>
762762
<h4 class="mistica-text-title1">4 + 6</h4>
763763
<section class="mistica-grid-layout" id="mistica-grid">
764-
<div class="mistica-col-1"></div>
765-
<div class="mistica-col-4">
764+
<div class="mistica-grid-col-1"></div>
765+
<div class="mistica-grid-col-4">
766766
<div
767767
style="
768768
height: 120px;
@@ -778,7 +778,7 @@ <h4 class="mistica-text-title1">4 + 6</h4>
778778
</svg>
779779
</div>
780780
</div>
781-
<div class="mistica-col-6">
781+
<div class="mistica-grid-col-6">
782782
<div
783783
style="
784784
height: 120px;
@@ -794,11 +794,11 @@ <h4 class="mistica-text-title1">4 + 6</h4>
794794
</svg>
795795
</div>
796796
</div>
797-
<div class="mistica-col-1"></div>
797+
<div class="mistica-grid-col-1"></div>
798798
</section>
799799
<h4 class="mistica-text-title1">8 + 4</h4>
800800
<section class="mistica-grid-layout" id="mistica-grid">
801-
<div class="mistica-col-8">
801+
<div class="mistica-grid-col-8">
802802
<div
803803
style="
804804
height: 120px;
@@ -814,7 +814,7 @@ <h4 class="mistica-text-title1">8 + 4</h4>
814814
</svg>
815815
</div>
816816
</div>
817-
<div class="mistica-col-4">
817+
<div class="mistica-grid-col-4">
818818
<div
819819
style="
820820
height: 120px;
@@ -833,7 +833,7 @@ <h4 class="mistica-text-title1">8 + 4</h4>
833833
</section>
834834
<h4 class="mistica-text-title1">3 + 9</h4>
835835
<section class="mistica-grid-layout" id="mistica-grid">
836-
<div class="mistica-col-3">
836+
<div class="mistica-grid-col-3">
837837
<div
838838
style="
839839
height: 120px;
@@ -849,7 +849,7 @@ <h4 class="mistica-text-title1">3 + 9</h4>
849849
</svg>
850850
</div>
851851
</div>
852-
<div class="mistica-col-9">
852+
<div class="mistica-grid-col-9">
853853
<div
854854
style="
855855
height: 120px;

0 commit comments

Comments
 (0)