@ecored-sena/base-kit 0.0.3 → 0.0.4

package/dist/downloads/t1/Animaciones.txt

@@ -1,51 +0,0 @@
-<template lang="pug">
-.curso-main-container.pb-3
-  BannerInterno
-  .container.tarjeta.tarjeta--blanca.p-4.p-md-5
-
-    h3.titulo-tercero Fade
-    .row.mb-5
-      .col-sm-6.col-md-4.col-lg-3.col-xxl-2.mb-3
-        .tarjeta.color-primario.text-center.p-3(data-aos="fade")
-          h3.mb-0 fade
-      .col-sm-6.col-md-4.col-lg-3.col-xxl-2.mb-3
-        .tarjeta.color-secundario.text-center.p-3(data-aos="fade-up")
-          h3.mb-0 fade-up
-      .col-sm-6.col-md-4.col-lg-3.col-xxl-2.mb-3
-        .tarjeta.color-acento-contenido.text-center.p-3(data-aos="fade-down")
-          h3.mb-0 fade-down
-      .col-sm-6.col-md-4.col-lg-3.col-xxl-2.mb-3
-        .tarjeta.color-acento-botones.text-center.p-3(data-aos="fade-left")
-          h3.mb-0 fade-left
-      .col-sm-6.col-md-4.col-lg-3.col-xxl-2.mb-3
-        .tarjeta.color-primario.text-center.p-3(data-aos="fade-right")
-          h3.mb-0 fade-right
-      .col-sm-6.col-md-4.col-lg-3.col-xxl-2.mb-3
-        .tarjeta.color-secundario.text-center.p-3(data-aos="fade-up-right")
-          h3.mb-0 fade-up-right
-      .col-sm-6.col-md-4.col-lg-3.col-xxl-2.mb-3
-        .tarjeta.color-acento-contenido.text-center.p-3(data-aos="fade-up-left")
-          h3.mb-0 fade-up-left
-      .col-sm-6.col-md-4.col-lg-3.col-xxl-2.mb-3
-        .tarjeta.color-acento-botones.text-center.p-3(data-aos="fade-down-right")
-          h3.mb-0 fade-down-right
-      .col-sm-6.col-md-4.col-lg-3.col-xxl-2.mb-3
-        .tarjeta.color-primario.text-center.p-3(data-aos="fade-down-left")
-          h3.mb-0 fade-down-left
-
-</template>
-
-<script>
-export default {
-  components: {},
-  data: () => ({}),
-  mounted() {
-    this.$nextTick(() => {
-      this.$aosRefresh()
-    })
-  },
-  updated() {
-    this.$aosRefresh()
-  },
-}
-</script>

package/dist/downloads/t1/Botones.txt

@@ -1,57 +0,0 @@
-<template lang="pug">
-.curso-main-container.pb-3
-  BannerInterno
-  .container.tarjeta.tarjeta--blanca.p-4.p-md-5
-
-    .row.mb-3
-        a.boton.me-3.indicador__container(
-          :href="obtenerLink('/downloads/prueba.pdf')"
-          target="_blank"
-          type="application/pdf"
-          @mouseover="mostrarIndicador = false")
-          span Descargar
-          i.fas.fa-file-download
-          .indicador--click(v-if="mostrarIndicador")
-      .mb-3
-        a.boton.color-primario.me-3(:href="obtenerLink('/downloads/prueba.pdf')" target="_blank" type="application/pdf")
-          span Descargar
-          i.fas.fa-file-download
-        a.boton.color-secundario.me-3(:href="obtenerLink('/downloads/prueba.pdf')" target="_blank" type="application/pdf")
-          span Descargar
-          i.fas.fa-file-download
-        a.boton.color-acento-contenido.me-3(:href="obtenerLink('/downloads/prueba.pdf')" target="_blank" type="application/pdf")
-          span Descargar
-          i.fas.fa-file-download
-        a.boton.color-acento-botones.me-3(:href="obtenerLink('/downloads/prueba.pdf')" target="_blank" type="application/pdf")
-          span Descargar
-          i.fas.fa-file-download
-      div
-        a.boton--sm.color-primario.texto-blanco.me-3(:href="obtenerLink('/downloads/prueba.pdf')" target="_blank" type="application/pdf")
-          span Descargar
-          i.fas.fa-file-download
-        a.boton--sm.color-secundario.texto-blanco.me-3(:href="obtenerLink('/downloads/prueba.pdf')" target="_blank" type="application/pdf")
-          span Descargar
-          i.fas.fa-file-download
-        a.boton--sm.color-acento-contenido.texto-blanco.me-3(:href="obtenerLink('/downloads/prueba.pdf')" target="_blank" type="application/pdf")
-          span Descargar
-          i.fas.fa-file-download
-        a.boton--sm.color-acento-botones.texto-blanco.me-3(:href="obtenerLink('/downloads/prueba.pdf')" target="_blank" type="application/pdf")
-          span Descargar
-          i.fas.fa-file-download
-          
-</template>
-
-<script>
-export default {
-  components: {},
-  data: () => ({}),
-  mounted() {
-    this.$nextTick(() => {
-      this.$aosRefresh()
-    })
-  },
-  updated() {
-    this.$aosRefresh()
-  },
-}
-</script>

