GHI-#1 Implement base UI component styles

nordtheme · Apr 15, 2017 · deb1b95 · deb1b95
1 parent 4423efc
commit deb1b95
Show file tree

Hide file tree

Showing 4 changed files with 121 additions and 0 deletions.
diff --git a/styles/ui/gutter.less b/styles/ui/gutter.less
@@ -0,0 +1,41 @@
+/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+title      Gutter                                           +
+project    nord-brackets                                    +
+repository https://github.com/arcticicestudio/nord-brackets +
+author     Arctic Ice Studio                                +
+email      development@arcticicestudio.com                  +
+copyright  Copyright (C) 2017                               +
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+*/
+.CodeMirror-gutters {
+  background-color: @editor-gutter-background-color;
+  border-right: none;
+}
+
+.CodeMirror-linenumber {
+  color: @editor-gutter-text-color;
+}
+
+.CodeMirror-foldgutter-open:after {
+  color: @editor-gutter-icon-open-color;
+}
+
+.CodeMirror-foldgutter-folded:after {
+  color: @editor-gutter-icon-folded-color;
+}
+
+.CodeMirror.over-gutter,
+.CodeMirror-activeline {
+  .CodeMirror-foldgutter-open:after {
+    transition: color @editor-transition-time ease;
+    color: @editor-gutter-icon-open-hover-color;
+  }
+}
+
+.CodeMirror-foldmarker {
+  background-color: @editor-foldmarker-background-color;
+  border-color: @editor-foldmarker-border-color;
+  border-radius: @editor-border-radius;
+  color: @editor-text-color;
+}
diff --git a/styles/ui/views/image-view.less b/styles/ui/views/image-view.less
@@ -0,0 +1,23 @@
+/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+title      Image View                                       +
+project    nord-brackets                                    +
+repository https://github.com/arcticicestudio/nord-brackets +
+author     Arctic Ice Studio                                +
+email      development@arcticicestudio.com                  +
+copyright  Copyright (C) 2017                               +
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+*/
+.image-view,
+.not-editor {
+  background-color: @editor-background-color;
+
+  .image-header {
+    background-color: @ui-pane-background-color;
+    border-radius: @editor-border-radius;
+  }
+}
+
+.view-pane .image-view {
+  color: @editor-text-color;
+}
diff --git a/styles/ui/views/quick-docs.less b/styles/ui/views/quick-docs.less
@@ -0,0 +1,44 @@
+/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+title      Quick Docs                                       +
+project    nord-brackets                                    +
+repository https://github.com/arcticicestudio/nord-brackets +
+author     Arctic Ice Studio                                +
+email      development@arcticicestudio.com                  +
+copyright  Copyright (C) 2017                               +
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+*/
+.CodeMirror-linewidget .inline-widget {
+  background-color: @ui-view-quick-docs-background-color;
+
+  .close {
+    color: @editor-text-color-subtle;
+    transition: all @editor-transition-time ease;
+
+    &:hover {
+      color: @editor-text-color;
+    }
+  }
+
+  .css-prop-summary,
+  .css-prop-values {
+    color: @editor-text-color;
+
+    dt,
+    h1 {
+      color: @editor-text-color;
+    }
+
+    a {
+      color: @ui-view-quick-docs-link-color;
+
+      &:hover {
+        text-decoration: underline;
+      }
+    }
+  }
+
+  .divider {
+    border-left: 1px solid @ui-border-color;
+  }
+}
diff --git a/styles/ui/views/quick-view.less b/styles/ui/views/quick-view.less
@@ -0,0 +1,13 @@
+/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+title      Quick View                                       +
+project    nord-brackets                                    +
+repository https://github.com/arcticicestudio/nord-brackets +
+author     Arctic Ice Studio                                +
+email      development@arcticicestudio.com                  +
+copyright  Copyright (C) 2017                               +
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+*/
+.quick-view-highlight {
+  background-color: @ui-view-quick-view-background-color;
+}