0.5.5 • Published 7 years ago

icex-landing-uikit v0.5.5

Weekly downloads
232
License
-
Repository
github
Last release
7 years ago

Icex-landing-uikit

Components kit for building ICEX landing pages

Install

npm install icex-landing-uikit --save

How to use

For ssr (nuxt.js)

Create plugin plugins/uiKit.js file.

import Vue from 'vue';
import uiKit from 'icex-landing-uikit';

Vue.use(uiKit);

Init plugin in nuxt.config.js file and add other plugins

head: {
  // uiSocials.vue use Socicon font
  link: [
  { 
    rel: 'stylesheet', 
    href: 'https://s3.amazonaws.com/icomoon.io/114779/Socicon/style.css?u8vidh',
  },
  ],
},
css: [
  //ui kit based on bootstrap 4
  { 
    src: 'node_modules/bootstrap/scss/bootstrap.scss',
    lang: 'sass',
  },
],
build: {
  vendor: [
    'v-click-outside',
  ],
  // fix external error when build page
  extend (config, { isServer }) {
    if (isServer) {
      config.externals = [
        nodeExternals({
          whitelist: [/\.(?!(?:js|json)$).{1,5}$/i, /^icex-landing-uikit/]
        })
      ]
    }
  },
},
plugins: [
  ...
  { src: '~/plugins/uiKit.js', ssr: true },
  // uiHeader.vue use v-click-outside plugin
  { src: '~/plugins/clickOutside.js', ssr: false },
  ...
],

For vue.js project

open main.js file.

import Vue from 'vue';
import uiKit from 'icex-landing-uikit';

Vue.use(uiKit);
//Add link to Socicon font
//install v-click-outside plugin

Colors

Include code below to page styles

  $font-family-base: 'Montserrat' // or any custom font
  // reinit default bootstrap variables
  $primary: #021032 
  $secondary: #0b50cd
  $info: #e7e9f1

  @import "~bootstrap/scss/bootstrap.scss";
  // add uiKit styles
  @import "~icex-landing-uikit/index.sass";
0.5.5

7 years ago

0.5.4

7 years ago

0.5.3

7 years ago

0.5.2

7 years ago

0.5.1

7 years ago

0.5.0

7 years ago

0.4.23

7 years ago

0.4.22

7 years ago

0.4.21

7 years ago

0.4.2

7 years ago

0.4.1

7 years ago

0.4.0

7 years ago

0.3.23

7 years ago

0.3.22

7 years ago

0.3.21

7 years ago

0.3.20

7 years ago

0.3.19

7 years ago

0.3.18

7 years ago

0.3.17

7 years ago

0.3.16

7 years ago

0.3.15

7 years ago

0.3.14

7 years ago

0.3.13

7 years ago

0.3.12

7 years ago

0.3.11

7 years ago

0.3.1

7 years ago

0.3.0

7 years ago

0.2.98

7 years ago

0.2.97

7 years ago

0.2.96

7 years ago

0.2.95

7 years ago

0.2.94

7 years ago

0.2.93

7 years ago

0.2.92

7 years ago

0.2.9

7 years ago

0.2.81

7 years ago

0.2.8

7 years ago

0.2.7

7 years ago

0.2.6

7 years ago

0.2.5

7 years ago

0.2.4

7 years ago

0.2.3

7 years ago

0.2.2

7 years ago

0.2.1

7 years ago

0.2.0

7 years ago

0.1.31

7 years ago

0.1.30

7 years ago

0.1.29

7 years ago

0.1.28

7 years ago

0.1.27

7 years ago

0.1.26

7 years ago

0.1.25

7 years ago

0.1.24

7 years ago

0.1.23

7 years ago

0.1.22

7 years ago

0.1.21

7 years ago

0.1.20

7 years ago

0.1.19

7 years ago

0.1.18

7 years ago

0.1.17

7 years ago

0.1.16

7 years ago

0.1.15

7 years ago

0.1.14

7 years ago

0.1.13

7 years ago

0.1.12

7 years ago

0.1.11

7 years ago

0.1.10

7 years ago

0.1.9

7 years ago

0.1.8

7 years ago

0.1.7

7 years ago

0.1.6

7 years ago

0.1.5

7 years ago

0.1.4

7 years ago

0.1.3

7 years ago

0.1.2

7 years ago

0.1.1

7 years ago

0.1.0

7 years ago