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

View File

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

View File

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

View File

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