projects
/
vchess.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
Add Gomoku + Atarigo
[vchess.git]
/
client
/
src
/
styles
/
_rules.sass
diff --git
a/client/src/styles/_rules.sass
b/client/src/styles/_rules.sass
index
17b1066
..
e8f670e
100644
(file)
--- a/
client/src/styles/_rules.sass
+++ b/
client/src/styles/_rules.sass
@@
-6,24
+6,24
@@
figure.diagram-container
.diagram
display: block
width: 50%
.diagram
display: block
width: 50%
- min-width: 240px
margin-left: auto
margin-right: auto
margin-left: auto
margin-right: auto
+ @media screen and (max-width: 630px)
+ width: 75%
.diag12
float: left
.diag12
float: left
- width: 40%
- margin-left: calc(10% - 20px)
- margin-right: 40px
+ width: 42%
+ margin: 0 2% 0 6%
@media screen and (max-width: 630px)
@media screen and (max-width: 630px)
- float: none
- margin: 0
auto 10px auto
+ width: 49%
+ margin: 0
1% 0 0
.diag22
float: left
.diag22
float: left
- width: 4
0
%
- margin
-right: calc(10% - 20px)
+ width: 4
2
%
+ margin
: 0 6% 0 2%
@media screen and (max-width: 630px)
@media screen and (max-width: 630px)
- float: none
- margin: 0
auto
+ width: 49%
+ margin: 0
0 0 1%
figcaption
display: block
clear: both
figcaption
display: block
clear: both
@@
-34,6
+34,11
@@
p.boxed
background-color: #FFCC66
padding: 5px
background-color: #FFCC66
padding: 5px
+.warning
+ background-color: lightyellow
+ color: red
+ font-weight: bold
+
.bigfont
font-size: 1.2em
.bigfont
font-size: 1.2em
@@
-65,7
+70,7
@@
ul:not(.browser-default)
ul:not(.browser-default) > li
list-style-type: disc
ul:not(.browser-default) > li
list-style-type: disc
-table
+table
.rules
margin: 15px auto
.italic
margin: 15px auto
.italic