SHARE
TWEET

Convertendo PX em Em com LESS CSS

pixwell Feb 22nd, 2014 81 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /*
  2. AUTOR: PiXwell Web Design
  3. SITE: http://pixwell.com.br
  4.  
  5. @atributo: É o atributo CSS que você quer usar, exemplo: font-size, padding, margin etc
  6. @px: Valor em PX a ser convertido
  7.  
  8. Veja o Post com a explicação completa aqui: http://bit.ly/1jVJ2yF
  9. */
  10.  
  11. @tamanho_base_da_fonte_em_px: 16; /* Tamanho em PX */
  12.  
  13. .px-em(@atributo, @px){
  14.  @{@atributo}: (@px/@tamanho_base_da_fonte_em_px) + 0em;
  15. }
  16.  
  17. /* ==== EXEMPLO DE USO ==== */
  18. .meu-container{
  19.  background: #CCC;
  20.  border: 1px solid #333;
  21.  .px-em(padding, 20) /* Nao colocar o px no final */
  22. }
  23.  
  24. /* Veja o Post com a explicação completa aqui: http://bit.ly/1jVJ2yF */
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top