Skip to content

Latest commit

 

History

History
329 lines (259 loc) · 7.57 KB

example.md

File metadata and controls

329 lines (259 loc) · 7.57 KB
Raw
theme layout image
none
intro
Press Space for next page
Slidev Theme
LIGHT ICONS

layout: image-header-intro imageHeader: '/static/light-icons-logo.svg' imageRight: '/static/light-icons-cover.svg'

Handpicked Collection of Premium &
Light-wighted Icons.

layout: dynamic-image image: 'https://source.unsplash.com/collection/94734566/1920x1080' equal: true left: false

Installation 
npm install light-icons --save
Import CSS file 
/* import in CSS files [with CSS Loader] */
@import "~light-icons/dist/light-icon.css";
Easy to use Add light-icon-* class, either in i or span HTML Tag 
<i class="light-icon-facebook"></i>

layout: dynamic-image image: 'https://source.unsplash.com/collection/94734566/1920x1080' equal: false left: false

Image at Right
Theme Configuration 
layout: dynamic-image //Layout Name
image: 'https://source.unsplash.com/collection/94734566/1920x1080'
equal: false
left: false

layout: dynamic-image image: 'https://source.unsplash.com/collection/94734566/1920x1080' equal: false left: true

Image at Left
Theme Configuration 
layout: dynamic-image //Layout Name
image: 'https://source.unsplash.com/collection/94734566/1920x1080'
equal: false
left: true

layout: dynamic-image image: 'https://source.unsplash.com/collection/94734566/1920x1080' equal: true left: false

Equal Width
Theme Configuration 
layout: dynamic-image //Layout Name
image: 'https://source.unsplash.com/collection/94734566/1920x1080'
equal: true
left: false

layout: dynamic-image image: 'https://source.unsplash.com/collection/94734566/1920x1080' upperImage: 'https://source.unsplash.com/collection/94734566/1920x1080' equal: true left: false

Floating image
Theme Configuration 
layout: dynamic-image //Layout Name
image: 'https://source.unsplash.com/collection/94734566/1920x1080'
upperImage: 'https://source.unsplash.com/collection/94734566/1920x1080'
equal: true
left: false

layout: center-image image: '/static/light-icons-screenshot.png'

Designed for Innovative Projects

layout: dynamic-image image: 'https://source.unsplash.com/collection/94734566/1920x1080' equal: false left: false

Simplified Syntax
Universal 
// Universal
<i class="light-icon-brand-facebook"></i>
Inbuilt in theme 
// Inbuilt component in theme
<light-icon icon="brand-facebook" size="24px" />
Inbuilt in theme 
// Inbuilt wrapper-component in theme
<icon-box>
  <light-icon icon="brand-twitter" size="24px" />
</icon-box>

layout: image-left image: '/static/light-icons-illustration.svg' equal: true

Handcrafted Icons...

Your imagination has no boundaries and so does our handpicked collection of premium & light-weighted icons.

Explore and choose icons from the vast landscape of Light-Icons.

layout: center-image

Explore More
<style> a { margin: 10px; } a:hover{ opacity:0.7; } </style>