@require "../common/variables.styl"; @require "../common/magic-theme.styl"; $li-border-radius = 5px; $li-margin-bottom = 12px; .tools-container { .tools-list { li { cursor: pointer; width: $circle-button-width; height: $circle-button-width; border-radius: 50%; font-size: 1.2em; display: flex; align-items: center; justify-content: center; margin-bottom: $li-margin-bottom; background: var(--background-color); &:last-child { margin-bottom: 0; } hover-style(1.1, 1.1); &:hover { transition(); color: var(--background-color); background: var(--primary-color); } &.page-aside-toggle { display: none; +ils-tablet() { display: none !important; } } } } }