rubyx-debugger/assets/css/app.css.sass


body
  background-color: #1a1a1a
  color: white

.one_class, .classes, .vool_view ,.mom_view , .risc_view, .status_view ,.vool_view
  position: relative
  float: left
.mom_view , .risc_view , .status_view , .registers_view, .register_view
  position: relative
  float: left

.one_class
  margin: 10px

.classes
  width: 16%
  margin-left: 1%

.vool_view
  width: 12%
  margin-left: 1%

.mom_view
  width: 16%
  margin-left: 1%

.risc_view
  width: 34%
  margin-left: 1%

.status_view
  width: 14%
  margin-left: 1%
  line-height : 1.25em
  .header_state
    color: #53a5ff

.labels_view
  width: 18%
  margin-right: 2%
  height: 200px


.registers_view
  width: 79%
  margin-left: 1%
  .register_view
    width: 19%
    margin-right: 1%
    margin-top: 10px
    &:nth-child(5n + 1)
      clear: left

.field
  width: 80%

.value
  width: 80%

.value_head
  background-color: #C5FFD9

.statement
  margin-left: 10px

.ticker
  text-align: right

.next , .run , .wizz
  border-radius: 7px
  font-size: 1em

.next
  background-color: #00FF66

.run
  background-color: #00CC33

.wizz
  background-color: #009900

.risc_bright , .mom_bright
  background-color: black
  color: #53a5ff
  border-radius: 7px

.fade_in
  transition: background-color 100ms linear
  padding-right: 6px
  padding-left: 6px
  background-color: #00E3FF
  border-radius: 7px

h4.select
  z-index: 20
5 registers per row for better view 2018-04-04 12:16:59 +02:00
style to fit into site 2018-04-16 20:23:29 +02:00			`body`
a larger while example need a way to see the code 2018-04-20 18:40:17 +02:00			`background-color: #1a1a1a`
style to fit into site 2018-04-16 20:23:29 +02:00			`color: white`

remove susy and just use percentage for layout 2018-04-18 16:54:18 +02:00			`.one_class, .classes, .vool_view ,.mom_view , .risc_view, .status_view ,.vool_view`
			`position: relative`
			`float: left`
			`.mom_view , .risc_view , .status_view , .registers_view, .register_view`
			`position: relative`
			`float: left`

5 registers per row for better view 2018-04-04 12:16:59 +02:00			`.one_class`
			`margin: 10px`

			`.classes`
remove susy and just use percentage for layout 2018-04-18 16:54:18 +02:00			`width: 16%`
			`margin-left: 1%`
5 registers per row for better view 2018-04-04 12:16:59 +02:00
introducing mom view rename source to vool and instruction to risc 2018-04-17 18:08:10 +02:00			`.vool_view`
still +1 errors also bigger risc view 2018-05-15 11:07:52 +02:00			`width: 12%`
remove susy and just use percentage for layout 2018-04-18 16:54:18 +02:00			`margin-left: 1%`
5 registers per row for better view 2018-04-04 12:16:59 +02:00
introducing mom view rename source to vool and instruction to risc 2018-04-17 18:08:10 +02:00			`.mom_view`
still +1 errors also bigger risc view 2018-05-15 11:07:52 +02:00			`width: 16%`
remove susy and just use percentage for layout 2018-04-18 16:54:18 +02:00			`margin-left: 1%`
5 registers per row for better view 2018-04-04 12:16:59 +02:00
introducing mom view rename source to vool and instruction to risc 2018-04-17 18:08:10 +02:00			`.risc_view`
still +1 errors also bigger risc view 2018-05-15 11:07:52 +02:00			`width: 34%`
remove susy and just use percentage for layout 2018-04-18 16:54:18 +02:00			`margin-left: 1%`
5 registers per row for better view 2018-04-04 12:16:59 +02:00
			`.status_view`
remove susy and just use percentage for layout 2018-04-18 16:54:18 +02:00			`width: 14%`
			`margin-left: 1%`
5 registers per row for better view 2018-04-04 12:16:59 +02:00			`line-height : 1.25em`
puts status in header 2018-04-17 17:49:00 +02:00			`.header_state`
			`color: #53a5ff`
5 registers per row for better view 2018-04-04 12:16:59 +02:00
			`.labels_view`
remove susy and just use percentage for layout 2018-04-18 16:54:18 +02:00			`width: 18%`
			`margin-right: 2%`
5 registers per row for better view 2018-04-04 12:16:59 +02:00			`height: 200px`


			`.registers_view`
remove susy and just use percentage for layout 2018-04-18 16:54:18 +02:00			`width: 79%`
			`margin-left: 1%`
5 registers per row for better view 2018-04-04 12:16:59 +02:00			`.register_view`
remove susy and just use percentage for layout 2018-04-18 16:54:18 +02:00			`width: 19%`
			`margin-right: 1%`
5 registers per row for better view 2018-04-04 12:16:59 +02:00			`margin-top: 10px`
remove fixed height 2018-04-18 16:58:28 +02:00			`&:nth-child(5n + 1)`
			`clear: left`
5 registers per row for better view 2018-04-04 12:16:59 +02:00
			`.field`
remove susy and just use percentage for layout 2018-04-18 16:54:18 +02:00			`width: 80%`
5 registers per row for better view 2018-04-04 12:16:59 +02:00
			`.value`
remove susy and just use percentage for layout 2018-04-18 16:54:18 +02:00			`width: 80%`
5 registers per row for better view 2018-04-04 12:16:59 +02:00
			`.value_head`
			`background-color: #C5FFD9`

			`.statement`
			`margin-left: 10px`

			`.ticker`
			`text-align: right`

style to fit into site 2018-04-16 20:23:29 +02:00			`.next , .run , .wizz`
			`border-radius: 7px`
			`font-size: 1em`
5 registers per row for better view 2018-04-04 12:16:59 +02:00
style to fit into site 2018-04-16 20:23:29 +02:00			`.next`
			`background-color: #00FF66`
5 registers per row for better view 2018-04-04 12:16:59 +02:00
			`.run`
			`background-color: #00CC33`

			`.wizz`
style to fit into site 2018-04-16 20:23:29 +02:00			`background-color: #009900`
5 registers per row for better view 2018-04-04 12:16:59 +02:00
fix classes, status wasn't updating 2018-04-17 18:20:31 +02:00			`.risc_bright , .mom_bright`
a larger while example need a way to see the code 2018-04-20 18:40:17 +02:00			`background-color: black`
			`color: #53a5ff`
fix classes, status wasn't updating 2018-04-17 18:20:31 +02:00			`border-radius: 7px`
5 registers per row for better view 2018-04-04 12:16:59 +02:00
			`.fade_in`
			`transition: background-color 100ms linear`
			`padding-right: 6px`
			`padding-left: 6px`
			`background-color: #00E3FF`
remove susy and just use percentage for layout 2018-04-18 16:54:18 +02:00			`border-radius: 7px`

			`h4.select`
			`z-index: 20`