ஆன்லைனில் குறைவாக இருந்து CSS மாற்றி

LESS To CSS மாற்றி ஆன்லைனில் CSSக்கு குறைவாக மாற்ற உதவுகிறது.

குறைவான CSS மாற்றி எளிமையானது

இந்த இலவச ஆன்லைன் கருவியானது குறைவான கோப்பை CSS கோப்பாக மாற்ற உதவுகிறது. கீழே உள்ள படிவத்தில் உங்கள் லெஸ்ஸை ஒட்டினால் போதும், அது உடனடியாக CSS ஆக மாற்றப்படும், எந்த மென்பொருளையும் பதிவிறக்கம் செய்யவோ நிறுவவோ தேவையில்லை. இலவசம்

கருவி குறைவாக இருந்து CSS மாற்றி என்றால் என்ன?

இந்த LESS to CSS மாற்றி குறைவான தரவு மற்றும் கோப்புகளை CSS தரவு மற்றும் கோப்புகளாக மாற்றுகிறது. இந்த மாற்றி உள்ளீடு குறைவாகவும், CSS அவுட்புட்டையும் தனிப்பயனாக்க அனுமதிக்கிறது. இது கருத்து வரிகளை ஆதரிக்கிறது மற்றும் நீங்கள் விருப்பமாக வெற்று வரிகளை புறக்கணிக்கலாம். வெளியீட்டு CSS உள்தள்ளலில் எத்தனை இடைவெளிகளைப் பயன்படுத்த வேண்டும் என்பதையும் நீங்கள் மாற்றலாம்.

குறைவாக CSS ஆக மாற்றுவது எப்படி?

படி 1: உங்கள் உள்ளீட்டைத் தேர்ந்தெடுக்கவும். தரவை உள்ளிடவும்.
படி 2: வெளியீட்டு விருப்பங்களை தேர்வு செய்யவும் (விரும்பினால்) வெளியீடு விருப்பங்கள்.
படி 3: வெளியீட்டை உருவாக்கவும்.

குறைவான CSS மாற்றி எடுத்துக்காட்டுகள்

குறைவாக

@base: 24px;
@border-color: #B2B;

.underline { border-bottom: 1px solid green }

#header {
  color: black;
  border: 1px solid @border-color + #222222;

  .navigation {
    font-size: @base / 2;
    a {
    .underline;
    }
  }
  .logo {
    width: 300px;
    :hover { text-decoration: none }
  }
}

CSS

.underline {
    border-bottom: 1px solid green;
}
#header {
    color: black;
    border: 1px solid #dd44dd;
}
#header .navigation {
    font-size: 12px;
}
#header .navigation a {
    border-bottom: 1px solid green;
}
#header .logo {
    width: 300px;
}
#header .logo :hover {
    text-decoration: none;
}