Skip to content

Instantly share code, notes, and snippets.

@pablocattaneo
Created May 29, 2019 18:18
Show Gist options
  • Save pablocattaneo/937791b2a389e120a2f694ef011e25ac to your computer and use it in GitHub Desktop.
Save pablocattaneo/937791b2a389e120a2f694ef011e25ac to your computer and use it in GitHub Desktop.
<style lang="stylus">
.clarin-365-card__description
min-height 34px
font-size 13px
font-weight 300
line-height 1.31
color #999
multiline-ellipsis(2,34px) // Gloabl stylus method
</style>
/* functions */
multiline-ellipsis(lines, fallbackHeight)
overflow hidden
text-overflow ellipsis
max-height fallbackHeight // Support for browser that no support line clamp
@supports(-webkit-line-clamp lines)
display -webkit-box
display -moz-box
-webkit-line-clamp lines
-moz-line-clamp lines
-webkit-box-orient: vertical
-moz-box-orient: vertical
max-height none
const axios = require("axios");
require("dotenv").config();
module.exports = {
mode: "universal",
/*
** Headers of the page
*/
head: {
title: "365 | DISFRUTÁ AHORRANDO",
meta: [
{ charset: "utf-8" },
{ name: "viewport", content: "width=device-width, initial-scale=1" },
{
hid: "description",
name: "description",
content: "DISFRUTÁ AHORRANDO"
},
// Open Graph
{ name: "og:title", content: "365 | DISFRUTÁ AHORRANDO" },
{
name: "og:description",
content:
"Tarjeta de beneficios y descuentos de 365. Suscribite llamando al 0810.333.0365"
},
{ name: "og:type", content: "website" },
{ name: "og:url", content: "https://365.clarin.com" },
{ name: "og:image", content: "/365-logo-redes.png" },
// Twitter Card
{ name: "twitter:card", content: "summary" },
{ name: "twitter:site", content: "@clarin365" },
{ name: "twitter:title", content: "365 | DISFRUTÁ AHORRANDO" },
{
name: "twitter:description",
content:
"Tarjeta de beneficios y descuentos de 365. Suscribite llamando al 0810.333.0365"
},
{ name: "twitter:image", content: "/365-logo-redes.png" },
{ name: "twitter:image:alt", content: "365 | DISFRUTÁ AHORRANDO" }
],
link: [
{ rel: "icon", type: "image/x-icon", href: "/favicon.ico" },
{
href:
"https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.1/tiny-slider.css"
}
]
},
/*
** Customize the progress-bar color
*/
loading: false,
/*
** Global CSS
*/
css: [
"~/assets/css/bootstrap/bootstrap-grid.min.css",
"~/assets/css/bootstrap/bootstrap.min.css",
"~/assets/css/global.styl",
"~/assets/css/fonts.css",
"@fortawesome/fontawesome-svg-core/styles.css"
],
/*
** Plugins to load before mounting the App
*/
plugins: [
{ src: "~/plugins/vue-tiny-slider.js", mode: "client" },
{ src: "~/plugins/vue2-leaflet-markercluster.js", mode: "client" },
{ src: "~/plugins/filters.js" },
{ src: "~/plugins/directives.js" },
{ src: "~/plugins/fontawesome.js" }
],
/*
** Nuxt.js modules
*/
modules: [
// Doc: https://axios.nuxtjs.org/usage
"@nuxtjs/axios",
"@nuxtjs/pwa",
"@nuxtjs/sitemap",
["@nuxtjs/dotenv", { filename: ".env.development" }],
"nuxt-leaflet",
"vue-scrollto/nuxt",
"@nuxtjs/style-resources"
],
/*
** Axios module configuration
*/
axios: {
// See https://github.com/nuxt-community/axios-module#options
baseURL: process.env.API_URL_PREFIX || "http://localhost:3003/api/v1"
},
/*
** Build configuration
*/
build: {
/*
** You can extend webpack config here
*/
// transpile: ["vue2-leaflet-markercluster"],
extend(config, ctx) {
// Run ESLint on save
if (ctx.isDev && ctx.isClient) {
config.module.rules.push({
enforce: "pre",
test: /\.(js|vue)$/,
loader: "eslint-loader",
exclude: /(node_modules)/
});
}
}
},
router: {
middleware: "global"
},
sitemap: {
async routes() {
const categories = await axios.get("/routes/categories");
const categoriesUrl = categories.data.map(category => category.url);
return categoriesUrl;
}
},
styleResources: {
stylus: ["./assets/css/global.styl"]
}
};
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment