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
1654588030
TypeScript Deep Dive
I've been looking at the issues that turn up commonly when people start using TypeScript. This is based on the lessons from Stack Overflow / DefinitelyTyped and general engagement with the TypeScript community. You can follow for updates and don't forget to ★ on GitHub 🌹
If you are here to read the book online get started.
Book is completely free so you can copy paste whatever you want without requiring permission. If you have a translation you want me to link here. Send a PR.
You can also download one of the Epub, Mobi, or PDF formats from the actions tab by clicking on the latest build run. You will find the files in the artifacts section.
All the amazing contributors 🌹
Share URL: https://basarat.gitbook.io/typescript/
Author: Basarat
Source Code: https://github.com/basarat/typescript-book/
License: View license
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