v3 UI

2026-04-24 22:36:19 -04:00 · 2018-01-12 18:01:27 -08:00
parent 99feff549d
commit 5894b4fd95
1183 changed files with 91622 additions and 4978 deletions
@@ -0,0 +1,69 @@
+.option {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  margin: 3px;
+  border: 1px solid $borderColor;
+
+  &:hover {
+    .token {
+      background-color: #ddd;
+    }
+
+    .example {
+      background-color: #ccc;
+    }
+  }
+}
+
+.small {
+  width: 460px;
+}
+
+.large {
+  width: 100%;
+}
+
+.token {
+  flex: 0 0 50%;
+  padding: 6px 16px;
+  background-color: #eee;
+  font-family: $monoSpaceFontFamily;
+}
+
+.example {
+  display: flex;
+  align-items: center;
+  align-self: stretch;
+  flex: 0 0 50%;
+  padding: 6px 16px;
+  background-color: #ddd;
+}
+
+.lower {
+  text-transform: lowercase;
+}
+
+.upper {
+  text-transform: uppercase;
+}
+
+.isFullFilename {
+  .token,
+  .example {
+    flex: 1 0 auto;
+  }
+}
+
+@media only screen and (max-width: $breakpointSmall) {
+  .option.small {
+    width: 100%;
+  }
+}
+
+@media only screen and (max-width: $breakpointExtraSmall) {
+  .token,
+  .example {
+    flex: 1 0 auto;
+  }
+}