remove susy and just use percentage for layout
This commit is contained in:
parent
07edd4ba60
commit
6c597bea69
1
Gemfile
1
Gemfile
@ -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
|
||||||
|
@ -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
|
||||||
|
@ -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
|
||||||
|
Loading…
x
Reference in New Issue
Block a user