diff options
author | Rasmus Andersson <rasmus@notion.se> | 2023-09-27 03:10:58 +0300 |
---|---|---|
committer | Rasmus Andersson <rasmus@notion.se> | 2023-09-27 03:10:58 +0300 |
commit | 2f9a256e6ec42dd10c71db3b865bfe83811ecf3a (patch) | |
tree | c5a7c4c9e056b51be04d8dffa47be1c703deb9a9 /docs/index-var.css | |
parent | c2452dee3a25f6b4710348bc7a5b585c31037bf3 (diff) | |
download | inter-2f9a256e6ec42dd10c71db3b865bfe83811ecf3a.tar.xz |
new v4 website
Diffstat (limited to 'docs/index-var.css')
-rw-r--r-- | docs/index-var.css | 112 |
1 files changed, 0 insertions, 112 deletions
diff --git a/docs/index-var.css b/docs/index-var.css deleted file mode 100644 index 6b82b6355..000000000 --- a/docs/index-var.css +++ /dev/null @@ -1,112 +0,0 @@ -.variable-sample { - --var-size: 128px; - --var-weight: 600; - --var-slant: 0; - --var-letterSpacing: -0.03em; - --var-lineHeight: 1.1; - text-align: center; - overflow-wrap: break-word; -} -@supports (font-variation-settings: normal) { - .variable-sample { - font-family: 'Inter var experimental', sans-serif; - } -} - -.variable { - padding-bottom: 0; -} - -.variable label { - user-select: none; -} - -.variable .unsupported-message { - opacity: 0.3; - border: 2px solid #999; - border-radius:4px; - text-align: center; - padding: 1em 1em; - display: none; - margin: 1em auto; - width: 60%; -} -.variable .unsupported-message.active { - display: block; -} - .variable .unsupported-message p { - margin: 0.5em 0; - } - -.variable .ctrl { - display: flex; - flex-direction: column; - justify-content: space-between; - align-items: stretch; - /*border: 1px solid #ddd; border-radius:4px;*/ - /*border-top: 1px solid #ddd;*/ - border-bottom: 1px solid #ddd; - color: #333; - padding: 20px 0; - overflow: hidden; -} - -.variable .unsupported-message.active + .ctrl { - border-top: none; -} - - .variable .ctrl .ctrlrow { - flex: 1 0 auto; - display: flex; - justify-content: flex-start; - align-items: center; - padding: 5px 0; - flex-wrap: wrap; - } - .variable .ctrl input { - margin: 0 8px 0 0; - } - .variable .ctrl input[type="range"] { - margin-left: 8px; - flex: 0 0 auto; - width: 150px; - } - .variable .ctrl label { - display: flex; - flex: 0 1 auto; - align-items: center; - margin: 5px; - margin-right: 20px; - /*background:lightpink;*/ - } - .variable .ctrl label.disabled { - color: rgba(0,0,0,0.3); - } - .variable .ctrl label.tight { - flex: 0 1 auto; - } - .variable .ctrl label:last-child { - margin-right: 0; - } - .variable .ctrl label .label { - min-width: 65px; - } - .variable .ctrl label .label.var { - font-weight: 500; - } - -.variable-sample-row { - padding-top:0; -} -.variable-sample-row.black .variable-sample { - color: white; -} -.variable-sample { - color: #030508; - padding-top: 40px; - max-width: 100%; - font-size: var(--var-size); - letter-spacing: var(--var-letterSpacing); - line-height: var(--var-lineHeight); - font-variation-settings: 'wght' var(--var-weight), 'slnt' var(--var-slant); -} |