// https://github.com/michael-ciniawsky/postcss-load-config

module.exports = {
  "plugins": {
    "postcss-import": {},
    "postcss-url": {},
    // to edit target browsers: use "browserslist" field in package.json
    "autoprefixer": {},
    //must set postcss-mixins before postcss-simple-vars and postcss-nested
    "postcss-mixins":{
      mixins: {
        'font-dpr':function(mixin,fz){
            return{
                '&': {
                  'font-size': fz+'px'
                },
                '[data-dpr="2"] &': {
                    'font-size': fz*2+'px'
                },
                '[data-dpr="3"] &': {
                    'font-size': fz*3+'px'
                }
            }
        },
        'cbox':function(mixin,boxtype,size){
            return{
                '&': {
                    [boxtype]: size+'px',
                },
                '[data-dpr="2"] &': {
                    [boxtype]: size*2+'px'
                },
                '[data-dpr="3"] &': {
                    [boxtype]: size*3+'px'
                }
            }
        }
      }
    },
    "postcss-simple-vars":{
      variables:{
        'grey' : '#808080',
        'font-grey' : '#929292',
        'red-base' : '#C81118',
        'white':'#c9d3dd',
        'green' : '#55bb3e',
        'blue' : "#00AAEE",
        'font-color1':'#c8d3de',
        'font-color2':'#8a97a5',
        'font-color3':"#9fabb7",
        'bg-two':'#2f343a',
        'bg3':'#394147',
        'border-color':'#262b31',
        'dull-red':'#7f2e2d',
      }
    },
    "postcss-nested":{},
  }
}