Skip to content

Instantly share code, notes, and snippets.

View vio's full-sized avatar
💭
📦 🔨 🔧

Viorel Cojocaru vio

💭
📦 🔨 🔧
69 followers · 166 following
View GitHub Profile
@vio
vio / react-hn.webpack.stats-baseline.json
Last active August 21, 2019 07:34
{
"assets": [
{
"chunkNames": [
"vendor"
],
"chunks": [
0
],
"emitted": true,
@vio
vio / react-hn.webpack-stats.current.json
Last active August 21, 2019 07:34
{
"assets": [
{
"chunkNames": [
"vendor"
],
"chunks": [
0
],
"emitted": true,
@vio
vio / (p)react-resources.md
Last active March 27, 2018 18:12
@vio
vio / dynamic-imports.md
Last active October 25, 2017 06:04
Dynamic imports with Webpack 3 + Typescript 2.4 + Babel

Using import

import(/* webpackChunkName: "my-chunnk" */ 'CHUNK_PATH')
  .then((res) => console.log(res))
  .catch((err) => console.error(err));
  1. supported by TS 2.4, but module will need to output esnext (tsconfig.json)
@vio
vio / pagexray.pageSummary.json
Last active June 20, 2017 10:34
{
"assets": [
{
"contentSize": 1440,
"cookies": 0,
"expires": 0,
"headerSize": -1,
"headers": {
"request": {
":authority": "s.codepen.io",
@vio
vio / stylus-libraries.md
Last active February 13, 2017 20:40
@vio
vio / Stylus.md
Created November 22, 2016 13:56
@vio
vio / stylus-indent-error.md
Last active October 2, 2015 13:30

Since 0.45.0, stylus is not throwing errors when the top parent selector is indented.

In 0.44.0

  .element
    color: #fff

Is throwing an error:




  


  




    


          
    

      

        
        

          

              @vio
          

          

            
                vio
                / stylus-media-query-extend.styl
            
            

              Last active
              May 16, 2021 10:53
            

              
                Stylus @extend inside a media query
              
          

        

      

        

  

    
    


        



  


  

        

          
          // Extend in a media query
        

        

          
          // =============================================================================
        

        

          
          

        

        

          
          // Mixins
        

        

          
          // -----------------------------------------------------------------------------
        

        

          
          clearfix()
        

        

          
            &:before,
        

        

          
            &:after
        

        

          
              content: ' '
        

        

          
              display: tablet
        

  





    


  




    


          
    

      

        
        

          

              @vio
          

          

            
                vio
                / stylus-extend-workarounds.md
            
            

              Last active
              August 29, 2015 14:21
            

              
                Workarounds for extending inside media queries
              
          

        

      

        

  

      

    
    

  1. 

    Use @extend by default, copy inside the media queries
    

    2. 



placeholder()
  color: red

$placeholder
  placeholder()

.element-a