projects
/
vchess.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
Some debug, plan several short + long term TODOs
[vchess.git]
/
public
/
stylesheets
/
variant.sass
diff --git
a/public/stylesheets/variant.sass
b/public/stylesheets/variant.sass
index
c3df08c
..
15c1996
100644
(file)
--- a/
public/stylesheets/variant.sass
+++ b/
public/stylesheets/variant.sass
@@
-77,6
+77,10
@@
button.play.spaceleft
margin-left: 15px
button.play.spaceright
margin-right: 15px
margin-left: 15px
button.play.spaceright
margin-right: 15px
+button.play.big-spaceleft
+ margin-left: 25px
+button.play.big-spaceright
+ margin-right: 25px
.aboveboard-wrapper
width: 80vh
.aboveboard-wrapper
width: 80vh
@@
-157,10
+161,6
@@
div.board8
width: 12.5%
padding-bottom: 12.5%
width: 12.5%
padding-bottom: 12.5%
-div.board8-reserve
- width: 10%
- padding-bottom: 10%
-
div.board10
width: 10%
padding-bottom: 10%
div.board10
width: 10%
padding-bottom: 10%
@@
-191,9
+191,8
@@
div.board11
background-color: #e6ee9c
&:hover
background-color: skyblue
background-color: #e6ee9c
&:hover
background-color: skyblue
- .choice-piece
- width: 90%
- max-width: 100%
+ &.choice-piece
+ width: 100%
height: auto
display: block
height: auto
display: block
@@
-249,6
+248,7
@@
img.ghost
#fen-string
margin-top: 0
#fen-string
margin-top: 0
+ margin-bottom: 10px
#pgn-game
margin-top: 0
#pgn-game
margin-top: 0
@@
-262,7
+262,7
@@
img.ghost
#pgn-div > a
display: none
#pgn-div > a
display: none
-#fen-div > p
+
//
#fen-div > p
margin-left: 0
margin-right: 0
margin-left: 0
margin-right: 0
@@
-289,26
+289,26
@@
figure.diagram-container
display: block
width: 40%
min-width: 240px
display: block
width: 40%
min-width: 240px
- max-width: 800px
margin-left: auto
margin-right: auto
.diag12
float: left
margin-left: calc(10% - 20px)
margin-right: 40px
margin-left: auto
margin-right: auto
.diag12
float: left
margin-left: calc(10% - 20px)
margin-right: 40px
- @media screen and (max-width:
50
0px)
+ @media screen and (max-width:
63
0px)
float: none
margin: 0 auto 10px auto
.diag22
float: left
margin-right: calc(10% - 20px)
float: none
margin: 0 auto 10px auto
.diag22
float: left
margin-right: calc(10% - 20px)
- @media screen and (max-width:
50
0px)
+ @media screen and (max-width:
63
0px)
float: none
margin: 0 auto
figcaption
display: block
clear: both
padding-top: 5px
float: none
margin: 0 auto
figcaption
display: block
clear: both
padding-top: 5px
+ font-size: 0.8em
p.boxed
background-color: #FFCC66
p.boxed
background-color: #FFCC66