VueJS 3 Admin 和 Webapp UI Kit 模板Vuero v2.4.0前端模板

/* -------------------------------- LineIconsPro Light Web Font Generated using nucleoapp.com -------------------------------- */ /* purgecss start ignore */ @font-face { font-family: 'LineIconsPro Light'; src: url('/fonts/LineIconsProLight.eot'); src: url('/fonts/LineIconsProLight.eot') format('embedded-opentype'), url('/fonts/LineIconsProLight.woff2') format('woff2'), url('/fonts/LineIconsProLight.woff') format('woff'), url('/fonts/LineIconsProLight.ttf') format('truetype'), url('/fonts/LineIconsProLight.svg') format('svg'); font-weight: normal; font-style: normal; font-display: block; } /* ------------------------ base class definition ------------------------- */ .lnil { display: inline-block; font: normal normal normal 1em/1 'LineIconsPro Light'; speak: none; text-transform: none; /* Better Font Rendering */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* ------------------------ change icon size ------------------------- */ /* relative units */ .lnil-sm { font-size: 0.8em; } .lnil-lg { font-size: 1.2em; } /* absolute units */ .lnil-16 { font-size: 16px; } .lnil-32 { font-size: 32px; } /* ---------------------------------- add a square/circle background ----------------------------------- */ .lnil-bg-square, .lnil-bg-circle { padding: 0.35em; background-color: #eee; } .lnil-bg-circle { border-radius: 50%; } /* ------------------------------------ use icons as list item markers ------------------------------------- */ .lnil-ul { padding-left: 0; list-style-type: none; } .lnil-ul > li { display: flex; align-items: flex-start; line-height: 1.4; } .lnil-ul > li > .lnil { margin-right: 0.4em; line-height: inherit; } /* ------------------------ spinning icons ------------------------- */ .lnil-is-spinning { -webkit-animation: lnil-spin 2s infinite linear; -moz-animation: lnil-spin 2s infinite linear; animation: lnil-spin 2s infinite linear; } @-webkit-keyframes lnil-spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @-moz-keyframes lnil-spin { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); } } @keyframes lnil-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } /* ------------------------ rotated/flipped icons ------------------------- */ .lnil-rotate-90 { filter: progid:dximagetransform.microsoft.basicimage(rotation=1); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .lnil-rotate-180 { filter: progid:dximagetransform.microsoft.basicimage(rotation=2); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .lnil-rotate-270 { filter: progid:dximagetransform.microsoft.basicimage(rotation=3); -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); } .lnil-flip-y { filter: progid:dximagetransform.microsoft.basicimage(rotation=0); -webkit-transform: scale(-1, 1); -moz-transform: scale(-1, 1); -ms-transform: scale(-1, 1); -o-transform: scale(-1, 1); transform: scale(-1, 1); } .lnil-flip-x { filter: progid:dximagetransform.microsoft.basicimage(rotation=2); -webkit-transform: scale(1, -1); -moz-transform: scale(1, -1); -ms-transform: scale(1, -1); -o-transform: scale(1, -1); transform: scale(1, -1); } /* ------------------------ icons ------------------------- */ .lnil-air-flow::before { content: '\ea02'; } .lnil-air::before { content: '\ea03'; } .lnil-cloud-moon::before { content: '\ea04'; } .lnil-cloud-sun::before { content: '\ea05'; } .lnil-cloud-alt::before { content: '\ea06'; } .lnil-cloudy-sun::before { content: '\ea07'; } .lnil-cloud-alt-2::before { content: '\ea08'; } .lnil-drop::before { content: '\ea09'; } .lnil-farenheit::before { content: '\ea0a'; } .lnil-moon-star::before { content: '\ea0b'; } .lnil-cloud::before { content: '\ea0c'; } .lnil-night-thunder::before { content: '\ea0d'; } .lnil-drop-alt::before { content: '\ea0e'; } .lnil-night::before { content: '\ea0f'; } .lnil-rain::before { content: '\ea10'; } .lnil-snowfall::before { content: '\ea11'; } .lnil-sun-rain::before { content: '\ea12'; } .lnil-sun::before { content: '\ea13'; } .lnil-thunder-alt::before { content: '\ea14'; } .lnil-thunder::before { content: '\ea15'; } .lnil-umbrella-alt::before { content: '\ea16'; } .lnil-umbrella-rain-alt::before { content: '\ea17'; } .lnil-umbrella-rain::before { content: '\ea18'; } .lnil-umbrella::before { content: '\ea19'; } .lnil-water-drops::before { content: '\ea1a'; } .lnil-wind-cloud::before { content: '\ea1b'; } .lnil-wind-sun::before { content: '\ea1c'; } .lnil-cloud-alt-1::before { content: '\ea1d'; } .lnil-night-wind::before { content: '\ea1e'; } .lnil-moon::before { content: '\ea1f'; } .lnil-beach-chair::before { content: '\ea20'; } .lnil-beach::before { content: '\ea21'; } .lnil-hot-air-baloon::before { content: '\ea22'; } .lnil-cable-car::before { content: '\ea23'; } .lnil-suitcase-alt::before { content: '\ea24'; } .lnil-suitcase::before { content: '\ea25'; } .lnil-surf-board::before { content: '\ea26'; } .lnil-tent-alt::before { content: '\ea27'; } .lnil-tent::before { content: '\ea28'; } .lnil-travel::before { content: '\ea29'; } .lnil-pyramids::before { content: '\ea2a'; } .lnil-flight-search::before { content: '\ea2b'; } .lnil-beachball::before { content: '\ea2c'; } .lnil-3d::before { content: '\ea2d'; } .lnil-Mobile::before { content: '\ea2e'; } .lnil-alarm-2::before { content: '\ea2f'; } .lnil-alarm-3::before { content: '\ea30'; } .lnil-alarm-4::before { content: '\ea31'; } .lnil-alarm-clock-alt::before { content: '\ea32'; } .lnil-add-files::before { content: '\ea33'; } .lnil-ai::before { content: '\ea34'; } .lnil-alarm-clock::before { content: '\ea35'; } .lnil-archive::before { content: '\ea36'; } .lnil-backspace::before { content: '\ea37'; } .lnil-ban::before { content: '\ea38'; } .lnil-battery::before { content: '\ea39'; } .lnil-block-user::before { content: '\ea3a'; } .lnil-bluetooth::before { content: '\ea3b'; } .lnil-bookmark-alt::before { content: '\ea3c'; } .lnil-bookmark::before { content: '\ea3d'; } .lnil-brightness::before { content: '\ea3e'; } .lnil-bulb-alt::before { content: '\ea3f'; } .lnil-bulb::before { content: '\ea40'; } .lnil-calendar::before { content: '\ea41'; } .lnil-calender-alt-1::before { content: '\ea42'; } .lnil-calender-alt-2::before { content: '\ea43'; } .lnil-calender-alt-3::before { content: '\ea44'; } .lnil-calender-alt-4::before { content: '\ea45'; } .lnil-calender-alt::before { content: '\ea46'; } .lnil-camera-alt-1::before { content: '\ea47'; } .lnil-camera-alt::before { content: '\ea48'; } .lnil-camera::before { content: '\ea49'; } .lnil-change::before { content: '\ea4a'; } .lnil-charging::before { content: '\ea4b'; } .lnil-cloud-check-alt::before { content: '\ea4c'; } .lnil-cloud-check::before { content: '\ea4d'; } .lnil-cloud-computing-alt::before { content: '\ea4e'; } .lnil-cloud-computing::before { content: '\ea4f'; } .lnil-Website::before { content: '\ea50'; } .lnil-alarm::before { content: '\ea51'; } .lnil-cloud-network-alt::before { content: '