fix: small fixes

src/views/base/Breadcrumbs.vue

@@ -18,7 +18,7 @@
               </div>
             </CCardHeader>
             <CCardBody>
-              <CBreadcrumb :items="items" add-link-classes="sss" last-item-classes="aaa"/>
+              <CBreadcrumb :items="items"/>
               <CBreadcrumb :items="items2"/>
               <CBreadcrumb :items="items3"/>
             </CCardBody>
@@ -34,46 +34,67 @@ export default {
   name: 'breadcrumbs',
   data () {
     return {
-      items: [{
-        textHtml: '<b>Admin</b>',
-        href: '#'
-      }, {
-        textHtml: 'Manage',
-        href: '#'
-      }, {
-        textHtml: 'Library'
-      }],
+      items: [
+        {
+          textHtml: '<b>Admin</b>',
+          href: '#'
+        }, 
+        {
+          textHtml: 'Manage',
+          href: '#'
+        }, 
+        {
+          textHtml: 'Library'
+        }
+      ],
 
 
-      items2: [{
-        textHtml: 'Go to dashboard',
-        to: '/dashboard'
-      }, {
-        textHtml: 'Go to widgets',
-        to: '/Widgets'
-      }, {
-        textHtml: 'Go to Google',
-        href: 'http://google.com'
-      },{
-        textHtml: 'Current page'
-      }],
+      items2: [
+        {
+          textHtml: 'Go to dashboard',
+          to: '/dashboard'
+        }, 
+        {
+          textHtml: 'Go to widgets',
+          to: '/Widgets'
+        }, 
+        {
+          textHtml: 'Go to Google',
+          href: 'http://google.com'
+        },
+        {
+          textHtml: 'Current page'
+        }
+      ],
 
 
-      items3: [{
-        textHtml: 'Link',
-        to: '#2',
-        activeClass: 'c-bg-info c-p-1'
-      }, {
-        textHtml: 'Active',
-        to: '#3',
-        activeClass: 'c-bg-warning c-p-1',
-        addLinkClasses: 'c-bg-info c-p-1'
-      },{
-        textHtml: 'Classes',
-        to: '#4',
-        activeClass: 'c-bg-danger c-p-1',
-      }]
+      items3: [
+        {
+          textHtml: 'Added',
+          to: '#2',
+          addClasses: 'c-font-xl'
+        }, 
+        {
+          textHtml: 'Custom',
+          to: '#3',
+          addClasses: 'c-font-xl'
+        },
+        {
+          textHtml: 'Classes',
+          to: '#4',
+          addClasses: 'c-font-xl c-text-danger'
+        }
+      ]
     }
   }
 }
 </script>
+
+<style>
+  .c-breadcrumb-item + .c-font-xl.c-breadcrumb-item::before {
+    color: rgb(140, 195, 38);
+    content: '>>';
+    padding: 0px 10px;
+
+  }
+</style>