package/dist/downloads/t1/Cajon.txt

@@ -1,34 +0,0 @@
-<template lang="pug">
-.curso-main-container.pb-3
-  BannerInterno
-  .container.tarjeta.tarjeta--blanca.p-4.p-md-5
-
-    .row
-      .col-lg-5
-        .cajon.color-acento-contenido.p-4
-          .h5 Cajón texto color
-          p.mb-0 Se puede usar dos o más columnas para diagramar el texto, estos elementos pueden presentar contenedores que permitan diferenciar ideas o conceptos.
-      .col-lg-7
-        //- .cajon-b debe ir acompañado de una de una de estas clases => 
-        //- .color-primario, .color-secundario, .color-acento-contenido, .color-acento-botones
-        //- .arriba-derecha, .abajo-derecha, .abajo-izquierda (arriba-izquierda esta por defecto)
-        .cajon-b.color-primario.p-3.mb-5
-          p.mb-0 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vel porta justo. Praesent congue nibh a justo ornare, eget vulputate nisl eleifend. Cras interdum finibus lacinia. Fusce dignissim sapien sit amet orci imperdiet, pharetra maximus nisi ullamcorper. Aliquam interdum elit ac nisi viverra, ultrices finibus est ultricies. Fusce tincidunt velit nulla. Aliquam eleifend libero eu neque rhoncus, sed placerat mi ornare.
-
-          
-</template>
-
-<script>
-export default {
-  components: {},
-  data: () => ({}),
-  mounted() {
-    this.$nextTick(() => {
-      this.$aosRefresh()
-    })
-  },
-  updated() {
-    this.$aosRefresh()
-  },
-}
-</script>

package/dist/downloads/t1/Cajon2.txt

@@ -1,31 +0,0 @@
-<template lang="pug">
-.curso-main-container.pb-3
-  BannerInterno
-  .container.tarjeta.tarjeta--blanca.p-4.p-md-5
-
-    .bloque-texto-g.color-secundario.p-3.p-sm-4.p-md-5
-      .bloque-texto-g__img(
-        :style="{'background-image': `url(${require('@/assets/curso/temas/texto_destacado/img.jpg')})`}"
-      )
-      .bloque-texto-g__texto.p-4
-        p.mb-0 Think about all the possibilities. A good composition is the result of a hierarchy consisting of clearly contrasting elements set with distinct alignments containing irregular intervals of negative space. Nothing of without working at it. Be impossible to ignore.
-          br
-          br
-          | Stand so tall that they can’t look past you. Saul Bass on failure: Failure is built into creativity… the creative act involves this element of ‘newness’ and ‘experimentalism,’ then one must expect accept possibility of failure.   
-
-</template>
-
-<script>
-export default {
-  components: {},
-  data: () => ({}),
-  mounted() {
-    this.$nextTick(() => {
-      this.$aosRefresh()
-    })
-  },
-  updated() {
-    this.$aosRefresh()
-  },
-}
-</script>

package/dist/downloads/t1/Cajon3.txt

@@ -1,31 +0,0 @@
-<template lang="pug">
-.curso-main-container.pb-3
-  BannerInterno
-  .container.tarjeta.tarjeta--blanca.p-4.p-md-5
-
-    .bloque-texto-g.bloque-texto-g--inverso.color-secundario.p-3.p-sm-4.p-md-5
-      .bloque-texto-g__img(
-        :style="{'background-image': `url(${require('@/assets/curso/temas/texto_destacado/img.jpg')})`}"
-      )
-      .bloque-texto-g__texto.p-4
-        p.mb-0 Think about all the possibilities. A good composition is the result of a hierarchy consisting of clearly contrasting elements set with distinct alignments containing irregular intervals of negative space. Nothing of without working at it. Be impossible to ignore.
-          br
-          br
-          | Stand so tall that they can’t look past you. Saul Bass on failure: Failure is built into creativity… the creative act involves this element of ‘newness’ and ‘experimentalism,’ then one must expect accept possibility of failure. 
-
-</template>
-
-<script>
-export default {
-  components: {},
-  data: () => ({}),
-  mounted() {
-    this.$nextTick(() => {
-      this.$aosRefresh()
-    })
-  },
-  updated() {
-    this.$aosRefresh()
-  },
-}
-</script>

