refactor build config

2025-12-18 12:11:43 +00:00 · 2015-06-21 02:40:06 +09:00
parent 9e53bec631
commit 25eccacb4c
81 changed files with 6418 additions and 450 deletions
--- a/src/browser/shared/styles/_index.styl
+++ b/src/browser/shared/styles/_index.styl
@@ -0,0 +1,24 @@
+html
+  overflow: hidden
+  height: 100%
+
+body
+  height: 100%
+  overflow: auto
+  font-family: "Lato", sans-serif
+  color $textColor
+  background-color: $appBackgroundColor
+
+label
+  font-family: "Lato", sans-serif
+  color $textColor
+
+h1, h2, h3, h4, h5
+  color $textColorHighlight
+  margin 0
+
+textarea
+  resize: vertical
+
+hr
+  border-color $baseBorderColor
--- a/src/browser/shared/styles/_shared.styl
+++ b/src/browser/shared/styles/_shared.styl
@@ -0,0 +1,50 @@
+.alert
+  margin: 5px 0
+
+input.form-control, textarea.form-control, input.inline-form-control
+  &::-webkit-input-placeholder
+   color $textColor
+  &:-moz-placeholder  /* Firefox 18- */
+   color $textColor
+  &::-moz-placeholder   /* Firefox 19+ */
+   color $textColor
+  &:-ms-input-placeholder
+    color $textColor
+
+
+.inline-form-control
+  @extend .form-control
+  width: auto
+  display: inline-block
+
+.btn.btn-default
+  border-style solid
+  border-width 1px
+  btn-color($btn-default-color, $btn-default-bg, $btn-default-border)
+.btn.btn-primary
+  btn-color($btn-primary-color, $btn-primary-bg, $btn-primary-border)
+.btn.btn-info
+  btn-color($btn-info-color, $btn-info-bg, $btn-info-border)
+.btn.btn-success
+  btn-color($btn-success-color, $btn-success-bg, $btn-success-border)
+.btn.btn-danger
+  btn-color($btn-danger-color, $btn-danger-bg, $btn-danger-border)
+.btn.btn-warning
+  btn-color($btn-warning-color, $btn-warning-bg, $btn-warning-border)
+
+textarea.form-control, .ace_editor
+  border-radius $input-border-radius
+
+.ace_editor
+  border solid 1px $input-border
+  box-shadow inset 0 1px 1px rgba(0, 0, 0, .075)
+  font-family: 'Lucida Grande'
+
+.ace_editor.ace_focus
+  controlGlow()
+
+.modal-content
+  background-color $bg
+
+.jumbotron
+  padding 48px 10px
--- a/src/browser/shared/styles/_vars.styl
+++ b/src/browser/shared/styles/_vars.styl
@@ -0,0 +1,86 @@
+// Basic Vars(MUST BE CAMELCASED ATOM VARS)
+$textColor= #99B2B8
+$textColorHighlight= #D5DFE2
+$textColorSelected = #FFFFFF
+
+$textColorInfo= #6494ED
+$textColorSuccess= #73C990
+$textColorWarning= #E2C08D
+$textColorError= #FF6347
+
+$backgroundColorHighlight= #003B4A
+$backgroundColorSelected= #004B5F
+$appBackgroundColor= #001F27
+
+$baseBackgroundColor= #002B36
+$baseBorderColor= #001A20
+
+$inputBackgroundColor= #00222B
+$inputBorderColor= #001A20
+
+$buttonBackgroundColor= #004355
+$buttonBackgroundColorHover= #004B5F
+$buttonBackgroundColorSelected= #52DCFF
+$buttonBorderColor= $baseBorderColor
+
+$block= #00222B
+
+//buttons
+$btnPrimary= #088CFF
+$btnInfo= #5BDEFF
+$btnSuccess= #22BD89
+$btnWarning= #CD8737
+$btnError= #DA2828
+
+
+// Bootstrap Overrides(MUST BE BUILT WITH BASIC VALUE ONLY)
+$brand-primary= $btnPrimary
+$brand-info= $btnInfo
+$brand-success= $btnSuccess
+$brand-warning= $btnWarning
+$brand-danger= $btnError
+
+$btn-default-bg= $buttonBackgroundColor
+$btn-default-color= $textColor
+$btn-default-border= $baseBorderColor
+
+$link-color= $textColorHighlight
+
+$nav-link-active-link-hover-bg= $backgroundColorHighlight
+$nav-pills-active-link-hover-color= $textColorHighlight
+$nav-link-hover-bg= $backgroundColorHighlight
+
+$input-bg= $backgroundColorHighlight
+$input-border= $baseBorderColor
+$input-border-focus= $buttonBackgroundColorSelected
+$input-color= $textColorSelected
+
+$dropdown-bg= $baseBackgroundColor
+$dropdown-border= $baseBorderColor
+$dropdown-link-color= $textColor
+$dropdown-link-hover-bg= $backgroundColorSelected
+$dropdown-link-hover-color= $textColorSelected
+
+$modal-content-bg= $baseBackgroundColor
+$modal-content-border-color= $modal-header-border-color= $modal-footer-border-color= $baseBorderColor
+
+$jumbotron-bg= $backgroundColorHighlight
+
+$alert-danger-bg= $textColorError
+$alert-danger-border= dark($alert-danger-bg) ? darken($alert-danger-bg, 5%) : lighten($alert-danger-bg, 5%)
+$alert-danger-text= $textColorSelected
+
+$alert-info-bg= $textColorInfo
+$alert-info-border= dark($alert-info-bg) ? darken($alert-info-bg, 5%) : lighten($alert-info-bg, 5%)
+$alert-info-text= $textColorSelected
+
+$alert-success-bg= $textColorSuccess
+$alert-success-border= dark($alert-success-bg) ? darken($alert-success-bg, 5%) : lighten($alert-success-bg, 5%)
+$alert-success-text= $textColorSelected
+
+$alert-warning-bg= $textColorWarning
+$alert-warning-border= dark($alert-warning-bg) ? darken($alert-warning-bg, 5%) : lighten($alert-warning-bg, 5%)
+$alert-warning-text= $textColorSelected
+
+$panel-bg= $baseBackgroundColor
+$panel-default-border= $baseBorderColor
--- a/src/browser/shared/styles/bootstrap.css
+++ b/src/browser/shared/styles/bootstrap.css
--- a/src/browser/shared/styles/bootstrap.styl
+++ b/src/browser/shared/styles/bootstrap.styl
@@ -0,0 +1,57 @@
+// Override vars and mixins
+@import '_vars'
+@import 'mixins/*'
+
+// Core variables and mixins
+@import '../../../../node_modules/bootstrap-styl/bootstrap/variables'
+@import '../../../../node_modules/bootstrap-styl/bootstrap/mixins'
+
+// Utilities
+@import '../../../../node_modules/bootstrap-styl/bootstrap/utilities'
+@import '../../../../node_modules/bootstrap-styl/bootstrap/responsive-utilities'
+
+// Reset and dependencies
+@import '../../../../node_modules/bootstrap-styl/bootstrap/normalize'
+@import '../../../../node_modules/bootstrap-styl/bootstrap/print'
+
+// Core CSS
+@import '../../../../node_modules/bootstrap-styl/bootstrap/scaffolding'
+@import '../../../../node_modules/bootstrap-styl/bootstrap/type'
+// @import '../../../../node_modules/bootstrap-styl/bootstrap/code'
+@import '../../../../node_modules/bootstrap-styl/bootstrap/grid'
+@import '../../../../node_modules/bootstrap-styl/bootstrap/tables'
+@import '../../../../node_modules/bootstrap-styl/bootstrap/forms'
+@import '../../../../node_modules/bootstrap-styl/bootstrap/buttons'
+
+// Components
+@import '../../../../node_modules/bootstrap-styl/bootstrap/component-animations'
+@import '../../../../node_modules/bootstrap-styl/bootstrap/dropdowns'
+@import '../../../../node_modules/bootstrap-styl/bootstrap/button-groups'
+@import '../../../../node_modules/bootstrap-styl/bootstrap/input-groups'
+@import '../../../../node_modules/bootstrap-styl/bootstrap/navs'
+@import '../../../../node_modules/bootstrap-styl/bootstrap/navbar'
+// @import '../../../../node_modules/bootstrap-styl/bootstrap/breadcrumbs'
+// @import '../../../../node_modules/bootstrap-styl/bootstrap/pagination'
+// @import '../../../../node_modules/bootstrap-styl/bootstrap/pager'
+@import '../../../../node_modules/bootstrap-styl/bootstrap/labels'
+@import '../../../../node_modules/bootstrap-styl/bootstrap/badges'
+@import '../../../../node_modules/bootstrap-styl/bootstrap/jumbotron'
+@import '../../../../node_modules/bootstrap-styl/bootstrap/thumbnails'
+@import '../../../../node_modules/bootstrap-styl/bootstrap/alerts'
+@import '../../../../node_modules/bootstrap-styl/bootstrap/progress-bars'
+@import '../../../../node_modules/bootstrap-styl/bootstrap/media'
+@import '../../../../node_modules/bootstrap-styl/bootstrap/list-group'
+@import '../../../../node_modules/bootstrap-styl/bootstrap/panels'
+@import '../../../../node_modules/bootstrap-styl/bootstrap/responsive-embed'
+@import '../../../../node_modules/bootstrap-styl/bootstrap/wells'
+@import '../../../../node_modules/bootstrap-styl/bootstrap/close'
+
+// Components w/ JavaScript
+@import '../../../../node_modules/bootstrap-styl/bootstrap/modals'
+@import '../../../../node_modules/bootstrap-styl/bootstrap/tooltip'
+@import '../../../../node_modules/bootstrap-styl/bootstrap/popovers'
+// @import '../../../../node_modules/bootstrap-styl/bootstrap/carousel'
+
+// Overrides
+@import '_shared'
+@import '_index'
--- a/src/browser/shared/styles/mixins/btn-color.styl
+++ b/src/browser/shared/styles/mixins/btn-color.styl
@@ -0,0 +1,35 @@
+btn-color($color, $background, $border)
+  color $color
+  background-color $background
+  border-color $border
+
+  &:hover,
+  &:focus,
+  &.focus,
+  &:active,
+  &.active,
+  .open > .dropdown-toggle&
+    color dark($background) ? lighten($color, 10%) : darken($color, 10%)
+    background-color dark($background) ? lighten($background, 10%) : darken($background, 10%)
+    border-color dark($border) ? lighten($border, 12%) : darken($border, 12%)
+
+  &:active,
+  &.active,
+  .open > .dropdown-toggle&
+    background-image none
+
+  &.disabled,
+  &[disabled],
+  fieldset[disabled] &
+    &,
+    &:hover,
+    &:focus,
+    &.focus,
+    &:active,
+    &.active
+      background-color $background
+      border-color $border
+
+  .badge
+    color $background
+    background-color $color
--- a/src/browser/shared/styles/mixins/control-glow.styl
+++ b/src/browser/shared/styles/mixins/control-glow.styl
@@ -0,0 +1,5 @@
+controlGlow($color = $input-border-focus)
+  $color-rgba = rgba(red($color), green($color), blue($color), .6)
+  border-color $color
+  outline 0
+  box-shadow inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px $color-rgba