1608255960
Full documentation is available on the demo site.
Install with NPM:
npm install @aotearoan/neon
or yarn:
yarn add @aotearoan/neon
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 {}
First select a theme:
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">
Author: aotearoan
Source Code: https://github.com/aotearoan/neon
#vue #vuejs #javascript
1609840501
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?
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
1608255960
Full documentation is available on the demo site.
Install with NPM:
npm install @aotearoan/neon
or yarn:
yarn add @aotearoan/neon
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 {}
First select a theme:
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">
Author: aotearoan
Source Code: https://github.com/aotearoan/neon
#vue #vuejs #javascript
1597782660
Full documentation is available on the demo site.
Install with NPM:
npm install @aotearoan/neon
or yarn:
yarn add @aotearoan/neon
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 {}
First select a theme:
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">
Author: aotearoan
Demo: https://aotearoan.github.io/neon/
Source Code: https://github.com/aotearoan/neon
#vuejs #vue #javascript
1621315250
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
1623043446
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