package/dist/downloads/t1/Citas.txt

@@ -1,33 +0,0 @@
-<template lang="pug">
-.curso-main-container.pb-3
-  BannerInterno
-  .container.tarjeta.tarjeta--blanca.p-4.p-md-5
-
-    h3.titulo-tercero Cajón texto color A
-    .bloque-texto-a.color-secundario.p-4.p-md-5.mb-5 
-      .row.m-0.align-items-center.justify-content-between
-        .col-lg-4.mb-4.mb-lg-0
-          h2.mb-0 Whatever can be captured in words can be conquered with understanding. 
-        .col-lg-8
-          .bloque-texto-a__texto.p-4
-            p Think about all the possibilities. A good composition is the result of a hierarchy consisting of clearly contrasting elements set with distinct alignments containing irregular intervals of negative space. Nothing of without working at it. Be impossible to ignore.
-              br
-              br
-              | Stand so tall that they can’t look past you. Saul Bass on failure: Failure is built into creativity… the creative act involves this element of ‘newness’ and ‘experimentalism,’ then one must expect accept possibility of failure. 
-
-</template>
-
-<script>
-export default {
-  components: {},
-  data: () => ({}),
-  mounted() {
-    this.$nextTick(() => {
-      this.$aosRefresh()
-    })
-  },
-  updated() {
-    this.$aosRefresh()
-  },
-}
-</script>

package/dist/downloads/t1/Citas2.txt

@@ -1,39 +0,0 @@
-<template lang="pug">
-.curso-main-container.pb-3
-  BannerInterno
-  .container.tarjeta.tarjeta--blanca.p-4.p-md-5
-
-    .row
-      .col-lg-6.mb-5.mb-lg-0
-        h3.titulo-tercero Cajón texto color B
-        .bloque-texto-b.color-secundario.p-4
-          .bloque-texto-b__texto
-            i.fas.fa-quote-left
-            h2.mb-0 Can we all just agree as the greater design community to stop talking about Comic Sans altogether?
-            i.fas.fa-quote-right
-
-      .col-lg-6
-        h3.titulo-tercero Cajón texto color C
-        .bloque-texto-c.color-primario.p-4
-          i.fas.fa-quote-right
-          h2.mb-2 Then you’ll prove to yourself that you can survive anything.
-          span - The graphic designer
-
-
-    
-</template>
-
-<script>
-export default {
-  components: {},
-  data: () => ({}),
-  mounted() {
-    this.$nextTick(() => {
-      this.$aosRefresh()
-    })
-  },
-  updated() {
-    this.$aosRefresh()
-  },
-}
-</script>

package/dist/downloads/t1/Citas3.txt

