Estilos globales
:global(body) {
}
Declaración de variables globales CSS
:global(:root) {
}
Introducción
Para qué sirve Svelte y qué aprenderas sobre él
¿Qué es Svelte?
Elementos básicos de Svelte
Primeros pasos
Estilos
Componentes
Reactividad
Props
Condicionales
Estructura de control: each
Eventos del DOM y Binding
Ciclo de vida
Stores
Configuración del proyecto
Presentación de Pugstagram
Configurar el entorno de trabajo
Servidor de desarrollo local
Desarrollo de la aplicación
Estructura
Componentes Header y Sidebar
Componente Timeline
Estilos de nuestra aplicación
Conectar nuestra aplicación a una API
Componente Comments
Componente Modal
Header Likes
Deployment
Despliegue en Netlify
Continúa con el Curso de Sapper
Apuntes de Svelte
Aportes 26
Preguntas 8
Estilos globales
:global(body) {
}
Declaración de variables globales CSS
:global(:root) {
}
Link del logo: https://arepa.s3.amazonaws.com/svelte-logo.png
Conocía las variables de CSS pero casi no las uso, es posible mezclar Svelte con un preprocesador? Por ejemplo con Sass?
:global con este se establece que va aplicar en toda la aplicacion
Aquí tienen un tutorial simple de cómo integrar Svelte con TailwindCSS, qué se que muchos lo aman TailwindCSS+Svelte
Existe alguna forma de integrar preprocesadores como Sass?
Estoy recién empezando, y es el primer framework de js que aprendo, pero me parece super cómodo poder manipular todo desde archivos js, nunca he visto como funcionan los otros framework, pero que se yo, en fin me emociona aprender esto jjajajaj
Para aplicar estilos globales:
:global(body){
estilos...
}
Para los venezolanos que leímos arepa nos imaginamos otra cosa de logo jaja
Se puede trabajar con Laravel y Svelte, en un mismo proyecto?
Gracias!
Como se podria añadir bootstrap o similar? En la carpeta public y llamandolo en el index.html?
a nadie más le llama la atención el nombre de la URL?
Hola, alguien sabe como hacer para formatear su código con Prettier cuando le da ctrl + s (guardar) ???
Me encantó esta clase, svlete parece ser un framework muy interesante para aprender
Enlace del logo:
https://arepa.s3.amazonaws.com/svelte-logo.png
Ok entonces los estilos y variables globales de CSS explica como lo hacen los preprocesadores como sass, less o stylus.
Además es interesante como las variables se declaran o en nuestro Componente o en nuestro main.js, para definir su alcance, aplicando nuestra definición de Scope.
¿No sería lo más correcto añadir las variables globales y estilos global dentro del fichero global.css de la carpeta public?
cual es la diferencia entre export y solo let? si al final lo uso en el html los dos?
se pueden aplicar estilos con clases?
Se puede trabjar con Css externo?
¿Qué extensiones de VSC estás usando para Svelte?
se ve muy interesante y muy sencillo y dinamo a programacion en svele
hay styled components para svelte ?
Podemos crear nuestro propio template y guardar variables como: Colores, margenes, shadow, etc…
<style>
/** Global styles */
:global(:root) {
--theme-color: purple;
--theme-text-dark-mode: #bfc2c7;
}
👌
Los aportes, preguntas y respuestas son vitales para aprender en comunidad. Regístrate o inicia sesión para participar.