模板:切换显示按钮/togglestyle.css

来自SS唯基
< 模板:切换显示按钮
Willson-v-讨论 | 贡献2022年5月4日 (三) 12:06的版本 (建立内容为“.textToggleDisplayButtons { display: inline-flex; flex-wrap: wrap; align-items: baseline; align-content: flex-start; user-select: none; } .te…”的新页面)
(差异) ←上一版本 | 最后版本 (差异) | 下一版本→ (差异)
跳到导航 跳到搜索
.textToggleDisplayButtons {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: baseline;
    align-content: flex-start;
    user-select: none;
}

.textToggleDisplayButtonLabel {
    border: 1px solid rgba(0, 0, 0, .3);
    border-left-width: 4px;
    border-radius: 2px;
    flex: 1 0 auto;
    margin: 4px;
    padding: 0 8px;
    box-shadow: 1px 1px 2px black;
    color: rgba(0, 0, 0, .7);
    transition: .13s ease-in-out all;
    background-color: white;
}


.textToggleDisplayButtonLabel.on {
    border-color: rgba(0, 0, 0, 1);
    color: rgba(0, 0, 0, 1);
}

.textToggleDisplay.hidden,
.textToggleDisplayButtonsStyle,
.textToggleDisplayStyle,
.textToggleDisplayButtonLabel:not(.on) .textToggleDisplayButtonLabelText.on,
.textToggleDisplayButtonLabel.on .textToggleDisplayButtonLabelText.off {
    display: none !important;
}