@@ -1,51 +0,0 @@
-<template lang="pug">
-.curso-main-container.pb-3
-  BannerInterno
-  .container.tarjeta.tarjeta--blanca.p-4.p-md-5
-
-    .row.mb-5
-      .col-lg-6.mb-5.mb-lg-0
-        h3.titulo-tercero Cajón texto color D
-        .bloque-texto-d.color-secundario.p-4
-          .bloque-texto-d__texto.mb-2
-            i.fas.fa-quote-left
-            h3.text-regular Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tincidunt augue in augue tempus, in dapibus justo interdum. Sed viverra sed odio quis rhoncus. In elementum purus massa, id venenatis purus ullamcorper ut. Vestibulum vel dictum dolor, nec fringilla orci. Nulla vestibulum, metus nec porttitor bibendum, lectus ligula viverra eros, eget tempor risus nulla pretium justo. Nullam turpis dolor, pharetra vel fermentum at, rutrum in elit. Maecenas vitae hendrerit libero, et ornare augue. Vestibulum iaculis, metus et accumsan malesuada, ligula sapien convallis risus, a iaculis velit ante at turpis. Vivamus bibendum tellus sed tincidunt rhoncus. Nam velit massa, porttitor eget quam et, porttitor viverra eros. Donec eget pharetra metus. Cras porta arcu eu mauris iaculis euismod. Sed fringilla vel nisl quis aliquam.
-            i.fas.fa-quote-right
-          .bloque-texto-d__autor 
-            .h5.mb-0 The graphic designer
-            .h6.mb-0 Lorem ipsum dolor sit amet
-
-      .col-lg-6
-        h3.titulo-tercero Cajón texto color E
-        .bloque-texto-e.color-secundario.p-4
-          .bloque-texto-e__texto
-            i.fas.fa-quote-left
-            h2.text-regular Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tincidunt augue in augue tempus, in dapibus justo interdum. Sed viverra sed odio quis rhoncus. In elementum purus massa, id venenatis purus ullamcorper ut. Vestibulum vel dictum dolor, nec fringilla orci. Nulla vestibulum, metus nec porttitor bibendum, lectus ligula viverra eros, eget tempor risus nulla pretium justo. Nullam turpis dolor, pharetra vel fermentum at, rutrum in elit. Maecenas vitae hendrerit libero, et ornare augue. Vestibulum iaculis, metus et accumsan malesuada.
-            i.fas.fa-quote-right
-          .row.align-items-end
-            .col
-              .bloque-texto-e__autor 
-                .h5.mb-0 The graphic designer
-                .h6.mb-0 Lorem ipsum dolor sit amet
-            .col-4
-              img(src='@/assets/template/img-placeholder-1-1.svg', alt='Texto que describa la imagen')
-
-
-
-    
-</template>
-
-<script>
-export default {
-  components: {},
-  data: () => ({}),
-  mounted() {
-    this.$nextTick(() => {
-      this.$aosRefresh()
-    })
-  },
-  updated() {
-    this.$aosRefresh()
-  },
-}
-</script>

package/dist/downloads/t1/Citas4.txt

@@ -1,32 +0,0 @@
-<template lang="pug">
-.curso-main-container.pb-3
-  BannerInterno
-  .container.tarjeta.tarjeta--blanca.p-4.p-md-5
-
-    .bloque-texto-f.color-acento-contenido.pt-4.px-5.mb-5
-      .bloque-texto-f__comillas
-        i.fas.fa-quote-left
-        i.fas.fa-quote-right
-      h4.text-regular.bloque-texto-f__texto Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tincidunt augue in augue tempus, in dapibus justo interdum. Sed viverra sed odio quis rhoncus. In elementum purus massa, id venenatis purus ullamcorper ut. Vestibulum vel dictum dolor, nec fringilla orci. Nulla vestibulum, metus nec porttitor bibendum, lectus ligula viverra eros, eget tempor risus nulla pretium justo. Nullam turpis dolor, pharetra vel fermentum at, rutrum in elit. Maecenas vitae hendrerit libero, et ornare augue. Vestibulum iaculis, metus et accumsan malesuada, ligula sapien convallis risus, a iaculis velit ante at turpis. Vivamus bibendum tellus sed tincidunt rhoncus. Nam velit massa, porttitor eget quam et, porttitor viverra eros. Donec eget pharetra metus. Cras porta arcu eu mauris iaculis euismod. Sed fringilla vel nisl quis aliquam.
-      .bloque-texto-f__autor.mb-3
-        h3.mb-0 The graphic designer
-      .bloque-texto-f__avatar
-        .bloque-texto-f__avatar__img
-          img(src='@/assets/template/img-placeholder-1-1.svg', alt='Texto que describa la imagen')
-
-</template>
-
-<script>
-export default {
-  components: {},
-  data: () => ({}),
-  mounted() {
-    this.$nextTick(() => {
-      this.$aosRefresh()
-    })
-  },
-  updated() {
-    this.$aosRefresh()
-  },
-}
-</script>

package/dist/downloads/t1/Encabezados.txt

@@ -1,40 +0,0 @@
-<template lang="pug">
-.curso-main-container.pb-3
-  BannerInterno
-  .container.tarjeta.tarjeta--blanca.p-4.p-md-5
-
-    .titulo-principal.color-acento-botones
-      .titulo-principal__numero
-        span 1
-      h1 Título principal, 30pt        
-
-    .titulo-segundo.color-primario
-      h2 1.1  Título de segundo nivel, 24pt
-
-    h3.titulo-tercero Título de tercer nivel, 20pt 
-
-    h4.titulo-cuarto Título de cuarto nivel, 18pt
-
-    .titulo-quinto.color-primario
-      h4 Título de quinto nivel, 18pt
-
-    .titulo-sexto.color-primario
-      h5 Título de sexto nivel, 16pt
-      span subtitulo
-
-</template>
-
-<script>
-export default {
-  components: {},
-  data: () => ({}),
-  mounted() {
-    this.$nextTick(() => {
-      this.$aosRefresh()
-    })
-  },
-  updated() {
-    this.$aosRefresh()
-  },
-}
-</script>

