:
:
 | : position: relative vertical-align: baseline border-collapse: separate text-align-last: auto text-decoration: none !important } @media (max-device-width: 767px) { .rui-Button-button { font-weight: 500 letter-spacing: 1.4px } } .rui-Button-button, .rui-Button-button * { transition: background-color .2s, border .2s, box-shadow .2s } .rui-Button-button:before, .rui-Button-button:after { top: 0 left: 0 right: 0 border: 1px solid transparent bottom: 0 display: block content: "" position: absolute transition: all .2s border-radius: 1px pointer-events: none } .rui-Button-button[disabled] { pointer-events: none } .rui-Button-button::-moz-focus-inner { border: none !important outline: none !important } .rui-Button-isRounded.rui-Button-button, .rui-Button-isRounded:before, .rui-Button-isRounded:after { border-radius: 9999px !important } .rui-Button-isLoading { opacity: 0 pointer-events: none } .rui-Button-loader { font-size: 3px } @media (max-device-width: 767px) { .rui-Button-loader { font-size: 4px } } .rui-Button-content { display: block padding: 0 20px overflow: hidden position: relative white-space: nowrap text-overflow: ellipsis -webkit-font-smoothing: antialiased -moz-osx-font-smoothing: grayscale } .rui-Button-content:before { width: 0 height: 100% display: inline-block content: "" vertical-align: middle } .rui-Button-content > * { vertical-align: middle } @media (max-device-width: 767px) { .rui-Button-content { padding: 0 25px } } .rui-Button-block { width: 100% display: block } .rui-Button-size-medium { font-size: 11px } @media (max-device-width: 767px) { .rui-Button-size-medium { font-size: 13px } } .rui-Button-size-medium .rui-Button-content { height: 45px line-height: 45px } @media (max-device-width: 767px) { .rui-Button-size-medium .rui-Button-content { height: 55px line-height: 55px } } .rui-Button-size-small { font-size: 11px } @media (max-device-width: 767px) { .rui-Button-size-small { font-size: 13px } } .rui-Button-size-small .rui-Button-content { height: 35px line-height: 35px } @media (max-device-width: 767px) { .rui-Button-size-small .rui-Button-content { height: 45px line-height: 45px } } .rui-Button-overlay { top: 0 left: 0 right: 0 width: 100% bottom: 0 height: 100% cursor: pointer z-index: 1 opacity: 0 position: absolute } .rui-Button-icon { display: inline-block margin-top: -2px transition: fill .2s } .rui-Button-iconPosition-right .rui-Button-icon { margin-left: 5px } @media (max-device-width: 767px) { .rui-Button-iconPosition-right .rui-Button-icon { margin-left: 10px } } .rui-Button-iconPosition-left .rui-Button-icon { margin-right: 5px } @media (max-device-width: 767px) { .rui-Button-iconPosition-left .rui-Button-icon { margin-right: 10px } } .rui-Button-type-primary { background: #315efb } .rui-Button-type-primary:active:active { background: rgb(39, 75, 200) } .rui-Button-type-primary:hover { background: rgb(44, 84, 225) } .rui-Button-type-primary[disabled] { background: #f5f7f8 } .rui-Button-type-primary, .rui-Button-type-primary * { color: #fff } .rui-Button-type-primary .rui-Button-icon { fill: #fff } .rui-Button-type-primary .rui-Button-loader { color: #fff } html[data-focus-source "other"] .rui-Button-type-primary:focus:after { top: -3px left: -3px right: -3px bottom: -3px border-color: #315efb border-radius: 3px } .rui-Button-type-primary[disabled], .rui-Button-type-primary[disabled] * { color: #afb5c9 } .rui-Button-type-primary[disabled] .rui-Button-icon { fill: rgb(199, 202, 212) } .rui-Button-type-secondary { background: #f5f7f8 } .rui-Button-type-secondary:active:active { background: rgb(239, 240, 242) } .rui-Button-type-secondary:hover { background: rgb(239, 240, 242) } .rui-Button-type-secondary[disabled] { background: #f5f7f8 } .rui-Button-type-secondary, .rui-Button-type-secondary * { color: #262626 } .rui-Button-type-secondary .rui-Button-icon { fill: #315efb } .rui-Button-type-secondary .rui-Button-loader { color: #315efb } html[data-focus-source "other"] .rui-Button-type-secondary:focus:after { top: 0 left: 0 right: 0 bottom: 0 border-color: #315efb border-radius: 1px } .rui-Button-type-secondary[disabled], .rui-Button-type-secondary[disabled] * { color: #afb5c9 } .rui-Button-type-secondary[disabled] .rui-Button-icon { fill: rgb(199, 202, 212) } .rui-Button-type-secondary:hover, .rui-Button-type-secondary:hover * { color: #315efb } .rui-Button-type-secondary:active:active, .rui-Button-type-secondary:active:active * { color: rgb(39, 75, 200) } .rui-Button-type-secondary:active:active .rui-Button-icon { fill: rgb(39, 75, 200) } .rui-Button-type-outline { background: transparent } .rui-Button-type-outline:active:active { background: #f5f7f8 } .rui-Button-type-outline, .rui-Button-type-outline * { color: #262626 } .rui-Button-type-outline:before { border-color: rgb(231, 232, 236) } .rui-Button-type-outline .rui-Button-icon { fill: #315efb } .rui-Button-type-outline .rui-Button-loader { color: #315efb } html[data-focus-source "other"] .rui-Button-type-outline:focus:after { top: 0 left: 0 right: 0 bottom: 0 border-color: #315efb border-radius: 1px } .rui-Button-type-outline[disabled], .rui-Button-type-outline[disabled] * { color: #afb5c9 } .rui-Button-type-outline[disabled]:before { border-color: rgb(239, 240, 242) } .rui-Button-type-outline[disabled] .rui-Button-icon { fill: rgb(199, 202, 212) } .rui-Button-type-outline:hover, .rui-Button-type-outline:hover * { color: #315efb } .rui-Button-type-outline:hover:before { border-color: #315efb } .rui-Button-type-outline:active:active, .rui-Button-type-outline:active:active * { color: rgb(39, 75, 200) } .rui-Button-type-outline:active:active:before { border-color: rgb(39, 75, 200) } .rui-Button-type-outline:active:active .rui-Button-icon { fill: rgb(39, 75, 200) } .rui-Button-type-flat { background: transparent } .rui-Button-type-flat:active:active { background: #f5f7f8 } .rui-Button-type-flat:hover { background: #f5f7f8 } .rui-Button-type-flat, .rui-Button-type-flat * { color: #262626 } .rui-Button-type-flat .rui-Button-icon { fill: #315efb } .rui-Button-type-flat .rui-Button-loader { color: #315efb } html[data-focus-source "other"] .rui-Button-type-flat:focus:after { top: 0 left: 0 right: 0 bottom: 0 border-color: #315efb border-radius: 1px } .rui-Button-type-flat[disabled], .rui-Button-type-flat[disabled] * { color: #afb5c9 } .rui-Button-type-flat[disabled] .rui-Button-icon { fill: rgb(199, 202, 212) } .rui-Button-type-danger { background: #ff564e } .rui-Button-type-danger:active:active { background: rgb(204, 68, 62) } .rui-Button-type-danger:hover { background: rgb(229, 77, 70) } .rui-Button-type-danger[disabled] { background: #f5f7f8 } .rui-Button-type-danger, .rui-Button-type-danger * { color: #fff } .rui-Button-type-danger .rui-Button-icon { fill: #fff } .rui-Button-type-danger .rui-Button-loader { color: #fff } html[data-focus-source "other"] .rui-Button-type-danger:focus:after { top: -3px left: -3px right: -3px bottom: -3px border-color: #ff564e border-radius: 3px } .rui-Button-type-danger[disabled], .rui-Button-type-danger[disabled] * { color: #afb5c9 } .rui-Button-type-danger[disabled] .rui-Button-icon { fill: rgb(199, 202, 212) } Новости сегодня |