** Extension hỗ trợ code html, css, scss, tailwindcss(pending) **
support html:
- boximg:
<div><img src=""/ alt></div>;
- input-file:
html input file;
- tabelFrame:
code html a table
- search-html:
khung chức năng search
support css:
- reset:
css reset
- root:
css đặt biến global
- text-gradient:
css chữ nhiều màu ;
- btn-gradient:
css nút nhiều màu ;
- shadown-gradient:
css đổ bóng hai màu;
- flexcenter:
css dùng flex-box căn giữa ;
- flexbetween:
css dùng flex-box căn đều các phần tử;
- flexend:
css dùng flex-box căn phần tử nằm ở cuối;
- flexstart:
css dùng flex-box căn phần tử nằm ở đầu;
- flexaround:
css căn đều khoảng cách giữa các phần tử cả ở lề;
- img:
css cho thẻ img để không vỡ ảnh;
- cloading:
css trạng thái Circle loading đặt class circle-loading vào thẻ div
- custom-if:
css custom input file
- tableBase:
css cho một table đơn giản
- scroll-none:
css ẩn thanh scrollBar(thanh cuộn)
- search-css:
css cho chức năng search
Responsive mobile, tablet, laptop, desktop;
- mobile:
css responsive max-width:360px;
- tablet:
css responsive max-width:820px;
- laptop:
css responsive max-width:1024px;
- desktop:
css responsive max-width:1280px;
support javascript;
- search-js:
css responsive max-width:1280px;
extensiton-TL-support
| |