package/dist/downloads/t1/Externos.txt

@@ -1,60 +0,0 @@
-<template lang="pug">
-.curso-main-container.pb-3
-  BannerInterno
-  .container.tarjeta.tarjeta--blanca.p-4.p-md-5
-
-    .row
-      .col-lg-6
-        a.anexo.mb-4(:href="obtenerLink('/downloads/prueba.pdf')" target="_blank")
-          .anexo__icono
-            img(src="@/assets/template/icono-pdf.svg")
-          .anexo__texto
-            p Anexo. Consideraciones generales de tratamiento clínico del paciente con COVID-19 en el servicio de urgencias
-          
-        a.anexo.mb-4(:href="obtenerLink('/downloads/prueba.pdf')" target="_blank")
-          .anexo__icono
-            img(src="@/assets/template/icono-doc.svg")
-          .anexo__texto
-            p Anexo. Consideraciones generales de tratamiento clínico del paciente con COVID-19 en el servicio de urgencias
-          
-        a.anexo.mb-4(:href="obtenerLink('/downloads/prueba.pdf')" target="_blank")
-          .anexo__icono
-            img(src="@/assets/template/icono-xls.svg")
-          .anexo__texto
-            p Anexo. Consideraciones generales de tratamiento clínico del paciente con COVID-19 en el servicio de urgencias
-          
-      .col-lg-6
-        a.anexo.mb-4(:href="obtenerLink('/downloads/prueba.pdf')" target="_blank")
-          .anexo__icono
-            img(src="@/assets/template/icono-zip.svg")
-          .anexo__texto
-            p Anexo. Consideraciones generales de tratamiento clínico del paciente con COVID-19 en el servicio de urgencias
-          
-        a.anexo.mb-4(:href="obtenerLink('/downloads/prueba.pdf')" target="_blank")
-          .anexo__icono
-            img(src="@/assets/template/icono-ppt.svg")
-          .anexo__texto
-            p Anexo. Consideraciones generales de tratamiento clínico del paciente con COVID-19 en el servicio de urgencias
-          
-        a.anexo.mb-4.mb-lg-0(href="https://en.wikipedia.org/wiki/Main_Page" target="_blank")
-          .anexo__icono
-            img(src="@/assets/template/icono-link.svg")
-          .anexo__texto
-            p Anexo. Consideraciones generales de tratamiento clínico del paciente con COVID-19 en el servicio de urgencias 
-
-</template>
-
-<script>
-export default {
-  components: {},
-  data: () => ({}),
-  mounted() {
-    this.$nextTick(() => {
-      this.$aosRefresh()
-    })
-  },
-  updated() {
-    this.$aosRefresh()
-  },
-}
-</script>

package/dist/downloads/t1/Externos2.txt

@@ -1,35 +0,0 @@
-<template lang="pug">
-.curso-main-container.pb-3
-  BannerInterno
-  .container.tarjeta.tarjeta--blanca.p-4.p-md-5
-
-    .tarjeta.color-primario.p-3.mb-5
-      .row.justify-content-around.align-items-center
-        .col-3.col-sm-2.col-lg-1
-          img(src="@/assets/componentes/ej-02.svg")
-        .col
-          .row.justify-content-between.align-items-center
-            .col.mb-3.mb-sm-0
-              h4.mb-1 Título del recurso
-              p.mb-0 Consideraciones generales de tratamiento clínico del paciente con COVID-19 en el servicio de urgencias  
-            .col-sm-auto
-              a.boton.color-acento-contenido.texto-blanco(:href="obtenerLink('/downloads/prueba.pdf')" target="_blank")
-                span Descargar
-                i.fas.fa-file-download
-
-</template>
-
-<script>
-export default {
-  components: {},
-  data: () => ({}),
-  mounted() {
-    this.$nextTick(() => {
-      this.$aosRefresh()
-    })
-  },
-  updated() {
-    this.$aosRefresh()
-  },
-}
-</script>

package/dist/downloads/t1/Imagenes.txt

