/////////////////////////////////////// // 管理パネル /////////////////////////////////////// .admin-panel{ background-color: var(--cocoon-text-color); color: var(--cocoon-white-color); opacity: 0.8; padding: 10px; font-size: 16px; position: fixed; bottom: 0; left: 0; right: 0; display: flex; flex-direction: row; flex-wrap: wrap; transition: .3s; z-index: 980; a{ color: var(--cocoon-white-color); } // &::before{ // font-family: FontAwesome; // content: '\f201'; // } } .admin-panel:not(:has(.admin-pv, .admin-edit, .admin-checks, .admin-responsive)) { display: none; } .admin-pv, .admin-edit, .admin-amp, .admin-checks, .admin-responsive{ border-radius: 3px; padding: 0 10px; border: 1px solid var(--cocoon-basic-border-color); margin: 6px 4px; >span{ padding: 0 4px; } } .admin-amp, .admin-checks, .admin-responsive{ a{ margin: 0 4px; font-size: 0.8em; } } .admin-pv{ position: relative; .admin-pv-by{ position: absolute; bottom: -1em; right: 0.4em; font-size: 0.6em; background-color: var(--cocoon-text-color); padding: 0 5px; } } .apdt-pc-only{ display: flex; } .apdt-mobile-only{ display: none; } .entry-card .admin-pv { margin: 0.4em 0 1.4em; padding: 0; border-width: 0; font-size: 0.9em; >span{ padding: 0 7px 0 0; &:nth-of-type(2){ padding: 0; } } .admin-pv-by{ display: none; } }