ruby-x
/
rubyx-debugger
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

remove susy and just use percentage for layout

This commit is contained in:
Torsten Ruger 2018-04-18 17:54:18 +03:00
parent 07edd4ba60
commit 6c597bea69
3 changed files with 30 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
Gemfile
View File

@ -9,7 +9,6 @@ gem "rubyx" , "0.6" , path: "../rubyx"
gem "rx-file" , :git => "https://github.com/ruby-x/rx-file" gem "rx-file" , :git => "https://github.com/ruby-x/rx-file"
gem "sass" gem "sass"
gem "susy"
group :test do group :test do
# Testing dependencies # Testing dependencies

3
Gemfile.lock
View File

@ -83,8 +83,6 @@ GEM
sprockets (3.7.1) sprockets (3.7.1)
concurrent-ruby (~> 1.0) concurrent-ruby (~> 1.0)
rack (> 1, < 3) rack (> 1, < 3)
susy (2.2.12)
sass (>= 3.3.0, < 3.5)
tilt (2.0.8) tilt (2.0.8)
websocket-driver (0.7.0) websocket-driver (0.7.0)
websocket-extensions (>= 0.1.0) websocket-extensions (>= 0.1.0)
@ -108,7 +106,6 @@ DEPENDENCIES
rx-file! rx-file!
sass sass
selenium-webdriver selenium-webdriver
susy
BUNDLED WITH BUNDLED WITH
1.16.0 1.16.0

59
assets/css/app.css.sass
View File

@ -1,70 +1,71 @@
// Place your apps css here
@import "susy"
$susy: ( columns: 5 , gutter-position: split )
body body
background-color: black background-color: black
color: white 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 .one_class
margin: 10px margin: 10px
.classes .classes
@include span(12%) width: 16%
margin-left: 1%
.vool_view .vool_view
@include span(18%) width: 18%
margin-left: 1%
.mom_view .mom_view
@include span(20%) width: 20%
margin-left: 1%
.risc_view .risc_view
@include span(24%) width: 24%
margin-left: 1%
.status_view .status_view
@include span(14%) width: 14%
margin-left: 1%
line-height : 1.25em line-height : 1.25em
.header_state .header_state
color: #53a5ff color: #53a5ff
.vool_view , .mom_view , .risc_view , .status_view
margin-left: 0%
.labels_view .labels_view
@include span(1) width: 18%
margin-right: span(1) margin-right: 2%
height: 200px height: 200px
.registers_view .registers_view
@include span(80%) width: 79%
margin-left: 1%
.register_view .register_view
@include gallery(1) width: 19%
min-height: 250px
margin-right: 1%
margin-top: 10px margin-top: 10px
.field .field
@include span(5) width: 80%
.value .value
@include span(18) width: 80%
.value_head .value_head
background-color: #C5FFD9 background-color: #C5FFD9
.statement .statement
margin-left: 10px margin-left: 10px
.ticker .ticker
text-align: right text-align: right
.next , .run , .wizz .next , .run , .wizz
border-radius: 7px border-radius: 7px
font-size: 1em font-size: 1em
@ -78,18 +79,18 @@ body
.wizz .wizz
background-color: #009900 background-color: #009900
.risc_bright , .mom_bright .risc_bright , .mom_bright
padding-right: 6px padding-right: 6px
padding-left: 6px padding-left: 6px
background-color: #00E3FF background-color: #00E3FF
border-radius: 7px border-radius: 7px
.fade_in .fade_in
transition: background-color 100ms linear transition: background-color 100ms linear
padding-right: 6px padding-right: 6px
padding-left: 6px padding-left: 6px
background-color: #00E3FF background-color: #00E3FF
-moz-border-radius: 7px border-radius: 7px
-webkit-border-radius: 7px
h4.select
z-index: 20