File manager - Edit - /home/ferretapmx/public_html/components.zip
Back
PK ��\�c[�� � _layout.scssnu �[��� // General layout .media-container { display: flex; flex-wrap: wrap; margin-top: 1rem; background-color: $container-bg; border-radius: $border-radius; box-shadow: $col-box-shadow; .contentpane & { margin: 0 -20px; box-shadow: none; } } .media-col-main-panel { flex: 0 0 $col-main-panel-width; max-width: $col-main-panel-width; } .media-col-side-panel { flex: 0 0 $col-side-panel-width; max-width: $col-side-panel-width; } [class^="media-col"], [class*=" media-col"] { position: relative; width: 100%; min-height: 1px; padding-right: $col-gutter-width * .5; padding-left: $col-gutter-width * .5; } @media (min-width: 768px) { [class^="media-col"], [class*=" media-col"] { flex: 0 0 100%; max-width: 100%; } } .media-main { position: relative; flex: 1 1 600px; min-height: 75vh; } .media-sidebar { flex: 1 1 300px; padding: 1rem; @media (min-width: 768px) { position: sticky; top: 75px; align-self: flex-start; max-width: 300px; } } PK ��\v��= = _media-tree.scssnu �[��� // Media Tree ul.media-tree { padding: 0 0 5px; margin: 0; overflow-x: visible; list-style: none; ul { margin-left: 2px; } &:empty { display: none; } } .media-disk { inset-inline-start: 0; display: block; margin-block-end: 10px; > details { margin: initial; h2 { margin-block-end: 0; display: inline-block; } summary ~ * { margin-block-start: 0; } } } .media-drive { max-height: 75vh; overflow: auto; background-color: $sidebar-drive-bg; border: 1px solid $border-color; + .media-drive { border-top: 0; } } .media-disk-name { padding: 4px 1px; font-size: 1rem; color: $sidebar-disk-name-color; &:empty { display: none; } } .media-tree-item { position: relative; display: block; &::before { position: absolute; top: $sidebar-tree-line-height * .5; left: 0; width: 10px; height: 1px; margin: auto; content: ""; background-color: $sidebar-tree-line-color; } &::after { position: absolute; top: 0; bottom: 0; left: 0; width: 1px; height: 100%; content: ""; background-color: $sidebar-tree-line-color; } &:last-child { &::after { height: $sidebar-tree-line-height * .5; } } li { padding-left: 10px; &::before, &::after { left: 5px; } } } .media-drive-name { padding: 4px 10px; &::before { content: none; } &::after { content: none; } &:hover, &:focus-visible { cursor: pointer; } } .media-tree-item a { display: block; padding: 0 7px; overflow: hidden; line-height: $sidebar-tree-line-height; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; &:hover, &:focus-visible { background-color: $sidebar-tree-item-hover-bg; } } .media-tree-item.active > a { &:hover, &:focus-visible { text-decoration: none; background-color: $sidebar-tree-item-hover-bg; } } .media-tree-item .item-icon { display: inline-block; padding-right: 2px; font-size: 15px; line-height: normal; color: $sidebar-tree-icon-color; vertical-align: middle; } .media-tree-item.active > a .item-icon { color: $sidebar-active-icon-color; } .item-name { font-size: .9em; vertical-align: middle; } .media-tree-item.active > a .item-name { font-weight: bold; } // RTL override html[dir=rtl] { .media-browser-table .dimension, .media-browser-table .size { direction: ltr; } .media-browser-table .created, .media-browser-table .modified { direction: ltr; } .media-drive-name { padding-right: 2px; } .media-tree-item li::before, .media-tree-item li::after { right: 5px; left: 0; margin: 0; } .media-tree-item .item-icon { padding-right: 10px; padding-left: 2px; } ul.media-tree ul { margin-right: 15px; } } PK ��\KG��&