chuckya/app/javascript/styles/modern/style.scss

1 line
130 KiB
SCSS
Raw Normal View History

2023-08-09 01:32:59 +09:00
:root{--tl-width:750px;--radius:12px;--radius-round:24px;--hover-color:rgba(170,170,170,.07);--elevated-color:rgba(150,150,200,.1);--border-color:rgba(120,120,200,.2);--border-color-2:#787878;--shadow:0 10px 40px -10px rgba(0,0,0,.15);--shadow-low:0 8px 16px -10px rgba(0,0,0,.4);--shadow-med:0 8px 60px -30px rgba(0,0,0,.1)}.rtl textarea{text-align:right}a,button,label{user-select:none}.button--block{font-weight:700}.unhandled-link span,.mention span{text-decoration:none!important}.unhandled-link:not(:focus):not(:hover) span,.mention:not(:focus):not(:hover) span{text-decoration:underline!important}input,.input-copy,select,textarea,.compose-form__upload-thumbnail,.button,button:not(.column-header__button),video,.privacy-dropdown__dropdown,.react-toggle-track,.reply-indicator,.compose-form__warning{border-radius:var(--radius)!important}button:focus-visible,.focusable:focus-visible,a:focus-visible,.media-gallery__item-thumbnail:focus-visible{box-shadow:inset 0 0 0 2px #dc7b18;outline:2px #dc7b18 solid;outline-offset:-2px}*:not(.radio-button__input):not(input){font-display:swap!important}:not(.radio-button__input):not(span){border-color:var(--border-color)!important}.setting-text{padding-inline:10px}@media (prefers-reduced-motion:no-preference){.load-more,.setting-toggle,.column-header__back-button,.column-back-button,.trends__item,.story,.account__avatar,.button,.media-gallery__item,.column-link,select,.status-card,.audio-player,.account{transition:transform .4s cubic-bezier(0,0,0,3),background .2s!important}.load-more:active,.setting-toggle:active,.column-header__back-button:active,.column-back-button:active,.trends__item:active,.story:active,.account__avatar:active,.button:active,.media-gallery__item:active,.column-link:active,select:active,.status-card:active,.audio-player:active,.account:active,.load-more:focus-visible,.setting-toggle:focus-visible,.column-header__back-button:focus-visible,.column-back-button:focus-visible,.trends__item:focus-visible,.story:focus-visible,.account__avatar:focus-visible,.button:focus-visible,.media-gallery__item:focus-visible,.column-link:focus-visible,select:focus-visible,.status-card:focus-visible,.audio-player:focus-visible,.account:focus-visible{transform:scale(.99);transition:transform .4s cubic-bezier(0,0,0,1)!important}.column-header__button,.column-header__buttons>.column-header__back-button,.react-toggle-track,.icon-button,.floating-action-button{transition:transform .4s cubic-bezier(0,0,0,4)!important}.column-header__button:active,.column-header__buttons>.column-header__back-button:active,.react-toggle-track:active,.icon-button:active,.floating-action-button:active{transform:scale(.95);transition:transform .4s cubic-bezier(0,0,0,1)!important}.status__content__spoiler-link span{display:inline-block;transition:transform .4s cubic-bezier(0,0,0,4)!important}.status__content__spoiler-link:active span{transition:transform .4s cubic-bezier(0,0,0,1)!important;transform:translateY(1px)}@-moz-keyframes bounceIn{0%{transform:scale(1.1);opacity:0}30%{transform:scale(.99);opacity:1}60%{transform:scale(1.005);opacity:1}100%{transform:scale(1);opacity:1}}@-webkit-keyframes bounceIn{0%{transform:scale(1.1);opacity:0}30%{transform:scale(.99);opacity:1}60%{transform:scale(1.005);opacity:1}100%{transform:scale(1);opacity:1}}@-o-keyframes bounceIn{0%{transform:scale(1.1);opacity:0}30%{transform:scale(.99);opacity:1}60%{transform:scale(1.005);opacity:1}100%{transform:scale(1);opacity:1}}@keyframes bounceIn{0%{transform:scale(1.1);opacity:0}30%{transform:scale(.99);opacity:1}60%{transform:scale(1.005);opacity:1}100%{transform:scale(1);opacity:1}}@-moz-keyframes slideUp{from{transform:translateY(20px)}}@-webkit-keyframes slideUp{from{transform:translateY(20px)}}@-o-keyframes slideUp{from{transform:translateY(20px)}}@keyframes slideUp{from{transform:translateY(20px)}}@-moz-keyframes slideUpFade{from{transform:translateY(20px);filter:opacity(0)}}@-webkit-keyframes slideUpFade{from{transform:translateY(20px);filter:opacity(0)}}@-o-keyframes slideUpFade{from{transform:translateY(20px);filter:opacity(0)}}@