scope css under name space excalidraw (#1983)

2020-09-26 02:48:45 +05:30
parent 403576861c
commit a61b212220
33 changed files with 1706 additions and 1559 deletions
@@ -1,82 +1,84 @@
@import "../css/_variables";

-.RoomDialog-modalButton.is-collaborating {
-  background-color: var(--button-special-active-background-color);
+.excalidraw {
+  .RoomDialog-modalButton.is-collaborating {
+    background-color: var(--button-special-active-background-color);

-  .ToolIcon__icon svg {
-    color: var(--icon-green-fill-color);
-  }
-}
-
-.RoomDialog-modalButton-collaborators {
-  min-width: 1em;
-  position: absolute;
-  bottom: -5px;
-  right: -5px;
-  padding: 3px;
-  border-radius: 50%;
-  background-color: $oc-green-6;
-  color: $oc-white;
-  font-size: 0.7em;
-  font-family: var(--ui-font);
-}
-
-.RoomDialog-linkContainer {
-  display: flex;
-  margin: 1.5em 0;
-}
-
-.RoomDialog-link {
-  color: var(--text-color-primary);
-  min-width: 0;
-  flex: 1 1 auto;
-  margin-left: 1em;
-  display: inline-block;
-  cursor: pointer;
-  border: none;
-  height: 2.5rem;
-  line-height: 2.5rem;
-  padding: 0 0.5rem;
-  white-space: nowrap;
-  border-radius: var(--space-factor);
-  background-color: var(--button-gray-1);
-}
-
-.RoomDialog-emoji {
-  font-family: sans-serif;
-}
-
-.RoomDialog-usernameContainer {
-  display: flex;
-  margin: 1.5em 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.RoomDialog-username {
-  background-color: var(--input-background-color);
-  border-color: var(--input-border-color);
-  appearance: none;
-  min-width: 0;
-  flex: 1 1 auto;
-  margin-left: 1em;
-  height: 2.5rem;
-  font-size: 1em;
-  line-height: 1.5;
-  padding: 0 0.5rem;
-}
-
-.RoomDialog-sessionStartButtonContainer {
-  display: flex;
-  justify-content: center;
-}
-
-.RoomDialog-stopSession {
-  background-color: var(--button-destructive-background-color);
-
-  .ToolIcon__label,
-  .ToolIcon__icon svg {
-    color: var(--button-destructive-color);
+    .ToolIcon__icon svg {
+      color: var(--icon-green-fill-color);
+    }
+  }
+
+  .RoomDialog-modalButton-collaborators {
+    min-width: 1em;
+    position: absolute;
+    bottom: -5px;
+    right: -5px;
+    padding: 3px;
+    border-radius: 50%;
+    background-color: $oc-green-6;
+    color: $oc-white;
+    font-size: 0.7em;
+    font-family: var(--ui-font);
+  }
+
+  .RoomDialog-linkContainer {
+    display: flex;
+    margin: 1.5em 0;
+  }
+
+  .RoomDialog-link {
+    color: var(--text-color-primary);
+    min-width: 0;
+    flex: 1 1 auto;
+    margin-left: 1em;
+    display: inline-block;
+    cursor: pointer;
+    border: none;
+    height: 2.5rem;
+    line-height: 2.5rem;
+    padding: 0 0.5rem;
+    white-space: nowrap;
+    border-radius: var(--space-factor);
+    background-color: var(--button-gray-1);
+  }
+
+  .RoomDialog-emoji {
+    font-family: sans-serif;
+  }
+
+  .RoomDialog-usernameContainer {
+    display: flex;
+    margin: 1.5em 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  .RoomDialog-username {
+    background-color: var(--input-background-color);
+    border-color: var(--input-border-color);
+    appearance: none;
+    min-width: 0;
+    flex: 1 1 auto;
+    margin-left: 1em;
+    height: 2.5rem;
+    font-size: 1em;
+    line-height: 1.5;
+    padding: 0 0.5rem;
+  }
+
+  .RoomDialog-sessionStartButtonContainer {
+    display: flex;
+    justify-content: center;
+  }
+
+  .Modal .RoomDialog-stopSession {
+    background-color: var(--button-destructive-background-color);
+
+    .ToolIcon__label,
+    .ToolIcon__icon svg {
+      color: var(--button-destructive-color);
+    }
  }
 }