芝麻web文件管理V1.00
编辑当前文件:/home2/sdektunc/cansahcab.gob.mx/administrator/templates/atum/scss/blocks/_quickicons.scss
// Quick Icons .quick-icons { background-color: $white; .nav { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); grid-gap: 1rem; } a { text-decoration: none; } ul { padding: 0; } .quickicon { --text-color: hsl(var(--hue), 30%, 40%); --bg-color: hsl(var(--hue), 60%, 97%); --icon-color: hsl(var(--hue), 30%, 40%); --bg-color-hvr: var(--template-bg-dark); display: flex; flex-grow: 1; a { display: flex; flex-direction: column; flex-grow: 1; justify-content: flex-end; padding: 0 1rem; color: var(--text-color); background-color: var(--bg-color); transition: all .25s ease; .quickicon-icon { margin-top: .5rem; margin-inline-start: .2rem; > * { font-size: $quickicon-icon-size; color: var(--icon-color); } } .quickicon-name { padding: .125rem 0 .6rem; font-size: $display2-size; font-weight: bold; } .quickicon-amount { padding: .25rem .5rem; font-weight: $bold-weight; line-height: 1rem; background: hsl(var(--hue),50%,93%); border-radius: $border-radius; transition: all .25s ease; margin-inline-start: .5rem; } .j-links-link { display: block; padding: 0 .2rem; line-height: 1.1; } &:hover, &:focus, &:active { color: $white; text-decoration: none; background: var(--bg-color-hvr); .quickicon-amount { background: var(--icon-color); } } &.warning, &.danger { --text-color: var(--danger); --bg-color: #f4f0f0; --icon-color: #ce8484; --bg-color-hvr: var(--danger); } &.success { --text-color: var(--success); --bg-color: #f3f9f3; --icon-color: #55a258; --bg-color-hvr: var(--success); } } } .quickicon-info { display: flex; align-items: flex-end; } .quickicon-linkadd { width: 2.5rem; font-size: 1.2rem; background: hsl(var(--hue),50%,93%); transition: all .25s ease; a { align-items: flex-end; justify-content: center; width: 100%; > * { margin-bottom: 10px; color: hsl(var(--hue), 30%, 40%); } &:hover, &:focus, &:active { background: var(--template-bg-dark); * { color: $white; } } } } .quickicon-single, .quickicon-group { display: flex; min-height: 6rem; overflow: hidden; border: 1px solid hsl(var(--hue),50%,93%); border-radius: 4px; } } #content .menu-quicktask { position: absolute; [dir=ltr] & { right: 1.25rem; } [dir=rtl] & { left: 1.25rem; } }