1- <!doctype html> < html lang ="fr " class ="r-VerticalRhythm "> < head > < meta charset ="utf-8 "> < meta http-equiv ="X-UA-Compatible " content ="IE=Edge "> < meta name ="viewport " content ="width=device-width, initial-scale=1.0, minimal-ui "> < title > cssnext</ title > < link rel ="stylesheet " href ="/index.d2e3a401 .css "> < link rel ="alternate " href ="/feed.xml " title ="cssnext " type ="application/atom+xml "> </ head > < body class ="cssnext-Body "> < header class ="cssnext-Header "> < div class ="r-Grid "> < div class ="r-Grid-cell r-minM--4of6 "> < span class ="cssnext-Nav "> < a class ="cssnext-Logo " href ="/ "> < span class ="SVGIcon SVGIcon--cleaned cssnext-Logo -img "> < ?xml version="1.0" encoding="utf-8"?>
1+ <!doctype html> < html lang ="fr " class ="r-VerticalRhythm "> < head > < meta charset ="utf-8 "> < meta http-equiv ="X-UA-Compatible " content ="IE=Edge "> < meta name ="viewport " content ="width=device-width, initial-scale=1.0, minimal-ui "> < title > cssnext</ title > < link rel ="stylesheet " href ="/index.fd5785a7 .css "> < link rel ="alternate " href ="/feed.xml " title ="cssnext " type ="application/atom+xml "> </ head > < body class ="cssnext-Body "> < header class ="cssnext-Header "> < div class ="r-Grid "> < div class ="r-Grid-cell r-minM--4of6 "> < span class ="cssnext-Header-nav "> < a class ="cssnext-Header-logo " href ="/ "> < span class ="SVGIcon SVGIcon--cleaned cssnext-Header-logo -img "> < ?xml version="1.0" encoding="utf-8"?>
22
33<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
4- < svg class ="SVGIcon-svg SVGIcon--cleaned-svg cssnext-Logo -img-svg " version ="1.1 " id ="Layer_1 " xmlns ="http://www.w3.org/2000/svg " xmlns:xlink ="http://www.w3.org/1999/xlink " x ="0px " y ="0px "
4+ < svg class ="SVGIcon-svg SVGIcon--cleaned-svg cssnext-Header-logo -img-svg " version ="1.1 " id ="Layer_1 " xmlns ="http://www.w3.org/2000/svg " xmlns:xlink ="http://www.w3.org/1999/xlink " x ="0px " y ="0px "
55 viewBox ="0 0 256 48.102 " enable-background ="new 0 0 256 48.102 " xml:space ="preserve ">
66< g >
77
161161 </ linearGradient >
162162 < path fill ="url(#SVGID_12_) " d ="M255.475,13.569l-4.391,21.613h-0.932l4.373-21.613H255.475z "/>
163163</ g >
164- </ svg > </ span > </ a > < a href ="/features/ " class ="cssnext-Nav- item "> Features</ a > < a href ="/setup/ " class ="cssnext-Nav- item "> Setup</ a > < a href ="/usage/ " class ="cssnext-Nav- item "> Usage</ a > < a href ="/playground/ " class ="cssnext-Nav- item "> Playground</ a > </ span > </ div > < div class ="r-Grid-cell r-minM--2of6 "> < div class ="cssnext-Nav "> < a href ="https://gitter.im/cssnext/cssnext " class ="cssnext-Nav- item "> Support</ a > < a href ="https://github.com/cssnext/cssnext " title ="GitHub " class ="cssnext-Nav- item "> GitHub</ a > < a href ="https://twitter.com/cssnext " title ="Twitter " class ="cssnext-Nav- item "> Twitter</ a > </ div > </ div > </ div > </ header > < div class =""> < div class ="cssnext-Jumbotron cssnext-Jumbotron--time cssnext-Center cssnext-Light ">
164+ </ svg > </ span > < span class =" cssnext-Header-version " > 1.5.2 </ span > </ a > < a href ="/features/ " class ="cssnext-Header-nav- item "> Features</ a > < a href ="/setup/ " class ="cssnext-Header-nav- item "> Setup</ a > < a href ="/usage/ " class ="cssnext-Header-nav- item "> Usage</ a > < a href ="/playground/ " class ="cssnext-Header-nav- item "> Playground</ a > </ span > </ div > < div class ="r-Grid-cell r-minM--2of6 "> < div class ="cssnext-Header-nav "> < a href ="https://gitter.im/cssnext/cssnext " class ="cssnext-Header-nav- item "> Support</ a > < a href ="https://github.com/cssnext/cssnext " title ="GitHub " class ="cssnext-Header-nav- item "> GitHub</ a > < a href ="https://twitter.com/cssnext " title ="Twitter " class ="cssnext-Header-nav- item "> Twitter</ a > </ div > </ div > </ div > </ header > < div class =""> < div class ="cssnext-Jumbotron cssnext-Jumbotron--default cssnext-Center cssnext-Light ">
165165 < section class ="r-Grid ">
166166 < div class ="r-Grid-cell ">
167167 < strong class ="cssnext-Jumbotron-title "> Use tomorrow’s CSS syntax, today.</ strong >
@@ -283,12 +283,12 @@ <h2 class="cssnext-Section-title"><a href="/features/">Features</a></h2>
283283 </ div >
284284</ section >
285285
286- < section class ="cssnext-Jumbotron cssnext-Jumbotron--road ">
286+ < section class ="cssnext-Jumbotron cssnext-Jumbotron--whiteRoad ">
287287 < div class ="r-Grid cssnext-Center ">
288288 < div class ="r-Grid-cell r-minM--1of2 cssnext-Section ">
289289 < h2 class ="cssnext-Section-title "> Why cssnext?</ h2 >
290290 < p class ="cssnext-Section-content " style ="text-align: left ">
291- Prior 2015, CSS was frustrating by not having any specification for features we were looking for.
291+ Prior to 2015, CSS was frustrating by not having any specification for features we were looking for.
292292 No variables, no math, no color manipulation & no customization.
293293 Things are going to change soon since a lot of work has been made by the W3C to write new specs to make our life easier.
294294 With cssnext, you can start using some new features today!
@@ -297,7 +297,7 @@ <h2 class="cssnext-Section-title">Why cssnext?</h2>
297297 </ div >
298298</ section >
299299
300- < section class ="cssnext-Jumbotron cssnext-Jumbotron--future cssnext-Light ">
300+ < section class ="cssnext-Jumbotron cssnext-Jumbotron--darkDeloreanFront cssnext-Light ">
301301 < div class ="r-Grid ">
302302 < div class ="r-Grid-cell r-minM--1of2 cssnext-Section ">
303303 < h3 class ="cssnext-Section-title "> Future-proof code</ h3 >
@@ -309,30 +309,30 @@ <h3 class="cssnext-Section-title">Future-proof code</h3>
309309 </ div >
310310</ section >
311311
312- < section class ="cssnext-Jumbotron cssnext-Jumbotron--fast ">
312+ < section class ="cssnext-Jumbotron cssnext-Jumbotron--lightFast ">
313313 < div class ="r-Grid ">
314314 < div class ="r-Grid-cell r-minM--1of2 "> </ div >
315315 < div class ="r-Grid-cell r-minM--1of2 cssnext-Section ">
316316 < h3 class ="cssnext-Section-title "> It’s fast. Lightning fast.</ h3 >
317317 < p class ="cssnext-Section-content ">
318318 cssnext uses < a href ="https://github.com/postcss/postcss "> PostCSS</ a >
319319 which has
320- < a href ="https://github.com/postcss/benchmark "> a way more faster CSS parser</ a > .
320+ < a href ="https://github.com/postcss/benchmark "> a way faster CSS parser</ a > .
321321 < br />
322322 It’s a good competitor to libsass, a bit faster than LESS and Stylecow,
323- and way more faster than Myth or original Ruby Sass.
323+ and way faster than Myth or original Ruby Sass.
324324 </ p >
325325 </ div >
326326 </ div >
327327</ section >
328328
329- < section class ="cssnext-Jumbotron cssnext-Jumbotron--flux cssnext-Light ">
329+ < section class ="cssnext-Jumbotron cssnext-Jumbotron--darkFlux cssnext-Light ">
330330 < div class ="r-Grid ">
331331 < div class ="r-Grid-cell r-minM--1of2 cssnext-Section ">
332332 < h3 class ="cssnext-Section-title "> Active development</ h3 >
333333 < p class ="cssnext-Section-content ">
334334 No longer wait for releases.
335- A bug fixed will be released ASAP.
335+ A fixed bug will be released ASAP.
336336 < br />
337337 Minor features will never be idle for long.
338338 < br />
@@ -350,7 +350,7 @@ <h3 class="cssnext-Section-title">Active development</h3>
350350 </ div >
351351</ section >
352352
353- < section class ="cssnext-Jumbotron cssnext-Jumbotron--run ">
353+ < section class ="cssnext-Jumbotron cssnext-Jumbotron--lightTeam ">
354354 < div class ="r-Grid ">
355355 < div class ="r-Grid-cell r-minM--1of2 "> </ div >
356356 < div class ="r-Grid-cell r-minM--1of2 cssnext-Section ">
@@ -368,7 +368,7 @@ <h3 class="cssnext-Section-title">Based on NPM ecosystem</h3>
368368 </ div >
369369</ section >
370370
371- < div class ="cssnext-Jumbotron cssnext-Jumbotron--doit cssnext-Center cssnext-Light ">
371+ < div class ="cssnext-Jumbotron cssnext-Jumbotron--default cssnext-Center cssnext-Light ">
372372 < section class ="r-Grid ">
373373 < div class ="r-Grid-cell ">
374374 < div class ="cssnext-Jumbotron-title ">
@@ -391,20 +391,25 @@ <h3 class="cssnext-Section-title">Based on NPM ecosystem</h3>
391391 </ div >
392392</ section >
393393
394- < div class ="cssnext-Jumbotron cssnext-Jumbotron--mysterious cssnext-Center cssnext-Light ">
394+ < div class ="cssnext-Jumbotron cssnext-Jumbotron--cssrecipes cssnext-Center cssnext-Light ">
395395 < section class ="r-Grid ">
396396 < div class ="r-Grid-cell ">
397397 < div class ="cssnext-Jumbotron-title cssnext-Jumbotron-title--smaller ">
398398 < a href ="https://cssrecipes.github.io/ "> Check out cssrecipes, components working with cssnext</ a >
399399 </ div >
400- < small > You can also check < a href ="https://suitcss.github.io/ "> suitcss</ a > that should work as well.</ small >
400+ < small >
401+ You can also check
402+ < a href ="https://suitcss.github.io/ "> suitcss</ a >
403+ or
404+ < a href ="http://www.basscss.com/ "> basscss</ a >
405+ </ small >
401406 </ div >
402407 </ section >
403408</ div >
404- </ div > < footer class ="cssnext-Footer "> < p > < span class ="SVGIcon cssnext-Logo -img " style ="height:1rem;vertical-align:middle; "> < ?xml version="1.0" encoding="utf-8"?>
409+ </ div > < footer class ="cssnext-Footer "> < p > < span class ="SVGIcon cssnext-Header-logo -img " style ="height:1rem;vertical-align:middle; "> < ?xml version="1.0" encoding="utf-8"?>
405410<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
406411<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
407- < svg class ="SVGIcon-svg cssnext-Logo -img-svg " version ="1.1 " id ="Layer_1 " xmlns ="http://www.w3.org/2000/svg " xmlns:xlink ="http://www.w3.org/1999/xlink " x ="0px " y ="0px "
412+ < svg class ="SVGIcon-svg cssnext-Header-logo -img-svg " version ="1.1 " id ="Layer_1 " xmlns ="http://www.w3.org/2000/svg " xmlns:xlink ="http://www.w3.org/1999/xlink " x ="0px " y ="0px "
408413 width ="256px " height ="48.102px " viewBox ="0 0 256 48.102 " enable-background ="new 0 0 256 48.102 " xml:space ="preserve ">
409414< g >
410415
@@ -564,5 +569,5 @@ <h3 class="cssnext-Section-title">Based on NPM ecosystem</h3>
564569 </ linearGradient >
565570 < path fill ="url(#SVGID_12_) " d ="M255.475,13.569l-4.391,21.613h-0.932l4.373-21.613H255.475z "/>
566571</ g >
567- </ svg > </ span > is brought to you by < a href ="https://twitter.com/MoOx "> @MoOx</ a > & < a href ="https://github.com/cssnext/cssnext/graphs/contributors "> some other contributors</ a > .</ p > < small > < a href ="it-s-cssnext-not-CSSNext "> Note: it's cssnext, not CSSNext</ a > </ small > </ footer > < script src ="/index.e2e031d2.js "> </ script > < script >
572+ </ svg > </ span > is brought to you by < a href ="https://twitter.com/MoOx "> @MoOx</ a > & < a href ="https://github.com/cssnext/cssnext/graphs/contributors "> some other contributors</ a > .</ p > < small > < a href ="it-s-cssnext-not-CSSNext "> Note: it's cssnext, not CSSNext</ a > < span style =" opacity:.4;margin-left:1rem; " > < a href =" credits " > Credits </ a > | < a href =" https://github.com/cssnext/cssnext/edit/master/docs/content/index.md " > Edit this page </ a > </ span > < /small > </ footer > < script src ="/index.e2e031d2.js "> </ script > < script >
568573! function ( c , s , S , n , e , x , t ) { c . GoogleAnalyticsObject = S ; c [ S ] || ( c [ S ] = function ( ) { ( c [ S ] . q = c [ S ] . q || [ ] ) . push ( arguments ) } ) ; c [ S ] . l = + new Date ; x = s . createElement ( n ) ; t = s . getElementsByTagName ( n ) [ 0 ] ; x . src = e ; t . parentNode . insertBefore ( x , t ) } ( window , document , 'ga' , 'script' , '//www.google-analytics.com/analytics.js' ) ; ga ( 'create' , 'UA-55403963-1' , 'auto' ) ; ga ( 'send' , 'pageview' ) ; </ script > </ body > </ html >
0 commit comments