diff options
author | Rasmus Andersson <rasmus@notion.se> | 2020-04-18 05:15:38 +0300 |
---|---|---|
committer | Rasmus Andersson <rasmus@notion.se> | 2020-04-18 05:15:38 +0300 |
commit | 6a50e64c36828fe6a7fdf79f05a4df24760da0a2 (patch) | |
tree | 2a666801e047ea94b81a4d248bfa5a6e133b8a3a /docs/r/ctxedit.css | |
parent | 1c5781f7a7d176f1abe3fa652f3682bff655c423 (diff) | |
download | inter-6a50e64c36828fe6a7fdf79f05a4df24760da0a2.tar.xz |
remove docs/r
Diffstat (limited to 'docs/r/ctxedit.css')
-rw-r--r-- | docs/r/ctxedit.css | 337 |
1 files changed, 0 insertions, 337 deletions
diff --git a/docs/r/ctxedit.css b/docs/r/ctxedit.css deleted file mode 100644 index fb17514ae..000000000 --- a/docs/r/ctxedit.css +++ /dev/null @@ -1,337 +0,0 @@ -:root { - --strip-height: 40px; -} - -#ctxedit-ui { - box-sizing: border-box; - overflow: hidden; - display: flex; - position: fixed; - left: 0; - right: 0; - bottom: 0; - padding: 0 0; - height: var(--strip-height); - - background: #111; - color: #ccc; - font-size: 12px; - /*border-top-left-radius: 4px; - border-bottom-left-radius: 4px;*/ - - padding: 0 50px; - display: flex; - justify-content: center; - - opacity:0; - transition: 90ms all cubic-bezier(0.25, 0.47, 0.44, 0.93); - transform: translate(0, var(--strip-height)); - - outline: none; - pointer-events: none; -} -#ctxedit-ui.visible { - opacity:1; - transform: translate(0, 0); - pointer-events: initial; -} -#ctxedit-ui .wrapper { - display: flex; - flex-direction: row; - align-items: stretch; - justify-content: center; - width: 100%; - max-width: 888px; /* same as base.css .row > * */ - flex: 1 0 100%; -} - #ctxedit-ui .control { - display: flex; - justify-content: space-between; - align-items: center; - overflow: hidden; - min-height: 30px; - margin: 0 16px; - } - #ctxedit-ui .control:first-child { - margin-left:0; - } - #ctxedit-ui .control.range { - flex: 1 1 auto; - max-width: 200px; - } - #ctxedit-ui .control > * { - flex: 1 1 auto; - margin:0; - box-sizing: border-box; - } - #ctxedit-ui .control > :last-child { - margin-right: 0; - } - #ctxedit-ui .control > select { - min-width: 8em; - flex: 0 1 auto; - align-items: center; - justify-content: center; - } - #ctxedit-ui .control > input, - #ctxedit-ui .control > select { - width: 0; - outline: none; - color: inherit; - } - #ctxedit-ui .control.popup { - margin-right: 0px; - } - #ctxedit-ui .control > select { - font: inherit; - appearance: none; - -webkit-appearance: none; - -moz-appearance: none; - border: none; - background-color: #111; - margin: 0; - padding: 0; - height: var(--strip-height); - background-image: url(popup.svg); - background-repeat: no-repeat; - background-position: left center; - width: 120px; - color: white; - opacity: 0.6; - padding-left: 20px; - line-height: var(--strip-height); - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden; - } - #ctxedit-ui .control > select::-ms-expand { - display: none; - } - #ctxedit-ui .control > select:-moz-focusring { - color: transparent; - text-shadow: 0 0 0 #fff; - background-color: #111; - font: inherit; - font-size: inherit; - } - #ctxedit-ui .control > select:hover { - opacity: 1; - } - #ctxedit-ui .control > input[type="number"], - #ctxedit-ui .control > input[type="text"] { - background: none; - border: none; - padding: 4px 0; - font-size: inherit; - /*border-radius: 2px;*/ - } - #ctxedit-ui .control > input[type="number"] { - max-width: 48px; - text-align: left; - -moz-appearance: textfield; - -moz-font-feature-settings: 'tnum' 1; - -ms-font-feature-settings: 'tnum' 1; - -o-font-feature-settings: 'tnum' 1; - -webkit-font-feature-settings: 'tnum' 1; - font-feature-settings: 'tnum' 1; - } - #ctxedit-ui .control > input[type=number]::-webkit-inner-spin-button, - #ctxedit-ui .control > input[type=number]::-webkit-outer-spin-button { - -webkit-appearance: none; - margin: 0; - } - #ctxedit-ui .control > input[type="range"] { - /*max-width: 80%;*/ - flex: 1 1 auto; - display: block; - } - #ctxedit-ui .control > input[type="color"] { - width:20px; - height:20px; - border: none; - background: transparent; - } - #ctxedit-ui .control > img.icon, - #ctxedit-ui .control > label { - user-select: none; - font-family: georgia, serif; - font-style: italic; - color: white; - width: 16px; - height: 16px; - flex: 0 0 auto; - margin-right: 16px; - opacity: 0.6; - } - - #ctxedit-ui .button { - width: var(--strip-height); - height: var(--strip-height); - background-repeat: no-repeat; - background-position: center; - opacity: 0.6; - margin:0; - } - #ctxedit-ui .button:hover { - opacity: 1; - background-color: #292929; - } - #ctxedit-ui .button:active { - background-color: #444; - } - #ctxedit-ui .button.features-button { background-image: url(settings.svg); } - #ctxedit-ui .button.reset-button { background-image: url(reset.svg); } - #ctxedit-ui .button.dismiss-button { background-image: url(dismiss.svg); } - - - -/* narrow viewports */ -@media only screen and (max-width: 639px) { - #ctxedit-ui { - background: black; - height: calc(var(--strip-height) * 4); - } - #ctxedit-ui .wrapper { - flex-direction: column; - flex-wrap: wrap; - } -} - - -.font-preload { - position: fixed; - display: block; - opacity: 0; - pointer-events: none; -} - - -.slider-value-tip { - pointer-events: none; - opacity: 0; - position: fixed; - text-align: center; - width: 100px; - /*background: hotpink;*/ - left: 500px; - display: flex; - flex-direction: column; - align-items: center; - z-index: 9; - transition: opacity 120ms ease-out; - filter: drop-shadow(0px 2px 6px rgba(0,0,0,0.2)); - --fgcolor: #fff; - --bgcolor: #444; -} -.slider-value-tip .value { - padding: 4px 10px; - border-radius: 2px; - font-size: 11px; - letter-spacing: 0.013em; - color: var(--fgcolor); - background: var(--bgcolor); - -moz-font-feature-settings: 'tnum' 1; - -ms-font-feature-settings: 'tnum' 1; - -o-font-feature-settings: 'tnum' 1; - -webkit-font-feature-settings: 'tnum' 1; - font-feature-settings: 'tnum' 1; - z-index: 1; -} -.slider-value-tip .callout { - background: var(--bgcolor); - width:10px; - height:10px; - transform: translate(0, -6px) rotate(45deg); - z-index: 0; -} -.slider-value-tip.visible { - opacity: 1; -} - -.styled-inputs-neg { - --track-thickness: 2px; - --track-color: rgba(255, 255, 255, 0.3); - - --thumb-outline-thickness: 2px; - --thumb-outline-color: #111; /* match control strip */ - --thumb-diameter: 10px; - --thumb-color: white; - - --active-color: rgb(95, 170, 255); -} - -.styled-inputs-neg input[type=range] { - -webkit-appearance: none; - margin: 0; - width: 100%; - height: var(--strip-height); - background: transparent; -} -.styled-inputs-neg input[type=range]:focus { - outline: none; -} - -.styled-inputs-neg input[type=range]::-webkit-slider-runnable-track { - width: 100%; - margin: 0; - animate: 0.2s; - background: var(--track-color); - height: var(--track-thickness); -} -.styled-inputs-neg input[type=range]:focus::-webkit-slider-runnable-track { - background: var(--active-color); -} -.styled-inputs-neg input[type=range]::-moz-range-track { - width: 100%; - margin: 0; - animate: 0.2s; - background: var(--track-color); - height: var(--track-thickness); -} -.styled-inputs-neg input[type=range]:focus::-moz-range-track { - background: var(--active-color); -} - -.styled-inputs-neg input[type=range]::-webkit-slider-thumb { - --thumb-diameter2: calc(var(--thumb-diameter) + var(--thumb-outline-thickness) * 2); - width: var(--thumb-diameter2); - height: var(--thumb-diameter2); - border: var(--thumb-outline-thickness) solid var(--thumb-outline-color); - border-radius: 100%; - background: var(--thumb-color); - -webkit-appearance: none; - margin-top: calc(((var(--thumb-diameter2) / 2) - (var(--track-thickness) / 2)) * -1); -} -.styled-inputs-neg input[type=range]::-moz-range-thumb { - width: var(--thumb-diameter); - height: var(--thumb-diameter); - border: var(--thumb-outline-thickness) solid var(--thumb-outline-color); - border-radius: 100%; - background: var(--thumb-color); - margin-top: calc(((var(--thumb-diameter) / 2) - (var(--track-thickness) / 2)) * -1); -} - -/* MS Edge -- note that we can't use CSS variables here */ -.styled-inputs-neg input[type=range]::-ms-track { - background: transparent; - border-color: transparent; - border-width: 0 0; - color: transparent; /* markings */ - height: 2px; - animate: 0.2s; - margin: 0; -} -.styled-inputs-neg input[type=range]::-ms-fill-lower, -.styled-inputs-neg input[type=range]::-ms-fill-upper { - background: white; - opacity: 0.3; -} -.styled-inputs-neg input[type=range]::-ms-thumb { - width: 9px; - height: 9px; - /*border: 2px solid rgba(0,0,0,0.8);*/ - box-shadow: 0px 0px 0px 2px #111; - border-radius: 100%; - background: white; -} -/* Note: :focus selectors are buggy in Edge, so we skip that */ |