#postcss

nuxt.config.js 파일을 수정합니다.

기본 사용법

module.exports = { build: { postcss: [ require('postcss-nested')(), require('postcss-responsive-type')(), require('postcss-hexrgba')(), ] } }

autoprefixer 적용 예시

Desde enero de este año, su aprobación por parte del W3C ya es una realidad gracias al acuerdo de votos de la CHA y el PAR, y serán parte de la especificación de CSS4. Pero, ¿cuándo podremos utilizarlas?

La buena noticia es que Google Chrome, a partir de la versión 70 ya incluirá dichas unidades.

Las unidades aceptadas en el borrador inicial incluyen los valores mostrados en los siguientes ejemplos:

padding-left: 1mj; /* 1 miaja o miejeta */

border-bottom-width: 2ddc; /* 2 dedicos */

z-index: a cascala;

transition-duration: 1pq; /* 1 poquico o poquér */

animation: esbarizar;

overflow: a escaparrar;

text-rendering: de propio;

También se propone el uso de los modificadores amante/ñai/quió/co/rediós/cagüenlaba, que permitirán establecer prioridades en el orden de aplicación de las reglas. Ejemplos:

padding-top: 4ddc !amante;

text-decoration: none !rediós;

pointer-events: none !quió;

Los desarrolladores están deseando poder utilizar estas nuevas especificaciones, que supondrán una gran flexibilidad y aumento de la productividad, pero ¿cuándo será posible? De momento no se han barajado fechas, ni para la salida de la nueva versión del navegador, ni para la publicación final del borrador de las especificaciones. 

Por ello, varios informáticos de la DPZ están trabajando en un plugin de PostCSS (https://postcss.org/) para permitir compilar esta nueva sintaxis a CSS3, que es la versión que entienden los navegadores actuales. Según el equipo de desarrollo, tampoco existe una fecha clara:

Puff, pues entre ahora que es agosto, luego septiembre que aún habrá gente de vacaciones, entre que te pones y no, en octubre pilares, y por ahí...