Asmait Ermias

Asmait Ermias

1597782660

Neon is a modern VueJS design library built with Typescript and SASS

neon

Documentation & Demo

Full documentation is available on the demo site.

Installation

Install with NPM:

npm install @aotearoan/neon

or yarn:

yarn add @aotearoan/neon

Usage

Javascript/Typescript

Import components and supporting classes like so:

import { Component, Vue } from 'vue-property-decorator';
import { NeonLogo } from '@aotearoan/neon';

@Component({
  components: {
    NeonLogo,
  },
})
export default class App extends Vue {}

SASS

First select a theme:

  • classic

To use a theme without any customization simply import the basic theme file, e.g. to import the classic theme:

@import '~@aotearoan/neon/themes/classic';

If, however you would like to override/customize the theme then you need to include the following:

.app {
  &.neon-theme--classic {
    // override colors, palettes and other basic variables here BEFORE importing the theme, e.g. $color-primary: #bada55
    @import '~@aotearoan/neon/themes/classic/theme';
    // include custom app SASS here (you can use neon's defined variables, mixins and functions)
    &.neon-mode--dark {
      // override dark mode specific variables here, e.g. $border-color: #bada55
      @import '~@aotearoan/neon/themes/classic/dark';
      // include custom app dark mode SASS here (you can use neon's defined variables, mixins and functions)
    }
    &.neon-mode--light {
      // override light mode specific variables here, e.g. $border-color: #bada55
      @import '~@aotearoan/neon/themes/classic/light';
      // include custom app light mode SASS here (you can use neon's defined variables, mixins and functions)
    }
  }
}

Finally, the theme and mode (light/dark) need to be set on the document, e.g. to set the classic theme and dark mode:

<html class="app neon neon-theme--classic neon-mode--dark">

Download Details:

Author: aotearoan

Demo: https://aotearoan.github.io/neon/

Source Code: https://github.com/aotearoan/neon

#vuejs #vue #javascript

What is GEEK

Buddha Community

Neon is a modern VueJS design library built with Typescript and SASS

Landscapes Website Design | Nature Landscapes Website Designer

Most landscapers think of their website as an online brochure. In reality of consumers have admitted to judging a company’s credibility based on their web design, making your website a virtual sales rep capable of generating massive amounts of leads and sales. If your website isn’t actively increasing leads and new landscaping contracts, it may be time for a redesign.

DataIT Solutions specializes in landscape website designing that are not only beautiful but also rank well in search engine results and convert your visitors into customers. We’ve specialized in the landscaping industry for over 10 years, and we look at your business from an owner’s perspective.

Why use our Landscapes for your landscape design?

  • Superior experience
  • Friendly personal service
  • Choice of design layout
  • Budget sensitive designs
  • Impartial product choice and advice
  • Planting and lighting designs

Want to talk about your website?
If you are a gardener or have a gardening company please do not hesitate to contact us for a quote.
Need help with your website?
Get in touch

#nature landscapes website design #landscapes website design #website design #website designing #website designer #designer

Asmait Ermias

Asmait Ermias

1608255960

Neon is a Modern VueJS Design Library Built with Typescript and SASS

Documentation & Demo

Full documentation is available on the demo site.

Installation

Install with NPM:

npm install @aotearoan/neon

or yarn:

yarn add @aotearoan/neon

Usage

Javascript/Typescript

Import components and supporting classes like so:

import { Component, Vue } from 'vue-property-decorator';
import { NeonLogo } from '@aotearoan/neon';

@Component({
  components: {
    NeonLogo,
  },
})
export default class App extends Vue {}

SASS

First select a theme:

  • smooth
  • classic
  • sharp

To use a theme without any customization simply import the basic theme file, e.g. to import the classic theme:

@import '~@aotearoan/neon/themes/classic';

If, however you would like to override/customize the theme then you need to include the following:

