prefixer.less 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738
  1. /* Fonts -------------------------------------------------------------------- */
  2. .vamtam-font( @prefix: primary-font- ) {
  3. @font-weight: e( "var( --vamtam-@{prefix}font-weight )" );
  4. @font-style: e( "var( --vamtam-@{prefix}font-style )" );
  5. @font-size: e( "var( --vamtam-@{prefix}font-size )" );
  6. @line-height: e( "var( --vamtam-@{prefix}line-height )" );
  7. @font-family: e( "var( --vamtam-@{prefix}font-family )" );
  8. font: e( %( '%s %s %s/%s %s', @font-weight, @font-style, @font-size, @line-height, @font-family ) );
  9. }
  10. .vamtam-font-no-weight( @prefix: primary-font- ) {
  11. @font-size: e( "var( --vamtam-@{prefix}font-size )" );
  12. @line-height: e( "var( --vamtam-@{prefix}line-height )" );
  13. @font-family: e( "var( --vamtam-@{prefix}font-family )" );
  14. font: e( %( '%s/%s %s', @font-size, @line-height, @font-family ) );
  15. }
  16. .placeholders( @color ) when ( iscolor( @color ) ) {
  17. &::-webkit-input-placeholder {
  18. color: @color;
  19. opacity: 0.7;
  20. }
  21. &:-ms-input-placeholder {
  22. color: @color;
  23. opacity: 0.7;
  24. }
  25. &::placeholder {
  26. color: @color;
  27. opacity: 0.7;
  28. }
  29. }
  30. .placeholders( @color ) when not ( iscolor( @color ) ) { // empty
  31. }