style css - Bsale-IO/template-docs GitHub Wiki

Es un componente insertado dentro del componente head que inserta las librerías css dentro de tu sitio.

  • Si necesitas agregar modificaciones de css puedes hacerlo sobrescribiendo desde la librería modificaciones.css
  • ⚠ Si borras cualquiera de las librerías pueden ocurrir errores de funcionamiento

Estructura Básica Componente

<!-- boostrap 4.x ----><link rel="stylesheet" media="all" href="{{bootstrap4_css}}" > 
<!-- fuentes --------->{{'style css > fuentes y letras' | get_component }}
<!-- bsale -----------><link rel="stylesheet" media="all" href="{{bsale5_css}}">
<!-- style -----------><link rel="stylesheet" media="all" href="{{'style.css' | asset_url }}">
<!-- modificaciones --><link rel="stylesheet" media="all" href="{{'modificaciones.css' | asset_url }}">

Componente style css > fuentes y letras

Es un Componente ubicado dentro de style css que contiene las fuentes cargadas dentro del sitio

<!--
Pega aqui la url que te entrega google font para cargar las fuentes
ejemplo :
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">

NUNCA USES MAS DE 3 LETRAS DIFERENTES 
-->

<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">

Quiero insertar una nueva librería

Si necesitas insertar una librería diferente debes agregarla a [archivos]] y llamarla utilizando el [Filtros de enlaces e Imágenes

Ejemplo

<link rel="stylesheet" media="all" href="{{'mi_archivo_nuevo.css' | asset_url }}">

Al agregarlo debe ser después del las otras librerías

<!-- boostrap 4.x ----><link rel="stylesheet" media="all" href="{{bootstrap4_css}}" > 
<!-- fuentes --------->{{'style css > fuentes y letras' | get_component }}
<!-- bsale -----------><link rel="stylesheet" media="all" href="{{bsale5_css}}">
<!-- style -----------><link rel="stylesheet" media="all" href="{{'style.css' | asset_url }}">
<!-- modificaciones --><link rel="stylesheet" media="all" href="{{'modificaciones.css' | asset_url }}">

<link rel="stylesheet" media="all" href="{{'mi_archivo_nuevo.css' | asset_url }}">