@@ -1,29 +0,0 @@
-<template lang="pug">
-.curso-main-container.pb-3
-  BannerInterno
-  .container.tarjeta.tarjeta--blanca.p-4.p-md-5
-
-    .titulo-sexto.color-acento-contenido.mb-3
-      h5 Título de sexto nivel, 16pt
-      span subtitulo  
-          
-    figure
-      img(src='@/assets/template/img-placeholder.svg', alt='Texto que describa la imagen')
-      figcaption Leyenda de la imagen 
-
-</template>
-
-<script>
-export default {
-  components: {},
-  data: () => ({}),
-  mounted() {
-    this.$nextTick(() => {
-      this.$aosRefresh()
-    })
-  },
-  updated() {
-    this.$aosRefresh()
-  },
-}
-</script>

package/dist/downloads/t1/Imagenes2.txt

@@ -1,42 +0,0 @@
-<template lang="pug">
-.curso-main-container.pb-3
-  BannerInterno
-  .container.tarjeta.tarjeta--blanca.p-4.p-md-5
-
-    .row.justify-content-between
-      .col-md-6.col-lg-4
-        //- .imagen-titulo--der debe ir acompañado de una de una de estas clases => 
-        //- .color-primario, .color-secundario, .color-acento-contenido, .color-acento-botones
-        .imagen-titulo--der.color-secundario
-          figure
-            img(src='@/assets/template/img-placeholder-1-1.svg', alt='Texto que describa la imagen')
-
-          .imagen-titulo__titulo
-            h4.m-0 Titulo de imagen
-      
-      .col-md-6.col-lg-4
-        //- .imagen-titulo--izq debe ir acompañado de una de una de estas clases => 
-        //- .color-primario, .color-secundario, .color-acento-contenido, .color-acento-botones
-        .imagen-titulo--izq.color-acento-botones
-          figure
-            img(src='@/assets/template/img-placeholder-1-1.svg', alt='Texto que describa la imagen')
-
-          .imagen-titulo__titulo
-            h4.m-0 Titulo de imagen
-
-</template>
-
-<script>
-export default {
-  components: {},
-  data: () => ({}),
-  mounted() {
-    this.$nextTick(() => {
-      this.$aosRefresh()
-    })
-  },
-  updated() {
-    this.$aosRefresh()
-  },
-}
-</script>

package/dist/downloads/t1/Listas.txt

@@ -1,79 +0,0 @@
-<template lang="pug">
-.curso-main-container.pb-3
-  BannerInterno
-  .container.tarjeta.tarjeta--blanca.p-4.p-md-5
-
-    .row.mb-5
-      .col-md.mb-5.mb-sm-0
-        h4 Listado ordenado básico
-        ol.lista-ol
-          li 
-            span.text-bold 1. 
-            | Item lista ordenada 1
-          li 
-            span.text-bold 2. 
-            | Item lista ordenada 2
-          li 
-            span.text-bold a. 
-            | Item lista ordenada a
-          li 
-            span.text-bold b. 
-            | Item lista ordenada b 
-
-      .col-sm.mb-5.mb-sm-0
-        h4 Listado ordenado cuadro color
-        ol.lista-ol--cuadro
-          li 
-            .lista-ol--cuadro__vineta
-              span 1
-            | Item lista ordenada 1
-          li 
-            .lista-ol--cuadro__vineta
-              span 2
-            | Item lista ordenada 2
-          li 
-            .lista-ol--cuadro__vineta
-              span a
-            | Item lista ordenada a
-          li 
-            .lista-ol--cuadro__vineta
-              span b
-            | Item lista ordenada b
-
-      .col-sm.mb-5.mb-sm-0
-        h4 Listado ordenado cuadro color + separadores
-        ol.lista-ol--cuadro.lista-ol--separador
-          li 
-            .lista-ol--cuadro__vineta
-              span 1
-            | Item lista ordenada 1
-          li 
-            .lista-ol--cuadro__vineta
-              span 2
-            | Item lista ordenada 3
-          li 
-            .lista-ol--cuadro__vineta
-              span a
-            | Item lista ordenada a
-          li 
-            .lista-ol--cuadro__vineta
-              span b
-            | Item lista ordenada b
-
-
-</template>
-
-<script>
-export default {
-  components: {},
-  data: () => ({}),
-  mounted() {
-    this.$nextTick(() => {
-      this.$aosRefresh()
-    })
-  },
-  updated() {
-    this.$aosRefresh()
-  },
-}
-</script>