.app {
  &.neon-theme--classic {
    // override colors, palettes and other basic variables here BEFORE importing the theme, e.g. $neon-color-primary: #bada55
    @import '~@aotearoan/neon/themes/classic/theme';
    // include custom app SASS here (you can use neon's defined variables, mixins and functions)
    &.neon-mode--dark {
      // override dark mode specific variables here, e.g. $neon-border-color: #bada55
      @import '~@aotearoan/neon/themes/classic/dark';
      // include custom app dark mode SASS here (you can use neon's defined variables, mixins and functions)
    }
    &.neon-mode--light {
      // override light mode specific variables here, e.g. $neon-border-color: #bada55
      @import '~@aotearoan/neon/themes/classic/light';
      // include custom app light mode SASS here (you can use neon's defined variables, mixins and functions)
    }
  }
}

Finally, the theme and mode (light/dark) need to be set on the document, e.g. to set the classic theme and dark mode:

<html class="app neon neon-theme--classic neon-mode--dark">

Download Details:

Author: aotearoan

Source Code: https://github.com/aotearoan/neon

#vue #vuejs #javascript

Asmait Ermias

Asmait Ermias

1597782660

Neon is a modern VueJS design library built with Typescript and SASS

neon

Documentation & Demo

Full documentation is available on the demo site.

Installation

Install with NPM:

npm install @aotearoan/neon

or yarn:

yarn add @aotearoan/neon

Usage

Javascript/Typescript

Import components and supporting classes like so:

import { Component, Vue } from 'vue-property-decorator';
import { NeonLogo } from '@aotearoan/neon';

@Component({
  components: {
    NeonLogo,
  },
})
export default class App extends Vue {}

SASS

First select a theme:

  • classic

To use a theme without any customization simply import the basic theme file, e.g. to import the classic theme:

@import '~@aotearoan/neon/themes/classic';

If, however you would like to override/customize the theme then you need to include the following:

.app {
  &.neon-theme--classic {
    // override colors, palettes and other basic variables here BEFORE importing the theme, e.g. $color-primary: #bada55
    @import '~@aotearoan/neon/themes/classic/theme';
    // include custom app SASS here (you can use neon's defined variables, mixins and functions)
    &.neon-mode--dark {
      // override dark mode specific variables here, e.g. $border-color: #bada55
      @import '~@aotearoan/neon/themes/classic/dark';
      // include custom app dark mode SASS here (you can use neon's defined variables, mixins and functions)
    }
    &.neon-mode--light {
      // override light mode specific variables here, e.g. $border-color: #bada55
      @import '~@aotearoan/neon/themes/classic/light';
      // include custom app light mode SASS here (you can use neon's defined variables, mixins and functions)
    }
  }
}

Finally, the theme and mode (light/dark) need to be set on the document, e.g. to set the classic theme and dark mode:

<html class="app neon neon-theme--classic neon-mode--dark">

Download Details:

Author: aotearoan

Demo: https://aotearoan.github.io/neon/

Source Code: https://github.com/aotearoan/neon

#vuejs #vue #javascript

Juned Ghanchi

1621315250

Designing Mobile Apps using the latest UI Design Principles

The mobile technology world is growing at the speed of light, and the apps have become an integral part of our daily life. We can now see an influx of technology with tools that can help create mobile apps. All of them are becoming more accessible and hence people are getting on their first app making journeys. Since the mobile app industry is getting bigger and better than ever, businesses from all corners of the world are trying to develop mobile apps for their operations and marketing. Designing a mobile app for businesses is the first step, though. Company owners are in charge of the basic look and feel of the designed product. With a brilliant mobile app design, one can establish a relationship between app and user very well.

Read Blog Here: https://www.indianappdevelopers.com/blog/designing-mobile-apps-using-latest-ui-design-principles/

#designing mobile apps #ui design principles #mobile ui design #mobile app design #ui design #app design

Understanding the Crucial Elements of Modern-Day Website Designing

When it comes to ranking a website on the top search engines, A good web design that will convert to high traffic and sales is important. For this seeing the help of Website Design Company India will prove beneficial as the experts there will know what minor changes will most benefit your website. Read the post below to learn about crucial elements of website designing.

Visit: https://brandconndigital.blogspot.com/2021/06/understanding-crucial-elements-of.html

#website design company india #web design company india #website design india #web design india #outsource website design to india #outsource web design india