Reorg app scss
cagataycivici
parent
2fd6e35cbc
commit
b111d75810
|
|
@ -109,5 +109,5 @@ export default {
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
@import './assets/styles/app.scss';
|
@import './assets/styles/app/app.scss';
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
|
|
@ -2,7 +2,19 @@
|
||||||
<div :class="['layout-sidebar', {'active': active}]">
|
<div :class="['layout-sidebar', {'active': active}]">
|
||||||
<div class="layout-menu">
|
<div class="layout-menu">
|
||||||
<span>
|
<span>
|
||||||
<img alt="input" class="layout-menu-icon-inactive" src="./assets/images/menu/input.svg" />
|
<i class="pi pi-home"></i>
|
||||||
|
<span>General</span>
|
||||||
|
</span>
|
||||||
|
<div>
|
||||||
|
<router-link to="/setup">Get Started</router-link>
|
||||||
|
<router-link to="/theming">Theming</router-link>
|
||||||
|
<router-link to="/theming">Designer</router-link>
|
||||||
|
<router-link to="/theming">Sass API</router-link>
|
||||||
|
<router-link to="/icons">Icons</router-link>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<span>
|
||||||
|
<i class="pi pi-id-card"></i>
|
||||||
<span>Form</span>
|
<span>Form</span>
|
||||||
</span>
|
</span>
|
||||||
<div>
|
<div>
|
||||||
|
|
@ -32,7 +44,7 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<span>
|
<span>
|
||||||
<img alt="button" class="layout-menu-icon-inactive" src="./assets/images/menu/button.svg" />
|
<i class="pi pi-mobile" style="transform: rotate(90deg);"></i>
|
||||||
<span>Button</span>
|
<span>Button</span>
|
||||||
</span>
|
</span>
|
||||||
<div>
|
<div>
|
||||||
|
|
@ -41,7 +53,7 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<span>
|
<span>
|
||||||
<img alt="data" class="layout-menu-icon-inactive" src="./assets/images/menu/data.svg" />
|
<i class="pi pi-list"></i>
|
||||||
<span>Data</span>
|
<span>Data</span>
|
||||||
</span>
|
</span>
|
||||||
<div>
|
<div>
|
||||||
|
|
@ -58,7 +70,7 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<span>
|
<span>
|
||||||
<img alt="panel" class="layout-menu-icon-inactive" src="./assets/images/menu/panel.svg" />
|
<i class="pi pi-th-large"></i>
|
||||||
<span>Panel</span>
|
<span>Panel</span>
|
||||||
</span>
|
</span>
|
||||||
<div>
|
<div>
|
||||||
|
|
@ -73,7 +85,7 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<span>
|
<span>
|
||||||
<img alt="overlay" class="layout-menu-icon-inactive" src="./assets/images/menu/overlay.svg" />
|
<i class="pi pi-clone"></i>
|
||||||
<span>Overlay</span>
|
<span>Overlay</span>
|
||||||
</span>
|
</span>
|
||||||
<div>
|
<div>
|
||||||
|
|
@ -84,7 +96,7 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<span>
|
<span>
|
||||||
<img alt="file" class="layout-menu-icon-inactive" src="./assets/images/menu/file.svg" />
|
<i class="pi pi-file-o"></i>
|
||||||
<span>File</span>
|
<span>File</span>
|
||||||
</span>
|
</span>
|
||||||
<div>
|
<div>
|
||||||
|
|
@ -92,7 +104,7 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<span>
|
<span>
|
||||||
<img alt="menu" class="layout-menu-icon-inactive" src="./assets/images/menu/menu.svg" />
|
<i class="pi pi-bars"></i>
|
||||||
<span>Menu</span>
|
<span>Menu</span>
|
||||||
</span>
|
</span>
|
||||||
<div>
|
<div>
|
||||||
|
|
@ -109,7 +121,7 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<span>
|
<span>
|
||||||
<img alt="charts" class="layout-menu-icon-inactive" src="./assets/images/menu/charts.svg" />
|
<i class="pi pi-chart-bar"></i>
|
||||||
<span>Chart</span>
|
<span>Chart</span>
|
||||||
</span>
|
</span>
|
||||||
<div>
|
<div>
|
||||||
|
|
@ -124,7 +136,7 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<span>
|
<span>
|
||||||
<img alt="message" class="layout-menu-icon-inactive" src="./assets/images/menu/message.svg" />
|
<i class="pi pi-comment"></i>
|
||||||
<span>Messages</span>
|
<span>Messages</span>
|
||||||
</span>
|
</span>
|
||||||
<div>
|
<div>
|
||||||
|
|
@ -133,7 +145,7 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<span>
|
<span>
|
||||||
<img alt="multimedia" class="layout-menu-icon-inactive" src="./assets/images/menu/multimedia.svg" />
|
<i class="pi pi-image"></i>
|
||||||
<span>Multimedia</span>
|
<span>Multimedia</span>
|
||||||
</span>
|
</span>
|
||||||
<div>
|
<div>
|
||||||
|
|
@ -141,7 +153,7 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<span>
|
<span>
|
||||||
<img alt="misc" class="layout-menu-icon-inactive" src="./assets/images/menu/misc.svg" />
|
<i class="pi pi-share-alt"></i>
|
||||||
<span>Misc</span>
|
<span>Misc</span>
|
||||||
</span>
|
</span>
|
||||||
<div>
|
<div>
|
||||||
|
|
|
||||||
|
|
@ -1 +0,0 @@
|
||||||
<svg enable-background="new 0 0 87.318 83.411" height="83.411" viewBox="0 0 87.318 83.411" width="87.318" xmlns="http://www.w3.org/2000/svg"><g fill="#889597"><circle cx="20.178" cy="25.659" r="9.253"/><circle cx="43.659" cy="41.706" r="9.252"/><circle cx="43.659" cy="9.324" r="9.252"/><circle cx="67.141" cy="25.659" r="9.252"/><circle cx="43.659" cy="74.086" r="9.252"/><circle cx="20.178" cy="57.751" r="9.253"/><circle cx="67.141" cy="57.751" r="9.252"/><path d="m53.666 19.461h3.469v28.442h-3.469z" transform="matrix(.5642 .8256 -.8256 .5642 51.9487 -31.0618)"/><path d="m30.826 3.27h3.47v28.442h-3.47z" transform="matrix(.5643 .8256 -.8256 .5643 28.6277 -19.2611)"/><path d="m53.666 51.698h3.469v28.441h-3.469z" transform="matrix(.5642 .8256 -.8256 .5642 78.5641 -17.0143)"/><path d="m29.958 35.436h3.468v28.44h-3.468z" transform="matrix(.5639 .8259 -.8259 .5639 54.8315 -4.5165)"/><path d="m31.476 20.689h3.47v28.441h-3.47z" transform="matrix(.5527 -.8334 .8334 .5527 -14.2373 43.2951)"/><path d="m53.665 3.269h3.469v28.443h-3.469z" transform="matrix(.5523 -.8336 .8336 .5523 10.2223 54.0145)"/><path d="m31.476 52.782h3.47v28.441h-3.47z" transform="matrix(.5525 -.8335 .8335 .5525 -40.9857 57.6635)"/><path d="m53.666 35.361h3.469v28.443h-3.469z" transform="matrix(.5524 -.8336 .8336 .5524 -16.5326 68.3766)"/><path d="m65.407 26.801h3.471v28.443h-3.471z" transform="matrix(1 -.0034 .0034 1 -.1381 .2269)"/><path d="m18.667 26.801h3.469v28.443h-3.469z" transform="matrix(1 -.0034 .0034 1 -.1385 .0692)"/><path d="m42.437 44.891h3.471v28.442h-3.471z" transform="matrix(1 -.0028 .0028 1 -.1661 .1245)"/></g></svg>
|
|
||||||
|
Before Width: | Height: | Size: 1.6 KiB |
|
|
@ -1 +0,0 @@
|
||||||
<svg enable-background="new 0 0 87.318 83.411" height="83.411" viewBox="0 0 87.318 83.411" width="87.318" xmlns="http://www.w3.org/2000/svg"><g fill="#666666"><path d="m20.351 40.021h-3.184v4.001l3.184.021c1.08 0 1.62-.656 1.62-1.962 0-.599-.134-1.093-.4-1.48-.266-.386-.674-.58-1.22-.58z"/><path d="m21.381 37.231c.261-.288.39-.719.39-1.291 0-.573-.146-.984-.439-1.231-.294-.246-.661-.37-1.1-.37h-3.063v3.322h3.063c.504 0 .89-.144 1.149-.43z"/><path d="m58.905 38.891c-.08-.259-.207-.443-.379-.551-.308-.198-.738-.302-1.291-.31-.553-.005-.947.022-1.182.09-.23.067-.433.22-.601.461-.166.24-.277.57-.33.99-.055.42-.08.99-.08 1.711 0 .72.033 1.28.103 1.679.063.4.188.703.369.91.18.207.385.338.61.394.228.051.533.077.92.077.386 0 .677-.014.871-.041.191-.024.379-.092.56-.2.18-.104.311-.271.391-.498.172-.479.26-1.13.26-1.951s-.016-1.42-.051-1.802c-.033-.379-.09-.7-.17-.959z"/><path d="m84.522 24.263h-81.727c-1.587 0-2.874 1.286-2.874 2.874v24.268c0 1.586 1.287 2.873 2.874 2.873h81.728c1.59 0 2.875-1.287 2.875-2.873v-24.268c-.001-1.588-1.286-2.874-2.876-2.874zm-60.781 21.14c-.687.734-1.783 1.1-3.291 1.1h-6.083v-14.646h6.043c1.414 0 2.453.363 3.121 1.091.668.726 1.001 1.671 1.001 2.832 0 .748-.167 1.423-.501 2.031-.333.607-.833.97-1.5 1.091.642.119 1.175.477 1.602 1.069.428.595.641 1.336.641 2.231-.003 1.401-.345 2.466-1.033 3.201zm11.596 1.099h-2.262l-.541-1.121c-.118.068-.286.168-.5.304-.213.133-.38.235-.5.312-.12.071-.277.157-.47.258-.194.102-.378.178-.552.231-.414.134-.866.199-1.36.199-2.106 0-3.16-1.248-3.16-3.742v-7.063h2.801v7.125c0 .947.394 1.42 1.182 1.42.691 0 1.278-.127 1.76-.379.24-.133.507-.314.799-.541v-7.625h2.803zm8.101-8.501h-2.38v4.261c0 .72.072 1.221.221 1.5.146.281.373.479.679.6.801.279 1.248.42 1.341.42v1.721h-2.44c-1.734 0-2.602-1.266-2.602-3.801v-4.701h-1.721v-1.562l1.721-.58.46-2.961h2.342v2.961h2.38v2.142zm7.625 0h-2.383v4.261c0 .72.073 1.221.221 1.5.146.281.375.479.682.6.799.279 1.246.42 1.34.42v1.721h-2.44c-1.734 0-2.603-1.266-2.603-3.801v-4.701h-1.719v-1.562l1.719-.58.461-2.961h2.341v2.961h2.383zm9.834 7.462c-.688.761-1.957 1.14-3.812 1.14-1.813 0-3.082-.403-3.801-1.222-.695-.784-1.041-2.11-1.041-3.979 0-.921.053-1.691.158-2.312.106-.621.274-1.147.502-1.58.227-.435.541-.778.941-1.03.733-.468 1.812-.701 3.239-.701 1.828 0 3.092.399 3.791 1.2.701.799 1.051 2.225 1.051 4.271.002 2.049-.34 3.454-1.028 4.213zm12.055 1.039h-2.803v-7.122c0-.96-.394-1.44-1.18-1.44-.533 0-.988.07-1.359.21-.375.14-.775.376-1.201.709v7.643h-2.801v-10.623h2.24l.561 1.14c.975-.708 1.746-1.112 2.32-1.22.307-.067.653-.101 1.041-.101 2.121 0 3.182 1.24 3.182 3.722z"/><path d="m84.522 56.274h-81.727c-1.587 0-2.874-1.285-2.874-2.875v2.875c0 1.588 1.287 2.873 2.874 2.873h81.728c1.59 0 2.875-1.285 2.875-2.873v-2.875c-.001 1.59-1.286 2.875-2.876 2.875z"/></g></svg>
|
|
||||||
|
Before Width: | Height: | Size: 2.7 KiB |
|
|
@ -1 +0,0 @@
|
||||||
<svg enable-background="new 0 0 87.318 83.411" height="83.411" viewBox="0 0 87.318 83.411" width="87.318" xmlns="http://www.w3.org/2000/svg"><g fill="#666666"><path d="m68.851 20.514v23.34h.124l18.323 14.267c-4.269 5.511-10.935 9.074-18.447 9.074-12.892 0-23.34-10.449-23.34-23.341 0-12.891 10.449-23.34 23.34-23.34z"/><path d="m.019 36.949h11.045v30.207h-11.045z"/><path d="m14.788 16.216h11.045v50.939h-11.045z"/><path d="m29.556 27.008h11.045v40.147h-11.045z"/></g></svg>
|
|
||||||
|
Before Width: | Height: | Size: 474 B |
|
|
@ -1 +0,0 @@
|
||||||
<svg enable-background="new 0 0 87.318 83.411" height="83.411" viewBox="0 0 87.318 83.411" width="87.318" xmlns="http://www.w3.org/2000/svg"><g fill="#889597" transform="matrix(5.34921 0 0 5.34921 -1638.26701 -1667.12454)"><path d="m314.768 326.119v-4.224l7.551-4.224v4.224z"/><path d="m314.188 326.165v-4.224l-7.551-4.224v4.224z"/><path d="m312.483 316.089c0-.654-.947-1.184-2.116-1.184s-2.116.53-2.116 1.184.947 1.183 2.116 1.183c1.168.001 2.116-.529 2.116-1.183z"/><path d="m316.428 318.151c0-.654-.947-1.184-2.116-1.184-1.168 0-2.116.53-2.116 1.184s.947 1.183 2.116 1.183c1.169.001 2.116-.529 2.116-1.183z"/><path d="m320.493 316.089c0-.654-.947-1.184-2.116-1.184-1.168 0-2.116.53-2.116 1.184s.948 1.183 2.116 1.183c1.169.001 2.116-.529 2.116-1.183z"/><path d="m314.52 312.99-1.621.906c.375-.188.87-.303 1.413-.303 1.169 0 2.116.53 2.116 1.184s-.947 1.184-2.116 1.184c-1.168 0-2.116-.53-2.116-1.184 0-.304.205-.581.541-.79l-3.468 1.939c.32-.108.695-.171 1.097-.171 1.168 0 2.116.53 2.116 1.184 0 .653-.947 1.184-2.116 1.184s-2.116-.53-2.116-1.184c0-.225.112-.435.306-.614l-1.534.858 7.496 4.193 7.496-4.193zm-.208 7.195c-1.168 0-2.116-.53-2.116-1.183 0-.654.947-1.184 2.116-1.184s2.116.53 2.116 1.184c0 .653-.947 1.183-2.116 1.183zm4.066-2.062c-1.168 0-2.116-.53-2.116-1.184s.948-1.184 2.116-1.184c1.169 0 2.116.53 2.116 1.184-.001.654-.948 1.184-2.116 1.184z"/><path d="m316.428 313.927c0-.654-.947-1.183-2.116-1.183-1.168 0-2.116.53-2.116 1.183 0 .654.947 1.184 2.116 1.184s2.116-.53 2.116-1.184z"/></g></svg>
|
|
||||||
|
Before Width: | Height: | Size: 1.5 KiB |
|
|
@ -1 +0,0 @@
|
||||||
<svg enable-background="new 0 0 87.318 83.411" height="83.411" viewBox="0 0 87.318 83.411" width="87.318" xmlns="http://www.w3.org/2000/svg"><g fill="#666666"><ellipse cx="43.659" cy="22.15" rx="43.616" ry="16.3"/><path d="m.043 29.25s6.548 14.195 43.616 14.195c37.067 0 43.616-14.195 43.616-14.195v8.218s-7.969 14.195-43.616 14.195c-35.646 0-43.616-13.946-43.616-13.946v-8.467z"/><path d="m.043 42.199s6.548 14.195 43.616 14.195c37.067 0 43.616-14.195 43.616-14.195v8.219s-7.969 14.193-43.616 14.193c-35.646 0-43.616-13.945-43.616-13.945v-8.467z"/><path d="m.043 55.149s6.548 14.193 43.616 14.193c37.067 0 43.616-14.193 43.616-14.193v8.219s-7.969 14.193-43.616 14.193c-35.646 0-43.616-13.945-43.616-13.945v-8.467z"/></g></svg>
|
|
||||||
|
Before Width: | Height: | Size: 727 B |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 8.2 KiB |
|
|
@ -1 +0,0 @@
|
||||||
<svg enable-background="new 0 0 87.318 83.411" height="83.411" viewBox="0 0 87.318 83.411" width="87.318" xmlns="http://www.w3.org/2000/svg"><g fill="#666666"><path d="m19.281 79.582 60.706-23.925s1.098.102 1.596-1.993l5.582-32.994s1.097-4.187-3.19-3.19-60.805 11.962-60.805 11.962-6.197 1.371-5.784 7.475c.307 4.481 2.494 40.87 2.494 40.87s.111.992-.599 1.795z"/><path d="m15.491 74.872-2.689-40.472s0-6.58 6.579-7.876 49.815-9.792 49.815-9.792l-.599-7.402s-.896-3.587-4.934-2.99-37.157 4.934-37.157 4.934-5.68 1.271-7.474-4.561c0 0-1.198-3.288-4.413-2.842-3.214.449-11.063 1.124-11.063 1.124s-4.188.448-3.439 4.26c.746 3.813 11.737 60.856 11.737 60.856s2.192 8.548 3.637 4.761z"/></g></svg>
|
|
||||||
|
Before Width: | Height: | Size: 692 B |
|
|
@ -1 +0,0 @@
|
||||||
<svg enable-background="new 0 0 87.318 83.411" height="83.411" viewBox="0 0 87.318 83.411" width="87.318" xmlns="http://www.w3.org/2000/svg"><g fill="#666666"><path d="m87.232 57.611h-87.146v-31.811h87.146zm-83.329-3.818h79.512v-24.176h-79.512z"/><path d="m8.212 39.186c1.323-.524 3.092-.787 5.303-.787 1.338 0 2.366.281 3.086.841.721.562 1.081 1.524 1.081 2.89v8.076h-2.422l-.633-1.269c-.06.104-.244.261-.558.47-.312.211-.746.42-1.297.623-.555.203-1.085.307-1.593.307-1.077 0-1.906-.311-2.488-.93-.582-.617-.873-1.334-.873-2.148v-1.09c0-.931.275-1.695.83-2.293.553-.594 1.402-.89 2.553-.883 1.149.008 2.007.012 2.575.012.567 0 .851-.008.851-.021 0-.233 0-.411 0-.534 0-.125 0-.193 0-.207 0-.583-.124-.966-.371-1.146-.248-.183-.741-.272-1.482-.272-.743 0-2.264.08-4.562.239zm2.662 7.635c0 .438.094.725.283.862.189.14.466.206.83.206s.767-.076 1.211-.229c.443-.152.789-.301 1.036-.445l.394-.241v-2.116l-2.814.219c-.626.059-.938.45-.938 1.18z"/><path d="m22.526 33.075v6.132c1.091-.51 2.261-.764 3.512-.764 1.062 0 1.862.254 2.401.764.566.523.938 1.222 1.112 2.094.176.859.263 1.915.263 3.165 0 1.877-.292 3.324-.873 4.343s-1.549 1.526-2.902 1.526c-.624 0-1.258-.131-1.896-.392-.642-.263-1.171-.567-1.595-.919l-.544 1.18h-2.511v-17.129zm2.727 14.642c.51 0 .888-.252 1.136-.754.245-.502.369-1.303.369-2.398 0-1.1-.062-1.91-.186-2.436-.123-.521-.287-.867-.491-1.035-.203-.166-.479-.251-.829-.251-1.062 0-1.963.145-2.707.438v5.739c.745.463 1.646.697 2.708.697z"/><path d="m31.45 44.398c0-1.163.09-2.142.273-2.933.181-.794.45-1.398.807-1.812.356-.415.752-.71 1.189-.885.437-.173.952-.261 1.549-.261 2.138 0 3.913.226 5.322.677v1.898c-1.381-.089-2.483-.132-3.305-.132s-1.316.014-1.484.043c-.167.03-.354.103-.557.218-.203.118-.349.299-.436.548-.204.596-.307 1.443-.307 2.541 0 1.1.068 1.889.207 2.367.14.48.342.797.61.949.27.152.695.229 1.277.229 1.178 0 2.363-.051 3.557-.15l.588-.045v1.922c-.669.348-1.323.553-1.964.609-.946.088-1.766.131-2.465.131h-.13c-.555 0-.859 0-.917 0-1.15 0-2.051-.387-2.707-1.154-.736-.861-1.107-2.445-1.107-4.76z"/><path d="m44.059 33.075h1.907v17.237h-1.907z"/></g></svg>
|
|
||||||
|
Before Width: | Height: | Size: 2.0 KiB |
|
|
@ -1 +0,0 @@
|
||||||
<svg enable-background="new 0 0 87.318 83.411" height="83.411" viewBox="0 0 87.318 83.411" width="87.318" xmlns="http://www.w3.org/2000/svg"><g fill="#666666"><path d="m84.43 30.728h-81.542c-1.584 0-2.867 1.283-2.867 2.868v16.291c0 1.583 1.282 2.868 2.867 2.868h81.542c1.582 0 2.865-1.285 2.865-2.868v-16.291c.001-1.585-1.283-2.868-2.865-2.868z"/><path d="m84.43 57.887c.33 0 .604.27.604.604v16.291c0 .333-.273.604-.604.604h-81.542c-.333 0-.604-.271-.604-.604v-16.29c0-.335.27-.604.604-.604h81.542m0-2.264h-81.542c-1.584 0-2.867 1.283-2.867 2.868v16.291c0 1.583 1.282 2.867 2.867 2.867h81.542c1.582 0 2.865-1.284 2.865-2.867v-16.291c.001-1.585-1.283-2.868-2.865-2.868z"/><path d="m84.43 5.76h-81.542c-1.584 0-2.867 1.283-2.867 2.868v.073 16.218.072c0 1.584 1.282 2.868 2.867 2.868h81.542c1.582 0 2.865-1.284 2.865-2.868v-.072-16.217-.074c.001-1.585-1.283-2.868-2.865-2.868zm-54.394 17.925-.913-9.297-2.243 9.297h-2.966l-2.336-9.297-.818 9.297h-2.624l1.216-13.917h3.706l2.321 9.505 2.301-9.505h3.687l1.293 13.917zm13.269-11.407h-5.495c-.469 0-.76.114-.873.342-.077.178-.115.419-.115.723v2.167l5.627.191v2.204l-5.627.171v2.168c0 .48.133.773.398.874.192.076.451.115.78.115h5.304v2.186c-.634.088-2.199.178-4.697.267l-1.235.056c-.102 0-.219 0-.351 0-.133 0-.308-.008-.522-.027-.216-.019-.475-.086-.78-.201-.305-.112-.57-.267-.798-.455-.506-.455-.763-1.159-.763-2.108v-8.291c0-1.152.345-1.944 1.028-2.375.318-.191.63-.324.941-.399.31-.076.557-.115.741-.115.186 0 1.101.023 2.747.066 1.646.046 2.878.124 3.689.238v2.203zm12.567 11.407h-2.662l-5.533-8.898v8.898h-2.68v-13.917h2.699l5.514 8.991v-8.991h2.662zm12.642-6.084c0 1.989-.291 3.436-.875 4.337-.191.313-.375.571-.559.768-.188.197-.42.368-.707.513-.283.146-.527.255-.73.325-.203.068-.475.123-.818.16-.43.052-.955.075-1.578.075h-.266c-1.52 0-2.533-.158-3.043-.475-.227-.152-.492-.376-.797-.675-.303-.297-.533-.663-.684-1.094-.379-1.064-.572-2.377-.572-3.935v-7.832h2.664v7.833c0 1.217.119 2.111.359 2.679.217.509.641.831 1.275.971.279.052.682.076 1.207.076s.967-.094 1.32-.284c.746-.405 1.123-1.553 1.123-3.441v-7.834h2.68v7.833z"/></g></svg>
|
|
||||||
|
Before Width: | Height: | Size: 2.0 KiB |
|
|
@ -1 +0,0 @@
|
||||||
<svg enable-background="new 0 0 87.318 83.411" height="83.411" viewBox="0 0 87.318 83.411" width="87.318" xmlns="http://www.w3.org/2000/svg"><g fill="#666666"><path d="m36.506 56.748c0 3.607 2.924 6.533 6.532 6.533h23.764l10.147 12.209 1.025-12.209c3.607 0 6.532-2.926 6.532-6.533l2.799-23.02c0-3.607-2.924-6.532-6.532-6.532h-41.469c-3.607 0-6.532 2.925-6.532 6.532z"/><path d="m33.492 57.013-.66-4.11h-5.011l-10.083 12.131-1.017-12.131h-2.221c-3.327 0-6.037-2.708-6.037-6.037l-3.62-29.915c.071-3.268 2.752-5.902 6.034-5.902h53.648c3.271 0 5.94 2.611 6.034 5.858l-1.179 7.271h4.893l1.088-6.707.03-.387c0-5.991-4.874-10.865-10.866-10.865h-53.647c-5.992 0-10.866 4.874-10.866 10.865l3.625 29.938c.071 5.154 3.751 9.453 8.623 10.478l1.651 19.692 16.176-19.46h3.459c-.023-.238-.049-.477-.054-.719z"/></g></svg>
|
|
||||||
|
Before Width: | Height: | Size: 806 B |
|
|
@ -1 +0,0 @@
|
||||||
<svg enable-background="new 0 0 87.318 83.411" height="83.411" viewBox="0 0 87.318 83.411" width="87.318" xmlns="http://www.w3.org/2000/svg"><g fill="#666666"><path d="m84.444 69.509-17.642-17.642c3.58-4.729 5.705-10.613 5.705-16.986 0-15.556-12.654-28.211-28.211-28.211-15.556 0-28.209 12.655-28.209 28.211s12.653 28.21 28.209 28.21c6.133 0 11.807-1.974 16.441-5.308l17.715 17.717c.828.827 1.914 1.241 2.996 1.241 1.086 0 2.17-.414 2.998-1.241 1.652-1.654 1.652-4.337-.002-5.991zm-59.884-34.629c0-10.883 8.852-19.737 19.736-19.737 10.883 0 19.736 8.854 19.736 19.737 0 10.884-8.854 19.736-19.736 19.736-10.884.001-19.736-8.852-19.736-19.736z"/><path d="m55.397 43.044c0 1.995-1.617 3.612-3.611 3.612h-16.255c-1.996 0-3.613-1.617-3.613-3.612v-16.256c0-1.994 1.617-3.611 3.613-3.611h16.255c1.994 0 3.611 1.617 3.611 3.611z"/><path d="m76.137 34.88c0 2.746-.416 5.394-1.15 7.904h9.83c1.336 0 2.422-1.084 2.422-2.421v-10.895c0-1.337-1.086-2.421-2.422-2.421h-9.793c.719 2.489 1.113 5.116 1.113 7.833z"/><path d="m12.454 34.88c0-2.712.393-5.331 1.109-7.816-.057-.004-.111-.017-.168-.017h-10.895c-1.338 0-2.421 1.084-2.421 2.421v10.896c0 1.337 1.083 2.421 2.421 2.421h10.895c.064 0 .125-.014.189-.019-.73-2.504-1.13-5.148-1.13-7.886z"/></g></svg>
|
|
||||||
|
Before Width: | Height: | Size: 1.2 KiB |
|
|
@ -1 +0,0 @@
|
||||||
<svg enable-background="new 0 0 87.318 83.411" height="83.411" viewBox="0 0 87.318 83.411" width="87.318" xmlns="http://www.w3.org/2000/svg"><g fill="#666666"><path d="m60.707 28.371c12.215 0 22.152 9.938 22.152 22.153s-9.938 22.151-22.152 22.151c-12.213 0-22.15-9.937-22.15-22.151-.001-12.216 9.937-22.153 22.15-22.153m0-4.43c-14.68 0-26.581 11.9-26.581 26.583 0 14.681 11.901 26.582 26.581 26.582 14.682 0 26.583-11.901 26.583-26.582 0-14.683-11.902-26.583-26.583-26.583z"/><path d="m32.536 63.923h-24.754c-1.834 0-3.324-1.491-3.324-3.323v-46.542c0-1.833 1.49-3.322 3.324-3.322h65.682c1.832 0 3.321 1.489 3.321 3.322v9.9c1.578.989 3.063 2.109 4.431 3.354v-13.254c0-4.282-3.47-7.753-7.752-7.753h-65.682c-4.283 0-7.754 3.471-7.754 7.753v46.542c0 4.282 3.472 7.753 7.754 7.753h27.424c-1.007-1.395-1.903-2.874-2.67-4.43z"/><path d="m55.576 63.988c-.94.618-2.298.013-2.298-.769v-25.22c0-.78 1.171-1.674 2.222-.889l18.757 12.201c.688.52.702 1.685.025 2.127"/><path d="m28.281 18.476c-2.846 0-4.431-1.261-4.431-1.261l.827 27.296c-2.091-.625-4.807-.346-7.38.96-4.285 2.173-6.535 6.347-5.027 9.325 1.509 2.975 6.207 3.627 10.492 1.453 3.178-1.612 5.234-4.326 5.468-6.837h.028v-27.398s1.06.02 2.483-1.344c1.661-1.59 2.562-4.592 2.562-4.592s-2.541 2.398-5.022 2.398z"/></g></svg>
|
|
||||||
|
Before Width: | Height: | Size: 1.2 KiB |
|
|
@ -1 +0,0 @@
|
||||||
<svg enable-background="new 0 0 87.318 83.411" height="83.411" viewBox="0 0 87.318 83.411" width="87.318" xmlns="http://www.w3.org/2000/svg"><g fill="#666666"><path d="m82.989 10.083h-78.661c-2.338 0-4.235 1.897-4.235 4.235v12.248h87.132v-12.247c0-2.338-1.896-4.236-4.236-4.236zm-1.301 11.012c.516.516.516 1.349 0 1.862-.512.515-1.348.516-1.861 0l-2.77-2.769-2.77 2.769c-.516.516-1.35.515-1.863 0-.514-.514-.514-1.347 0-1.862l2.77-2.769-2.771-2.771c-.512-.516-.512-1.349 0-1.862.516-.515 1.35-.516 1.863 0l2.771 2.771 2.77-2.771c.514-.516 1.35-.515 1.861 0 .516.514.516 1.347 0 1.862l-2.77 2.771z"/><path d="m.093 30.052v39.04c0 2.338 1.897 4.235 4.235 4.235h78.661c2.34 0 4.236-1.897 4.236-4.235v-39.04zm80.197 35.705h-73.26v-28.137h73.26z"/><path d="m11.052 41.882h65.652v5.395h-65.652z"/><path d="m11.052 50.898h46.211v5.396h-46.211z"/></g></svg>
|
|
||||||
|
Before Width: | Height: | Size: 849 B |
|
|
@ -1 +0,0 @@
|
||||||
<svg enable-background="new 0 0 87.318 83.411" height="83.411" viewBox="0 0 87.318 83.411" width="87.318" xmlns="http://www.w3.org/2000/svg"><g fill="#666666"><path d="m77.591 70.883c0 2.082-1.688 3.771-3.77 3.771h-70.019c-2.083 0-3.77-1.689-3.77-3.771v-48.662c0-2.081 1.687-3.77 3.77-3.77h70.021c2.082 0 3.77 1.689 3.77 3.77z"/><path d="m83.517 8.756h-70.02c-2.083 0-3.771 1.688-3.771 3.77v1.616h68.404c2.082 0 3.771 1.689 3.771 3.77v47.047h1.617c2.08 0 3.77-1.688 3.77-3.77v-48.663c-.002-2.082-1.691-3.77-3.771-3.77z"/></g></svg>
|
|
||||||
|
Before Width: | Height: | Size: 531 B |
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,195 @@
|
||||||
|
.layout-config {
|
||||||
|
position: fixed;
|
||||||
|
padding: 0;
|
||||||
|
top: 70px;
|
||||||
|
display: block;
|
||||||
|
right: 0;
|
||||||
|
width: 550px;
|
||||||
|
z-index: 996;
|
||||||
|
height: calc(100% - 70px);
|
||||||
|
transition: transform .3s;
|
||||||
|
transform: translate3d(550px,0,0);
|
||||||
|
background-color: #ffffff;
|
||||||
|
backface-visibility: hidden;
|
||||||
|
|
||||||
|
&.layout-config-active {
|
||||||
|
transform: translate3d(0,0,0);
|
||||||
|
|
||||||
|
.layout-config-content-wrapper {
|
||||||
|
.layout-config-button {
|
||||||
|
i {
|
||||||
|
transform: rotate(360deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.layout-config-content-wrapper {
|
||||||
|
position: relative;
|
||||||
|
height: 100%;
|
||||||
|
padding: 0;
|
||||||
|
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.24);
|
||||||
|
|
||||||
|
.layout-config-button {
|
||||||
|
display: block;
|
||||||
|
position: absolute;
|
||||||
|
width: 52px;
|
||||||
|
height: 52px;
|
||||||
|
line-height: 52px;
|
||||||
|
background-color: #41b883;
|
||||||
|
text-align: center;
|
||||||
|
color: #fafafa;
|
||||||
|
top: 200px;
|
||||||
|
left: -51px;
|
||||||
|
z-index: -1;
|
||||||
|
overflow: hidden;
|
||||||
|
cursor: pointer;
|
||||||
|
border-top-left-radius: 3px;
|
||||||
|
border-top-right-radius: 3px;
|
||||||
|
transition: background-color .2s, box-shadow .2s;
|
||||||
|
box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2),
|
||||||
|
0 5px 22px 4px rgba(0, 0, 0, 0.12),
|
||||||
|
0 12px 17px 2px rgba(0, 0, 0, 0.14);
|
||||||
|
|
||||||
|
i {
|
||||||
|
font-size: 26px;
|
||||||
|
line-height: inherit;
|
||||||
|
cursor: pointer;
|
||||||
|
transform: rotate(0deg);
|
||||||
|
transition: transform 1s;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background-color: #3aa476;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: #1976D2;
|
||||||
|
transition: color .2s;
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
|
||||||
|
.layout-config-content {
|
||||||
|
overflow: auto;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.layout-config-close {
|
||||||
|
position: absolute;
|
||||||
|
width: 25px;
|
||||||
|
height: 25px;
|
||||||
|
line-height: 25px;
|
||||||
|
text-align: center;
|
||||||
|
right: 20px;
|
||||||
|
top: 20px;
|
||||||
|
z-index: 999;
|
||||||
|
background-color: #41b783;
|
||||||
|
border-radius: 50%;
|
||||||
|
transition: background-color .2s, box-shadow .2s;
|
||||||
|
|
||||||
|
i {
|
||||||
|
color: #ffffff;
|
||||||
|
line-height: inherit;
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background-color: #3aa476;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:focus {
|
||||||
|
outline: 0 none;
|
||||||
|
box-shadow: 0 0 0 0.2em $focusBorderColor;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-size: 18px;
|
||||||
|
letter-spacing: .1px;
|
||||||
|
margin: 0 0 .5em 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.p-grid > div {
|
||||||
|
padding: 1em .5em;
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
|
span {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
margin: 0 0 2em 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.free-themes {
|
||||||
|
padding: 2em;
|
||||||
|
color: #495057;
|
||||||
|
background-color: #ffffff;
|
||||||
|
|
||||||
|
img {
|
||||||
|
width: 50px;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
span {
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.current-theme {
|
||||||
|
box-shadow: 0 0 0 0.2em $focusBorderColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
button {
|
||||||
|
position: relative;
|
||||||
|
display: inline-flex;
|
||||||
|
justify-content: center;
|
||||||
|
transition: box-shadow .2s, transform .2s;
|
||||||
|
|
||||||
|
i {
|
||||||
|
line-height: inherit;
|
||||||
|
font-size: 28px;
|
||||||
|
color: #41b783;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 50%;
|
||||||
|
margin-left: -18px;
|
||||||
|
margin-top: -18px;
|
||||||
|
padding: .18em;
|
||||||
|
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.25);
|
||||||
|
background-color: #ffffff;
|
||||||
|
border-radius: 50%;
|
||||||
|
width: 36px;
|
||||||
|
height: 36px;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:focus {
|
||||||
|
box-shadow: 0 0 0 0.2em $focusBorderColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
transform: scale(1.1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.premium-themes {
|
||||||
|
padding: 2em;
|
||||||
|
background-color: #212529;
|
||||||
|
color: #ffffff;
|
||||||
|
|
||||||
|
p {
|
||||||
|
color: #d8d8d8;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: #2196F3;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,316 @@
|
||||||
|
.layout-content {
|
||||||
|
margin-left: 250px;
|
||||||
|
padding-top: 70px;
|
||||||
|
|
||||||
|
.content-section {
|
||||||
|
display: block;
|
||||||
|
padding: 30px;
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.introduction {
|
||||||
|
color: #ffffff;
|
||||||
|
background-color: #607D8B;
|
||||||
|
|
||||||
|
.feature-intro {
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-size: 28px;
|
||||||
|
margin: 0 0 20px 0;
|
||||||
|
color: #ffffff;
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
margin: 0;
|
||||||
|
line-height: 2em;
|
||||||
|
font-size: 16px;
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
border-radius: 3px;
|
||||||
|
background-color: #ffffff;
|
||||||
|
padding: 2px 4px;
|
||||||
|
color: #495057;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.implementation {
|
||||||
|
background-color: #ffffff;
|
||||||
|
|
||||||
|
> hr {
|
||||||
|
margin-top: 24px;
|
||||||
|
opacity: .3;
|
||||||
|
}
|
||||||
|
|
||||||
|
> h3 {
|
||||||
|
font-weight: 500;
|
||||||
|
margin-top: 30px;
|
||||||
|
font-size: 18px;
|
||||||
|
|
||||||
|
&:first-child {
|
||||||
|
margin-top: 0px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.p-col-12 > h3 {
|
||||||
|
font-weight: 400;
|
||||||
|
margin-top: 30px;
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
h3.first {
|
||||||
|
margin-top: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.implementation-charts {
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.component-sizes {
|
||||||
|
display: inline-flex;
|
||||||
|
flex-direction: column;
|
||||||
|
|
||||||
|
.p-component {
|
||||||
|
margin-bottom: 1em;
|
||||||
|
flex: 0 0 auto;
|
||||||
|
|
||||||
|
&:last-child{
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.content-submenu {
|
||||||
|
background-color: #546E7A;
|
||||||
|
padding: 15px 30px;
|
||||||
|
|
||||||
|
ul {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
width: 100%;
|
||||||
|
|
||||||
|
li {
|
||||||
|
list-style: none;
|
||||||
|
width: 20%;
|
||||||
|
display: inline-block;
|
||||||
|
padding: .25em;
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: #ffffff;
|
||||||
|
display: block;
|
||||||
|
width: 90%;
|
||||||
|
border: 1px solid transparent;
|
||||||
|
padding: 6px 12px;
|
||||||
|
border-radius: 3px;
|
||||||
|
transition: background-color .1s;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background-color: rgba(255,255,255,0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
&:focus {
|
||||||
|
outline: 0 none;
|
||||||
|
transition: box-shadow .2s;
|
||||||
|
box-shadow: 0 0 0 0.2em $focusBorderColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.router-link-exact-active {
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.documentation {
|
||||||
|
border-top: 1px solid #dadada;
|
||||||
|
background-color: #f5f7f8;
|
||||||
|
|
||||||
|
h3 {
|
||||||
|
color: #495057;
|
||||||
|
margin-top: 25px;
|
||||||
|
margin-bottom: 0px;
|
||||||
|
font-size: 22px;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
h4 {
|
||||||
|
text-align: center;
|
||||||
|
font-weight: 700;
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
color: #495057;
|
||||||
|
font-size: 14px;
|
||||||
|
line-height: 24px;
|
||||||
|
margin: 10px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.doc-tablewrapper {
|
||||||
|
margin: 16px 0;
|
||||||
|
overflow: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: #1976D2;
|
||||||
|
font-weight: 500;
|
||||||
|
transition: color .2s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-viewsource {
|
||||||
|
background-color: #444;
|
||||||
|
padding: .5em 1em;
|
||||||
|
border-radius: 2px;
|
||||||
|
color: #fff;
|
||||||
|
font-weight: 700;
|
||||||
|
margin: .5em 0;
|
||||||
|
display: inline-block;
|
||||||
|
transition: background-color .2s;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background-color: #595959;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
i:not([class~="pi"]) {
|
||||||
|
background-color: #ffffff;
|
||||||
|
font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
|
||||||
|
font-style: normal;
|
||||||
|
font-size: 14px;
|
||||||
|
padding: 2px 4px;
|
||||||
|
letter-spacing: .5px;
|
||||||
|
color: #257908;
|
||||||
|
border-radius: 4px;
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Demo Tabs Source */
|
||||||
|
.p-tabview {
|
||||||
|
background: none;
|
||||||
|
border: 0 none;
|
||||||
|
|
||||||
|
.p-tabview-nav {
|
||||||
|
border-radius: 3px 3px 0 0;
|
||||||
|
padding: 4px 4px 0px 4px;
|
||||||
|
border-bottom: 1px solid #dadada;
|
||||||
|
background-color: transparent;
|
||||||
|
|
||||||
|
li {
|
||||||
|
margin-right: 4px;
|
||||||
|
box-shadow: none !important;
|
||||||
|
border: 0 none;
|
||||||
|
top: 1px;
|
||||||
|
border-top-right-radius: 3px;
|
||||||
|
border-top-left-radius: 3px;
|
||||||
|
|
||||||
|
a {
|
||||||
|
font-weight: 400;
|
||||||
|
color: #495057;
|
||||||
|
text-shadow: none;
|
||||||
|
height: inherit;
|
||||||
|
background-color: transparent;
|
||||||
|
border: 0 none;
|
||||||
|
border-bottom: 1px solid transparent;
|
||||||
|
margin-bottom: -1px;
|
||||||
|
border-top-right-radius: 3px;
|
||||||
|
border-top-left-radius: 3px;
|
||||||
|
transition: background-color .2s;
|
||||||
|
|
||||||
|
&:focus {
|
||||||
|
outline: 0 none;
|
||||||
|
transition: background-color .2s, box-shadow .2s;
|
||||||
|
box-shadow: 0 0 0 0.2em $focusBorderColor;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.tab-doc {
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.p-highlight a,
|
||||||
|
&.p-highlight:hover a {
|
||||||
|
border: 0 none;
|
||||||
|
background: #f5f7f8;
|
||||||
|
color: #1976D2;
|
||||||
|
border-bottom: 1px solid #1976D2;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:not(.p-highlight):not(.p-disabled):hover a {
|
||||||
|
color: #1976D2;
|
||||||
|
background-color: transparent;
|
||||||
|
border: 0 none;
|
||||||
|
border-bottom: 1px solid #1976D2;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.p-tabview-panels {
|
||||||
|
background: transparent;
|
||||||
|
border: 0 none;
|
||||||
|
color: #495057;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.support {
|
||||||
|
.support-image {
|
||||||
|
background-color: #495057;
|
||||||
|
padding: 30px;
|
||||||
|
color: #ffffff;
|
||||||
|
text-align: left;
|
||||||
|
|
||||||
|
.p-md-6:last-child {
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
h3, p {
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
li {
|
||||||
|
line-height: 1.5;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.doc-table {
|
||||||
|
border-collapse: collapse;
|
||||||
|
width: 100%;
|
||||||
|
|
||||||
|
th {
|
||||||
|
background-color: #d6dade;
|
||||||
|
padding: 10px 14px;
|
||||||
|
text-align: left;
|
||||||
|
border: solid 1px #d6dade;
|
||||||
|
}
|
||||||
|
|
||||||
|
tbody{
|
||||||
|
td {
|
||||||
|
padding: 10px 14px;
|
||||||
|
border: 1px solid #eaecee;
|
||||||
|
}
|
||||||
|
|
||||||
|
tr{
|
||||||
|
&:nth-child(even) {
|
||||||
|
background-color: #eaecee;
|
||||||
|
}
|
||||||
|
&:nth-child(odd) {
|
||||||
|
background-color: #ffffff;
|
||||||
|
|
||||||
|
td {
|
||||||
|
border: 1px solid #ffffff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,164 @@
|
||||||
|
@keyframes pulse {
|
||||||
|
0% {
|
||||||
|
background-color: rgba(165, 165, 165, 0.1)
|
||||||
|
}
|
||||||
|
50% {
|
||||||
|
background-color: rgba(165, 165, 165, 0.3)
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
background-color: rgba(165, 165, 165, 0.1)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
$focusBorderColor:#BBDEFB;
|
||||||
|
|
||||||
|
html {
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
margin: 0px;
|
||||||
|
height: 100%;
|
||||||
|
overflow-x: hidden;
|
||||||
|
overflow-y: auto;
|
||||||
|
background-color: #ffffff;
|
||||||
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
||||||
|
font-weight: normal;
|
||||||
|
color: #495057;
|
||||||
|
-webkit-font-smoothing: antialiased;
|
||||||
|
-moz-osx-font-smoothing: grayscale;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type="number"] {
|
||||||
|
-moz-appearance: textfield;
|
||||||
|
|
||||||
|
&::-webkit-outer-spin-button,
|
||||||
|
&::-webkit-inner-spin-button {
|
||||||
|
-webkit-appearance: none;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
text-decoration: none;
|
||||||
|
color: #1976D2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.layout-mask {
|
||||||
|
opacity: .1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.layout-mask-active {
|
||||||
|
z-index: 998;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
position: fixed;
|
||||||
|
top: 70px;
|
||||||
|
left: 0;
|
||||||
|
background-color: #4c5254;
|
||||||
|
opacity: .7;
|
||||||
|
transition: opacity .5s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.clearfix {
|
||||||
|
display: inline-block;
|
||||||
|
|
||||||
|
&:after {
|
||||||
|
content: ".";
|
||||||
|
display: block;
|
||||||
|
height: 0;
|
||||||
|
clear: both;
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
* html .clearfix {
|
||||||
|
height: 1%;
|
||||||
|
}
|
||||||
|
.clearfix {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* Animation */
|
||||||
|
@-webkit-keyframes fadeInDown {
|
||||||
|
from {
|
||||||
|
opacity: 0;
|
||||||
|
transform: translate3d(0, -20px, 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
to {
|
||||||
|
opacity: 1;
|
||||||
|
transform: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes fadeInDown {
|
||||||
|
from {
|
||||||
|
opacity: 0;
|
||||||
|
transform: translate3d(0, -20px, 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
to {
|
||||||
|
opacity: 1;
|
||||||
|
transform: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
pre[class*="language-"] code {
|
||||||
|
border-left: 10px solid #d6dade !important;
|
||||||
|
box-shadow: -1px 0px 0px 0px #d6dade, 0px 0px 0px 1px #f8f8f8 !important;
|
||||||
|
background: #ffffff !important;
|
||||||
|
margin: 1em 0;
|
||||||
|
|
||||||
|
code {
|
||||||
|
font-size: 14px;
|
||||||
|
|
||||||
|
.token {
|
||||||
|
&.tag {
|
||||||
|
color: #d57935;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.attr-value {
|
||||||
|
color: #308eea;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.language-javascript {
|
||||||
|
color: #1990b8;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.operator {
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.p-toast.p-toast-topright,
|
||||||
|
.p-toast.p-toast-topleft {
|
||||||
|
top: 100px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dark-theme {
|
||||||
|
.implementation {
|
||||||
|
background-color: #3f3f3f !important;
|
||||||
|
color: #dedede !important;
|
||||||
|
|
||||||
|
> h3,
|
||||||
|
> h4 {
|
||||||
|
color: #dedede !important
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.dark-theme-alt {
|
||||||
|
.implementation {
|
||||||
|
background-color: #10161d !important;
|
||||||
|
color: #ebedef !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
> h3,
|
||||||
|
> h4 {
|
||||||
|
color: #ebedef !important
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,15 @@
|
||||||
|
/* DESIGNER */
|
||||||
|
.primevue-designer {
|
||||||
|
background-color: #ffffff;
|
||||||
|
padding: 30px;
|
||||||
|
h3 {
|
||||||
|
margin: 10px 0 20px 0;
|
||||||
|
display: block;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 24px;
|
||||||
|
}
|
||||||
|
img {
|
||||||
|
width: 100%;
|
||||||
|
margin-bottom: 30px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,8 @@
|
||||||
|
.layout-footer {
|
||||||
|
font-size: 14px;
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: #495057;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,457 @@
|
||||||
|
/* Home Component*/
|
||||||
|
.home {
|
||||||
|
p {
|
||||||
|
line-height: 22px;
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: 2em;
|
||||||
|
}
|
||||||
|
a {
|
||||||
|
color: #2E86C1;
|
||||||
|
font-weight: 500;
|
||||||
|
transition: color .2s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.home-button {
|
||||||
|
font-weight: bold;
|
||||||
|
text-align: center;
|
||||||
|
color: #ffffff !important;
|
||||||
|
background-color: #455C71;
|
||||||
|
padding: 10px 24px 9px 24px;
|
||||||
|
border-radius: 3px;
|
||||||
|
transition: background-color .2s;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background-color: #708EA5;
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.home-button2 {
|
||||||
|
font-weight: bold;
|
||||||
|
text-align: center;
|
||||||
|
color: #8C6816 !important;
|
||||||
|
background-color: #FFCB54;
|
||||||
|
padding: 10px 24px 9px 24px;
|
||||||
|
border-radius: 3px;
|
||||||
|
transition: background-color .2s;
|
||||||
|
display: inline-block;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background-color: #E5AF36;
|
||||||
|
color: #8C6816 !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Introduction */
|
||||||
|
.introduction {
|
||||||
|
background-color: #1976d2;
|
||||||
|
background: url('./assets/images/home/primevue-introduction.jpg');
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: cover;
|
||||||
|
padding: 115px 30px 135px 50px;
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-weight: normal;
|
||||||
|
margin-bottom: 5px;
|
||||||
|
font-size: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
font-weight: bold;
|
||||||
|
margin-bottom: 40px;
|
||||||
|
margin-top: 0;
|
||||||
|
font-size: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
> div {
|
||||||
|
padding: 100px 100px 0 100px;
|
||||||
|
height: 200px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.introduction-promo {
|
||||||
|
display: inline-block;
|
||||||
|
margin-left: -50px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
padding: 10px 50px 10px 175px;
|
||||||
|
font-size: 1.5em;
|
||||||
|
background-image: linear-gradient(90deg, #445C72 0%, #DBDCDE 100%);
|
||||||
|
position: relative;
|
||||||
|
color: #ffffff;
|
||||||
|
font-weight: 700;
|
||||||
|
|
||||||
|
img {
|
||||||
|
position: absolute;
|
||||||
|
height: 75px;
|
||||||
|
left: 50px;
|
||||||
|
top: -12px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Features */
|
||||||
|
.features {
|
||||||
|
background-color: #f9f9f9;
|
||||||
|
text-align: center;
|
||||||
|
padding: 0 30px 30px 30px;
|
||||||
|
|
||||||
|
.feature-card {
|
||||||
|
background-color: #ffffff;
|
||||||
|
box-shadow: 0 0.8px 1.7px rgba(0, 0, 0, 0.008), 0 1.9px 4.2px rgba(0, 0, 0, 0.012),0 3.6px 7.9px rgba(0, 0, 0, 0.015),0 6.5px 14.1px rgba(0, 0, 0, 0.018),0 12.1px 26.3px rgba(0, 0, 0, 0.022),0 29px 63px rgba(0, 0, 0, 0.03);
|
||||||
|
height: 100%;
|
||||||
|
border-radius: 4px;
|
||||||
|
|
||||||
|
.feature-card-detail {
|
||||||
|
padding: 0 16px 16px 16px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
h3 {
|
||||||
|
font-size:24px;
|
||||||
|
color: #495057;
|
||||||
|
padding: 30px 0 12px 0;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.feature-name {
|
||||||
|
display: block;
|
||||||
|
font-weight: bold;
|
||||||
|
font-size: 16px;
|
||||||
|
margin-top: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
margin-top: 1em;
|
||||||
|
margin-bottom: 2em;
|
||||||
|
|
||||||
|
&.features-tagline {
|
||||||
|
color: #495057;
|
||||||
|
margin-bottom: 0;
|
||||||
|
margin-top: -5px;
|
||||||
|
margin-bottom: 2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.features-description {
|
||||||
|
color: #495057;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
> a {
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Who Uses */
|
||||||
|
.whouses {
|
||||||
|
background-color: #495057;
|
||||||
|
color: #ffffff;
|
||||||
|
text-align: center;
|
||||||
|
padding: 30px;
|
||||||
|
|
||||||
|
h3 {
|
||||||
|
font-size: 24px;
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
height: 30px;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.p-grid > div {
|
||||||
|
padding: 2em .5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
margin-bottom: 30px;
|
||||||
|
|
||||||
|
> a {
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.templates {
|
||||||
|
background-color: #f5f7f8;
|
||||||
|
text-align: center;
|
||||||
|
padding: 30px;
|
||||||
|
border-bottom: 1px solid #c4c5c6;
|
||||||
|
|
||||||
|
h3 {
|
||||||
|
font-size:24px;
|
||||||
|
color: #495057;
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
h4 {
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* PRO */
|
||||||
|
.prosupport {
|
||||||
|
border-bottom: 1px solid #dcdedf;
|
||||||
|
background-color: #f5f7f8;
|
||||||
|
padding: 30px;
|
||||||
|
|
||||||
|
p {
|
||||||
|
line-height: 22px;
|
||||||
|
margin-bottom: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
h3 {
|
||||||
|
font-size: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.p-md-6:last-child {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}/* Home Component*/
|
||||||
|
.home {
|
||||||
|
p {
|
||||||
|
line-height: 22px;
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: 2em;
|
||||||
|
}
|
||||||
|
a {
|
||||||
|
color: #2E86C1;
|
||||||
|
font-weight: 500;
|
||||||
|
transition: color .2s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.home-button {
|
||||||
|
font-weight: bold;
|
||||||
|
text-align: center;
|
||||||
|
color: #ffffff !important;
|
||||||
|
background-color: #455C71;
|
||||||
|
padding: 10px 24px 9px 24px;
|
||||||
|
border-radius: 3px;
|
||||||
|
transition: background-color .2s;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background-color: #708EA5;
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.home-button2 {
|
||||||
|
font-weight: bold;
|
||||||
|
text-align: center;
|
||||||
|
color: #8C6816 !important;
|
||||||
|
background-color: #FFCB54;
|
||||||
|
padding: 10px 24px 9px 24px;
|
||||||
|
border-radius: 3px;
|
||||||
|
transition: background-color .2s;
|
||||||
|
display: inline-block;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background-color: #E5AF36;
|
||||||
|
color: #8C6816 !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Introduction */
|
||||||
|
.introduction {
|
||||||
|
background-color: #1976d2;
|
||||||
|
background: url('./assets/images/home/primevue-introduction.jpg');
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: cover;
|
||||||
|
padding: 115px 30px 135px 50px;
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-weight: normal;
|
||||||
|
margin-bottom: 5px;
|
||||||
|
font-size: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
font-weight: bold;
|
||||||
|
margin-bottom: 40px;
|
||||||
|
margin-top: 0;
|
||||||
|
font-size: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
> div {
|
||||||
|
padding: 100px 100px 0 100px;
|
||||||
|
height: 200px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.introduction-promo {
|
||||||
|
display: inline-block;
|
||||||
|
margin-left: -50px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
padding: 10px 50px 10px 175px;
|
||||||
|
font-size: 1.5em;
|
||||||
|
background-image: linear-gradient(90deg, #445C72 0%, #DBDCDE 100%);
|
||||||
|
position: relative;
|
||||||
|
color: #ffffff;
|
||||||
|
font-weight: 700;
|
||||||
|
|
||||||
|
img {
|
||||||
|
position: absolute;
|
||||||
|
height: 75px;
|
||||||
|
left: 50px;
|
||||||
|
top: -12px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Features */
|
||||||
|
.features {
|
||||||
|
background-color: #f9f9f9;
|
||||||
|
text-align: center;
|
||||||
|
padding: 0 30px 30px 30px;
|
||||||
|
|
||||||
|
.feature-card {
|
||||||
|
background-color: #ffffff;
|
||||||
|
box-shadow: 0 0.8px 1.7px rgba(0, 0, 0, 0.008), 0 1.9px 4.2px rgba(0, 0, 0, 0.012),0 3.6px 7.9px rgba(0, 0, 0, 0.015),0 6.5px 14.1px rgba(0, 0, 0, 0.018),0 12.1px 26.3px rgba(0, 0, 0, 0.022),0 29px 63px rgba(0, 0, 0, 0.03);
|
||||||
|
height: 100%;
|
||||||
|
border-radius: 4px;
|
||||||
|
|
||||||
|
.feature-card-detail {
|
||||||
|
padding: 0 16px 16px 16px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
h3 {
|
||||||
|
font-size:24px;
|
||||||
|
color: #495057;
|
||||||
|
padding: 30px 0 12px 0;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.feature-name {
|
||||||
|
display: block;
|
||||||
|
font-weight: bold;
|
||||||
|
font-size: 16px;
|
||||||
|
margin-top: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
margin-top: 1em;
|
||||||
|
margin-bottom: 2em;
|
||||||
|
|
||||||
|
&.features-tagline {
|
||||||
|
color: #495057;
|
||||||
|
margin-bottom: 0;
|
||||||
|
margin-top: -5px;
|
||||||
|
margin-bottom: 2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.features-description {
|
||||||
|
color: #495057;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
> a {
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Who Uses */
|
||||||
|
.whouses {
|
||||||
|
background-color: #495057;
|
||||||
|
color: #ffffff;
|
||||||
|
text-align: center;
|
||||||
|
padding: 30px;
|
||||||
|
|
||||||
|
h3 {
|
||||||
|
font-size: 24px;
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
height: 30px;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.p-grid > div {
|
||||||
|
padding: 2em .5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
margin-bottom: 30px;
|
||||||
|
|
||||||
|
> a {
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.templates {
|
||||||
|
background-color: #f5f7f8;
|
||||||
|
text-align: center;
|
||||||
|
padding: 30px;
|
||||||
|
border-bottom: 1px solid #c4c5c6;
|
||||||
|
|
||||||
|
h3 {
|
||||||
|
font-size:24px;
|
||||||
|
color: #495057;
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
h4 {
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* PRO */
|
||||||
|
.prosupport {
|
||||||
|
border-bottom: 1px solid #dcdedf;
|
||||||
|
background-color: #f5f7f8;
|
||||||
|
padding: 30px;
|
||||||
|
|
||||||
|
p {
|
||||||
|
line-height: 22px;
|
||||||
|
margin-bottom: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
h3 {
|
||||||
|
font-size: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.p-md-6:last-child {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,13 @@
|
||||||
|
.icons-page {
|
||||||
|
.icons-list {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.icons-list i {
|
||||||
|
font-size: 2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.icons-list .p-md-2 {
|
||||||
|
padding-bottom: 2em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,94 @@
|
||||||
|
.layout-sidebar {
|
||||||
|
position: fixed;
|
||||||
|
left: 0;
|
||||||
|
top: 70px;
|
||||||
|
height: calc(100% - 70px);
|
||||||
|
background-color: #ffffff;
|
||||||
|
overflow: auto;
|
||||||
|
width: 250px;
|
||||||
|
box-shadow: 0 0 2px rgba(0,0,0,0.25);
|
||||||
|
|
||||||
|
.layout-menu {
|
||||||
|
|
||||||
|
> span {
|
||||||
|
width: 100%;
|
||||||
|
height: 50px;
|
||||||
|
display: block;
|
||||||
|
padding: 0px 0px 0px 20px;
|
||||||
|
margin-bottom: 12px;
|
||||||
|
background-color: #f8f9fa;
|
||||||
|
color: #767676;
|
||||||
|
font-weight: 700;
|
||||||
|
user-select: none;
|
||||||
|
transition: background-color .2s;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
span {
|
||||||
|
font-size: 14px;
|
||||||
|
margin: 0px 0px 0px 8px;
|
||||||
|
display: block;
|
||||||
|
line-height: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
width: 20px;
|
||||||
|
height: auto;
|
||||||
|
float: left;
|
||||||
|
|
||||||
|
&.layout-menu-icon-active {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.layout-menu-icon-inactive {
|
||||||
|
display: inline;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
> div {
|
||||||
|
background-color: #ffffff;
|
||||||
|
padding: 0 15px 15px 15px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
|
||||||
|
a {
|
||||||
|
display: inline-block;
|
||||||
|
padding: 6px;
|
||||||
|
cursor: pointer;
|
||||||
|
border-radius: 4px;
|
||||||
|
font-size: 14px;
|
||||||
|
color: #495057;
|
||||||
|
transition: background-color .2s;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background-color: #e9ecef;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:focus {
|
||||||
|
z-index: 1;
|
||||||
|
outline: 0 none;
|
||||||
|
transition: box-shadow .2s;
|
||||||
|
box-shadow: 0 0 0 0.2em $focusBorderColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.router-link-active {
|
||||||
|
color: #526F89;
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menuitem-badge {
|
||||||
|
background: linear-gradient(to bottom, #96c93d, #00b09b);
|
||||||
|
padding: 2px 4px;
|
||||||
|
vertical-align: middle;
|
||||||
|
border-radius: 3px;
|
||||||
|
color: #ffffff;
|
||||||
|
font-weight: bold;
|
||||||
|
font-size: 11px;
|
||||||
|
position: relative;
|
||||||
|
top: -1px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,91 @@
|
||||||
|
|
||||||
|
.layout-news {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
z-index: 997;
|
||||||
|
height: 70px;
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
-ms-flex-pack: center;
|
||||||
|
justify-content: center;
|
||||||
|
-ms-flex-align: center;
|
||||||
|
align-items: center;
|
||||||
|
background-image: url("assets/images/topbar-easter-2020-bg.jpg");
|
||||||
|
|
||||||
|
.layout-news-container {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
color: #ffffff;
|
||||||
|
font-weight: bold;
|
||||||
|
font-size: 20px;
|
||||||
|
|
||||||
|
.layout-news-details {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
z-index: 1;
|
||||||
|
|
||||||
|
.rate {
|
||||||
|
color: #f2b837;
|
||||||
|
font-size: 25px;
|
||||||
|
font-weight: bold;
|
||||||
|
margin: 0 .25em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.helper-text {
|
||||||
|
background-color: #f2b837;
|
||||||
|
color: #212121;
|
||||||
|
padding: 0 0.2em;
|
||||||
|
margin-right: 0.3em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
img.layouts-news-text-image {
|
||||||
|
height: 60px;
|
||||||
|
}
|
||||||
|
|
||||||
|
img.layouts-news-mockup-image {
|
||||||
|
height: 70px;
|
||||||
|
position: absolute;
|
||||||
|
right: 52px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.layout-news-close {
|
||||||
|
color: #fff;
|
||||||
|
position: absolute;
|
||||||
|
z-index: 2;
|
||||||
|
right: 28px;
|
||||||
|
background-color: rgba(0,0,0,.3);
|
||||||
|
border-radius: 50%;
|
||||||
|
display: -ms-flexbox;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
width: 23px;
|
||||||
|
height: 23px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.layout-wrapper.layout-news-active {
|
||||||
|
.layout-topbar {
|
||||||
|
top: 70px
|
||||||
|
}
|
||||||
|
|
||||||
|
.layout-sidebar {
|
||||||
|
top: 140px;
|
||||||
|
height: calc(100% - 140px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.layout-config {
|
||||||
|
top: 140px;
|
||||||
|
height: calc(100% - 140px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.layout-content {
|
||||||
|
padding-top: 140px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,161 @@
|
||||||
|
|
||||||
|
@media screen and (max-width: 960px) {
|
||||||
|
.layout-wrapper.layout-news-active {
|
||||||
|
.layout-sidebar {
|
||||||
|
top: 140px;
|
||||||
|
height: calc(100% - 140px);
|
||||||
|
}
|
||||||
|
.layout-config {
|
||||||
|
top: 180px;
|
||||||
|
height: calc(100% - 180px);
|
||||||
|
}
|
||||||
|
.layout-content {
|
||||||
|
padding-top: 180px;
|
||||||
|
}
|
||||||
|
.layout-mask {
|
||||||
|
top: 140px;
|
||||||
|
}
|
||||||
|
.layout-news-container {
|
||||||
|
background-image: linear-gradient(180deg, rgba(255,255,255,0.30) 0%, #FFFFFF 100%);
|
||||||
|
}
|
||||||
|
img.layouts-news-mockup-image {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.layout-topbar {
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
|
.menu-button {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo {
|
||||||
|
margin: 7px 0 6px;
|
||||||
|
|
||||||
|
img{
|
||||||
|
width: 180px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.topbar-menu {
|
||||||
|
background-color: #ffffff;
|
||||||
|
float: none;
|
||||||
|
width: 100%;
|
||||||
|
height: 41px;
|
||||||
|
margin: -1px 0 0 0;
|
||||||
|
border-bottom: 1px solid #e3e9ea;
|
||||||
|
border-top: 1px solid #e3e9ea;
|
||||||
|
|
||||||
|
> li {
|
||||||
|
height: 40px;
|
||||||
|
line-height: 40px;
|
||||||
|
width: 25%;
|
||||||
|
font-size: 14px;
|
||||||
|
|
||||||
|
> a {
|
||||||
|
padding-bottom: 0;
|
||||||
|
height: 40px;
|
||||||
|
width: 100%;
|
||||||
|
min-width: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.topbar-submenu > ul {
|
||||||
|
top: 40px;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.layout-sidebar {
|
||||||
|
top: 70px;
|
||||||
|
left: -300px;
|
||||||
|
z-index: 999;
|
||||||
|
transition: left .3s;
|
||||||
|
|
||||||
|
&.active {
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.layout-content {
|
||||||
|
margin-left: 0;
|
||||||
|
padding-top: 111px;
|
||||||
|
|
||||||
|
.content-section {
|
||||||
|
&.submenu ul li {
|
||||||
|
width: 50%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.home {
|
||||||
|
.introduction > div {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.features > div {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.whouses > div {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.prosupport > div {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.layout-content .content-section.content-submenu ul li {
|
||||||
|
width: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.layout-config {
|
||||||
|
top: 110px;
|
||||||
|
height: calc(100% - 110px);
|
||||||
|
transform: translate3d(100%,0,0);
|
||||||
|
|
||||||
|
.layout-config-button {
|
||||||
|
left: auto;
|
||||||
|
right: -52px;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.layout-config-active {
|
||||||
|
width: 100%;
|
||||||
|
transform: translate3d(0,0,0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 640px) {
|
||||||
|
.layout-wrapper.layout-news-active {
|
||||||
|
.topbar-menu {
|
||||||
|
>li.topbar-submenu {
|
||||||
|
>ul {
|
||||||
|
top: 180px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.layout-topbar {
|
||||||
|
.topbar-menu {
|
||||||
|
> li {
|
||||||
|
&.topbar-submenu {
|
||||||
|
position: static;
|
||||||
|
|
||||||
|
> ul {
|
||||||
|
top: 110px;
|
||||||
|
position: fixed;
|
||||||
|
right: auto;
|
||||||
|
left: 0;
|
||||||
|
width: 100vw;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,199 @@
|
||||||
|
.layout-topbar {
|
||||||
|
background-color: #ffffff;
|
||||||
|
display: block;
|
||||||
|
padding: 0;
|
||||||
|
height: 70px;
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
z-index: 997;
|
||||||
|
box-shadow: 0 0 4px rgba(0,0,0,0.25);
|
||||||
|
|
||||||
|
.menu-button {
|
||||||
|
display: none;
|
||||||
|
color: #495057;
|
||||||
|
font-size: 24px;
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
width: 70px;
|
||||||
|
height: 70px;
|
||||||
|
line-height: 70px;
|
||||||
|
text-align: center;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: background-color .2s;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background-color: #e9ecef;
|
||||||
|
}
|
||||||
|
|
||||||
|
i {
|
||||||
|
line-height: inherit;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo {
|
||||||
|
margin-left: 45px;
|
||||||
|
margin-top: 8px;
|
||||||
|
display: inline-block;
|
||||||
|
|
||||||
|
img {
|
||||||
|
width: 180px;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:focus {
|
||||||
|
outline: 0 none;
|
||||||
|
transition: box-shadow .2s;
|
||||||
|
box-shadow: 0 0 0 0.2em $focusBorderColor;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.topbar-menu {
|
||||||
|
list-style-type: none;
|
||||||
|
float: right;
|
||||||
|
margin: 0 60px 0 0;
|
||||||
|
padding: 0;
|
||||||
|
height: 100%;
|
||||||
|
|
||||||
|
> li {
|
||||||
|
display: inline-block;
|
||||||
|
height: 70px;
|
||||||
|
line-height: 70px;
|
||||||
|
|
||||||
|
> a {
|
||||||
|
text-decoration: none;
|
||||||
|
color: #495057;
|
||||||
|
min-width: 120px;
|
||||||
|
font-size: 16px;
|
||||||
|
display: inline-block;
|
||||||
|
text-align: center;
|
||||||
|
user-select: none;
|
||||||
|
line-height: inherit;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: background-color .2s;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background-color: #e9ecef;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:focus {
|
||||||
|
z-index: 1;
|
||||||
|
outline: 0 none;
|
||||||
|
transition: box-shadow .2s;
|
||||||
|
box-shadow: inset 0 0 0 0.2em $focusBorderColor;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.topbar-submenu {
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
> ul {
|
||||||
|
position: absolute;
|
||||||
|
top: 70px;
|
||||||
|
right: 0;
|
||||||
|
width: 275px;
|
||||||
|
max-height: 400px;
|
||||||
|
background-color: #ffffff;
|
||||||
|
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
|
||||||
|
overflow: auto;
|
||||||
|
list-style-type: none;
|
||||||
|
padding: 6px 12px;
|
||||||
|
margin: 0;
|
||||||
|
border-radius: 3px;
|
||||||
|
|
||||||
|
> li {
|
||||||
|
line-height: 1;
|
||||||
|
|
||||||
|
&.topbar-submenu-header {
|
||||||
|
padding: 6px 12px;
|
||||||
|
font-weight: bold;
|
||||||
|
text-align: left;
|
||||||
|
margin-top: 18px;
|
||||||
|
|
||||||
|
&:first-child {
|
||||||
|
margin-top: 6px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
text-decoration: none;
|
||||||
|
color: #495057;
|
||||||
|
padding: 8px 12px;
|
||||||
|
display: block;
|
||||||
|
user-select: none;
|
||||||
|
transition: background-color .2s;
|
||||||
|
cursor: pointer;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background-color: #e9ecef;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
width: 32px;
|
||||||
|
vertical-align: middle;
|
||||||
|
margin-right: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
span {
|
||||||
|
margin-left: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
i {
|
||||||
|
vertical-align: middle;
|
||||||
|
font-size: 18px;
|
||||||
|
margin-right: 4px;
|
||||||
|
margin-left: 4px;
|
||||||
|
color: #6c757d;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
li:last-child {
|
||||||
|
a {
|
||||||
|
border-bottom: 0 none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.topbar-resources-submenu {
|
||||||
|
> ul {
|
||||||
|
a {
|
||||||
|
padding: 12px 6px;
|
||||||
|
|
||||||
|
span {
|
||||||
|
margin-left: 6px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.theme-badge {
|
||||||
|
padding: 2px 4px;
|
||||||
|
vertical-align: middle;
|
||||||
|
border-radius: 3px;
|
||||||
|
color: #ffffff;
|
||||||
|
font-weight: bold;
|
||||||
|
font-size: 11px;
|
||||||
|
position: relative;
|
||||||
|
top: -1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.theme-badge.material {
|
||||||
|
background: linear-gradient(to bottom, #2196F3, #2196F3);
|
||||||
|
}
|
||||||
|
|
||||||
|
.theme-badge.bootstrap {
|
||||||
|
background: linear-gradient(to bottom, #563D7C, #966BD8);
|
||||||
|
}
|
||||||
|
|
||||||
|
.theme-badge.darkmode {
|
||||||
|
background: linear-gradient(to bottom, #141d26, #5a6067);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,12 @@
|
||||||
|
@import './core';
|
||||||
|
@import './topbar';
|
||||||
|
@import './menu';
|
||||||
|
@import './content';
|
||||||
|
@import './news';
|
||||||
|
@import './footer';
|
||||||
|
@import './config';
|
||||||
|
@import './designer';
|
||||||
|
@import './home';
|
||||||
|
@import './icons';
|
||||||
|
@import './responsive';
|
||||||
|
@import './core';
|
||||||
Loading…
Reference in New Issue