rotion 0.0.1

package/dist/ui.backup/styles/gallery.css

@@ -0,0 +1,172 @@
+/* title */
+.notionate-gallery-title {
+  font-size: .9rem;
+  width: 100%;
+  padding: 10px 10px 0;
+}
+
+/* date */
+.notionate-gallery-date {
+  width: 100%;
+  padding: 8px 10px;
+  display: flex;
+  align-items: center;
+  font-size: 12px;
+  white-space: nowrap;
+}
+
+/* multiselect */
+.notionate-gallery-multiselect-ul {
+  list-style-type: none;
+  display: flex;
+  flex-shrink: 0;
+  align-items: center;
+  padding: 0 0 8px;
+  margin: 0 0 0 7px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.notionate-gallery-multiselect-li {
+  font-size: .75rem;
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+  min-width: 0;
+  border-radius: 3px;
+  padding: 0;
+  color: rgb(24, 51, 71);
+  background: rgb(211, 229, 239) none repeat scroll 0% 0%;
+  margin: 0 6px 0 0;
+  cursor: pointer;
+}
+.notionate-gallery-multiselect-a {
+  text-decoration: none;
+  color: inherit;
+  cursor: pointer;
+  padding: 2px 10px;
+}
+
+/* number */
+.notionate-gallery-number {
+  width: 100%;
+  padding: 0 10px 8px;
+  display: flex;
+  align-items: center;
+  font-size: 12px;
+  white-space: nowrap;
+}
+
+/* richtext */
+.notionate-gallery-richtext {
+  width: 260px;
+  padding: 0 10px 8px;
+  display: block;
+  font-size: 13px;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.notionate-gallery-small .notionate-gallery-richtext {
+  width: 180px;
+}
+.notionate-gallery-medium .notionate-gallery-richtext {
+  width: 260px;
+}
+.notionate-gallery-large .notionate-gallery-richtext {
+  width: 320px;
+}
+
+/* url */
+.notionate-gallery-url {
+  display: flex;
+  white-space: nowrap;
+  margin: 0 7px;
+}
+.notionate-gallery-url-a {
+  display: block;
+  text-decoration: none;
+  cursor: pointer;
+  color: inherit;
+  background: inherit;
+  margin-bottom: 2px;
+}
+.notionate-gallery-url-a:hover {
+  color: rgb(50, 48, 44);
+  background: rgb(227, 226, 224) none repeat scroll 0% 0%;
+  border-radius: 3px;
+}
+.notionate-gallery-url-chain {
+  display: inline;
+  width: 12px;
+  height: 12px;
+  margin-right: 4px;
+  vertical-align: middle;
+}
+.notionate-gallery-url-address {
+  display: inline;
+  font-size: .7rem;
+  line-height: 1.2;
+  white-space: nowrap;
+  background-image: linear-gradient(to right, rgba(55, 53, 47, 0.16) 0%, rgba(55, 53, 47, 0.16) 100%);
+  background-repeat: repeat-x;
+  background-position: 0 100%;
+  background-size: 100% 1px;
+}
+
+/* gallery */
+.notionate-gallery-inner {
+  position: relative;
+  padding-bottom: 1rem;
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
+  gap: 16px;
+}
+.notionate-gallery-small {
+  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
+}
+.notionate-gallery-medium {
+  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
+}
+.notionate-gallery-large {
+  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
+}
+.notionate-gallery-fit img {
+  object-fit: contain;
+  object-position: center 50%;
+  border-bottom: 1px solid rgba(55, 53, 47, 0.09);
+}
+.notionate-gallery-fit .notionate-gallery-small img {
+  height: 101.25px;
+}
+.notionate-gallery-fit .notionate-gallery-medium img {
+  height: 146.25px;
+}
+.notionate-gallery-fit .notionate-gallery-large img {
+  height: 180px;
+}
+.notionate-gallery-card {
+  display: block;
+  color: inherit;
+  text-decoration: none;
+  box-shadow: rgb(15 15 15 / 10%) 0px 0px 0px 1px, rgb(15 15 15 / 10%) 0px 2px 4px;
+  border-radius: 3px;
+  background: white;
+  overflow: hidden;
+  transition: background 100ms ease-out 0s;
+  position: static;
+  height: 100%;
+  cursor: pointer;
+}
+.notionate-gallery-card:hover {
+  background: rgba(55, 53, 47, 0.03);
+}
+.notionate-gallery-card-text {
+  padding-bottom: 10px;
+}
+.notionate-gallery-preview {
+  aspect-ratio: 16 / 9;
+  overflow: hidden;
+}
+.notionate-gallery-preview img {
+  width: 100%;
+}

package/dist/ui.backup/styles/list.css

@@ -0,0 +1,153 @@
+/* title */
+.notionate-list-title {
+  white-space: nowrap;
+  display: block;
+  max-width: 500px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  line-height: 1.4;
+  margin: 0 7px;
+}
+.notionate-list-title-a {
+  text-decoration: none;
+  border-bottom: 1px solid #ddd;
+  color: inherit;
+  cursor: pointer;
+}
+
+/* url */
+.notionate-list-url {
+  display: flex;
+  white-space: nowrap;
+  margin: 0 7px;
+}
+.notionate-list-url-a {
+  display: block;
+  text-decoration: none;
+  cursor: pointer;
+  color: inherit;
+  background: inherit;
+  margin-bottom: 2px;
+}
+.notionate-list-url-a:hover {
+  color: rgb(50, 48, 44);
+  background: rgb(227, 226, 224) none repeat scroll 0% 0%;
+  border-radius: 3px;
+}
+.notionate-list-url-chain {
+  display: inline;
+  width: 12px;
+  height: 12px;
+  margin-right: 4px;
+  vertical-align: middle;
+}
+.notionate-list-url-address {
+  display: inline;
+  font-size: .7rem;
+  line-height: 1.2;
+  white-space: nowrap;
+  background-image: linear-gradient(to right, rgba(55, 53, 47, 0.16) 0%, rgba(55, 53, 47, 0.16) 100%);
+  background-repeat: repeat-x;
+  background-position: 0 100%;
+  background-size: 100% 1px;
+}
+
+/* multiselect */
+.notionate-list-multiselect-ul {
+  list-style-type: none;
+  display: flex;
+  flex-shrink: 0;
+  align-items: center;
+  padding: 0;
+  margin: 0 7px;
+  max-width: 400px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.notionate-list-multiselect-li {
+  font-size: .75rem;
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+  min-width: 0;
+  border-radius: 3px;
+  padding: 0;
+  color: rgb(24, 51, 71);
+  background: rgb(211, 229, 239) none repeat scroll 0% 0%;
+  margin: 0 6px 0 0;
+  cursor: pointer;
+}
+.notionate-list-multiselect-a {
+  text-decoration: none;
+  color: inherit;
+  cursor: pointer;
+  padding: 2px 10px;
+}
+
+/* date */
+.notionate-list-date {
+  white-space: nowrap;
+  font-size: .85rem;
+  display: flex;
+  align-items: center;
+  margin: 0 7px;
+  min-width: 20px;
+  color: #999;
+}
+
+/* richtext */
+.notionate-list-richtext {
+  font-size: .85rem;
+  white-space: nowrap;
+  display: block;
+  margin: 0 .5rem;
+  padding: 0 .5rem;
+  max-width: 25rem;
+  color: #777;
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+
+/* number */
+.notionate-list-number {
+  white-space: nowrap;
+  font-size: .85rem;
+  display: flex;
+  align-items: center;
+  margin: 0 7px;
+  min-width: 20px;
+}
+
+/* list */
+.notionate-list {
+  margin: 0 -7px;
+  padding: 0;
+  overflow-x: scroll;
+}
+.notionate-list-inner {
+  margin: 0;
+  padding: 0;
+  max-width: 100%;
+  min-width: 1200px;
+}
+.notionate-list-record {
+  display: flex;
+  margin: 4px 0;
+  padding: 4px 0;
+  user-select: none;
+  transition: background 20ms ease-in 0s;
+  width: 100%;
+  align-items: center;
+  justify-content: flex-start;
+  background-color: inherit;
+}
+.notionate-list-record:hover {
+  background-color: #f5f5f5;
+}
+.notionate-list-spacer {
+  width: 100%;
+  flex-shrink: 10;
+  display: block;
+  margin-left: 14px;
+  border-top: 1px dashed #999;
+}

package/dist/ui.backup/styles/notionate-dark.css

@@ -0,0 +1,297 @@
+@media (prefers-color-scheme: dark) {
+  .notionate-select-default {
+    color: rgb(255, 255, 255, 0.804);
+    background-color: rgb(55, 55, 55);
+  }
+  .notionate-select-gray {
+    color: rgb(255, 255, 255, 0.804);
+    background-color: rgb(90, 90, 90);
+  }
+  .notionate-select-brown {
+    color: rgba(255, 255, 255, 0.804);
+    background-color: rgb(96, 59, 44);
+  }
+  .notionate-select-orange {
+    color: rgba(255, 255, 255, 0.804);
+    background-color: rgb(133, 76, 29);
+  }
+  .notionate-select-yellow {
+    color: rgba(255, 255, 255, 0.804);
+    background-color: rgb(137, 99, 42);
+  }
+  .notionate-select-green {
+    color: rgba(255, 255, 255, 0.804);
+    background-color: rgb(43, 89, 63);
+  }
+  .notionate-select-blue {
+    color: rgba(255, 255, 255, 0.804);
+    background-color: rgb(40, 69, 108);
+  }
+  .notionate-select-purple {
+    color: rgba(255, 255, 255, 0.804);
+    background-color: rgb(73, 47, 100);
+  }
+  .notionate-select-pink {
+    color: rgba(255, 255, 255, 0.804);
+    background-color: rgb(105, 49, 76);
+  }
+  .notionate-select-red {
+    color: rgba(255, 255, 255, 0.804);
+    background-color: rgb(110, 54, 48);
+  }
+
+  /* TABLE */
+  .notionate-table-title-a {
+    color: #eee;
+    border-color: rgba(255, 255, 255, 0.094);
+  }
+  .notionate-table-icon {
+    fill: rgba(255, 255, 255, 0.443);
+  }
+  .notionate-table-url-a:hover {
+    color: rgb(227, 226, 224);
+    background: rgb(50, 48, 44) none repeat scroll 0% 0%;
+  }
+  .notionate-table-row {
+    color: rgba(255, 255, 255, 0.443);
+    border-color: rgba(255, 255, 255, 0.094);
+    box-shadow: black -3px 0px 0px, rgba(255, 255, 255, 0.08) 0px 1px 0px;
+  }
+  .notionate-table-cell-inner {
+    border-color: rgba(255, 255, 255, 0.094);
+  }
+  .notionate-blocks-table-td-header {
+    background-color: rgba(255, 255, 255, 0.03);
+    border: 1px solid rgb(47, 47, 47);
+  }
+
+  /* GALLERY */
+  .notionate-gallery-card {
+    box-shadow: rgb(15 15 15 / 20%) 0px 0px 0px 1px, rgb(15 15 15 / 20%) 0px 2px 4px;
+    background: rgba(255, 255, 255, 0.055);
+  }
+  .notionate-gallery-fit img {
+    border-color: rgba(255, 255, 255, 0.094);
+  }
+
+  /* LIST */
+  .notionate-list-title-a {
+    border-color: #444;
+  }
+  .notionate-list-record:hover {
+    background-color: #222;
+  }
+
+  /* BLOCKS */
+  .notionate-blocks-bookmark-inner {
+    border-color: rgba(255, 255, 255, 0.13);
+  }
+  .notionate-blocks-bookmark-inner:hover {
+    background-color: rgba(255, 255, 255, 0.055);
+  }
+
+  .notionate-blocks-callout {
+    background-color: rgb(37, 37, 37);
+  }
+
+  .notionate-blocks-childdatabase-a {
+    color: #ddd;
+    border-color: #333;
+  }
+  .notionate-blocks-childdatabase:hover {
+    background-color: rgba(255, 255, 255, 0.055);
+  }
+  .notionate-blocks-childpage-a {
+    color: #ddd;
+    border-color: #333;
+  }
+  .notionate-blocks-childpage:hover {
+    background-color: rgba(255, 255, 255, 0.055);
+  }
+
+  .notionate-blocks-linkpreview-a {
+    border-color: rgba(255, 255, 255, 0.13);
+  }
+  .notionate-blocks-linkpreview-a:hover {
+    background-color: rgba(255, 255, 255, 0.055);
+  }
+  .notionate-blocks-icons-github {
+    fill: #fff;
+  }
+
+  .notionate-blocks-table-td {
+    border-color: rgb(47, 47, 47);
+  }
+  .notionate-blocks-table-th {
+    border-color: rgb(47, 47, 47);
+    background-color: rgba(255, 255, 255, 0.03);
+  }
+
+  .notionate-blocks-text-usermention {
+    color: #ccc;
+  }
+  .notionate-blocks-text-anchor {
+    border-color: #444;
+    color: #ccc;
+  }
+  .notionate-blocks-text-gray-background {
+    background: rgba(47, 47, 47, 1);
+  }
+  .notionate-blocks-text-brown-background {
+    background: rgba(74, 50, 40, 1);
+  }
+  .notionate-blocks-text-orange-background {
+    background: rgba(92, 59, 35, 1);
+  }
+  .notionate-blocks-text-yellow-background {
+    background: rgba(86, 67, 40, 1);
+  }
+  .notionate-blocks-text-green-background {
+    background: rgba(36, 61, 48, 1);
+  }
+  .notionate-blocks-text-blue-background {
+    background: rgba(20, 58, 78, 1);
+  }
+  .notionate-blocks-text-purple-background {
+    background: rgba(60, 45, 73, 1);
+  }
+  .notionate-blocks-text-pink-background {
+    background: rgba(78, 44, 60, 1);
+  }
+  .notionate-blocks-text-red-background {
+    background: rgba(82, 46, 42, 1);
+  }
+  .notionate-blocks-text-hr {
+    border-top-color: #333;
+  }
+
+  .notionate-blocks-unchecked-checkbox {
+    fill: #eee;
+  }
+
+  .notionate-blocks-toggle-triangle:hover {
+    background-color: #222;
+  }
+  .notionate-blocks-toggle-triangle-svg {
+    fill: white;
+  }
+
+  /* CODE */
+  .notionate-blocks-code-caption {
+    color: #999;
+  }
+  .notionate-blocks-code {
+    background-color: #2d2d2d;
+  }
+  .notionate-blocks-code-lang {
+    color: #999;
+  }
+
+  code[class*="language-"],
+  pre[class*="language-"] {
+    color: #ccc;
+    background: none;
+    text-shadow: 0 1px black;
+    font-size: 1em;
+    text-align: left;
+    white-space: pre;
+    word-spacing: normal;
+    word-break: normal;
+    word-wrap: normal;
+    line-height: 1.5;
+  }
+
+  /* Code blocks */
+  pre[class*="language-"] {
+    padding: 1em;
+    margin: .5em 0;
+    overflow: auto;
+  }
+
+  :not(pre) > code[class*="language-"],
+  pre[class*="language-"] {
+    background: #2d2d2d;
+  }
+
+  /* Inline code */
+  :not(pre) > code[class*="language-"] {
+    padding: .1em;
+    border-radius: .3em;
+    white-space: normal;
+  }
+
+  .token.comment,
+  .token.block-comment,
+  .token.prolog,
+  .token.doctype,
+  .token.cdata {
+    color: #999;
+  }
+
+  .token.punctuation {
+    color: #ccc;
+  }
+
+  .token.tag,
+  .token.attr-name,
+  .token.namespace,
+  .token.deleted {
+    color: #e2777a;
+  }
+
+  .token.function-name {
+    color: #6196cc;
+  }
+
+  .token.boolean,
+  .token.number,
+  .token.function {
+    color: #f08d49;
+  }
+
+  .token.property,
+  .token.class-name,
+  .token.constant,
+  .token.symbol {
+    color: #f8c555;
+  }
+
+  .token.selector,
+  .token.important,
+  .token.atrule,
+  .token.keyword,
+  .token.builtin {
+    color: #cc99cd;
+  }
+
+  .token.string,
+  .token.char,
+  .token.attr-value,
+  .token.regex,
+  .token.variable {
+    color: #7ec699;
+  }
+
+  .token.operator,
+  .token.entity,
+  .token.url {
+    color: #67cdcc;
+    background: none;
+  }
+
+  .token.important,
+  .token.bold {
+    font-weight: bold;
+  }
+  .token.italic {
+    font-style: italic;
+  }
+
+  .token.entity {
+    cursor: help;
+  }
+
+  .token.inserted {
+    color: green;
+  }
+}

package/dist/ui.backup/styles/notionate.css

@@ -0,0 +1,5 @@
+@import url("./page.css");
+@import url("./list.css");
+@import url("./gallery.css");
+@import url("./table.css");
+@import url("./base.css");