projects
/
vchess.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
Index page almost OK. Now work on variant page (main hall...)
[vchess.git]
/
public
/
stylesheets
/
index.sass
diff --git
a/public/stylesheets/index.sass
b/public/stylesheets/index.sass
index
0d7803f
..
e38f87d
100644
(file)
--- a/
public/stylesheets/index.sass
+++ b/
public/stylesheets/index.sass
@@
-14,7
+14,7
@@
display: inline-block
padding: 3px
border: 1px solid black;
display: inline-block
padding: 3px
border: 1px solid black;
- margin: 2
7
px 15px 5px 7px
+ margin: 2
5
px 15px 5px 7px
@media screen and (max-width: 767px)
margin-top: 7px
@media screen and (max-width: 767px)
margin-top: 7px
@@
-34,31
+34,19
@@
font-weight: bold
padding: 0
border: none
font-weight: bold
padding: 0
border: none
- margin-top: 2
2
px
+ margin-top: 2
1
px
font-size: 1.5em
@media screen and (max-width: 767px)
margin-top: 10px
font-size: 1em
font-size: 1.5em
@media screen and (max-width: 767px)
margin-top: 10px
font-size: 1em
-#
help
Menu
+#
settingsMenu, #introduction
Menu
float: right
@media screen and (max-width: 767px)
.info-container
p
margin-right: 5px
float: right
@media screen and (max-width: 767px)
.info-container
p
margin-right: 5px
-#flagMenu
- float: right
- margin-right: 10px
- @media screen and (max-width: 767px)
- margin-right: 5px
- img
- display: inline-block
- height: 30px
- padding-top: 27px
- @media screen and (max-width: 767px)
- padding-top: 8px
-
// TODO: box-shadow or box-sizing ? https://stackoverflow.com/a/13517809
.variant
box-sizing: border-box
// TODO: box-shadow or box-sizing ? https://stackoverflow.com/a/13517809
.variant
box-sizing: border-box
@@
-76,11
+64,6
@@
@media screen and (max-width: 767px)
margin-top: 0
@media screen and (max-width: 767px)
margin-top: 0
-#readThis
- margin-top: 0
- color: var(--a-link-color)
- text-decoration: underline
-
#welcome
max-width: 767px
@media screen and (max-width: 767px)
#welcome
max-width: 767px
@media screen and (max-width: 767px)
@@
-92,7
+75,7
@@
max-width: 552px
ul
list-style-type: none
max-width: 552px
ul
list-style-type: none
- // TODO: bad practice, use table to align things...
+ // TODO: bad practice,
shouldn't
use table to align things...
table.list-table
width: 300px
margin: 0 auto
table.list-table
width: 300px
margin: 0 auto
@@
-107,5
+90,3
@@
padding: 0
text-align: left
border: 0
padding: 0
text-align: left
border: 0
- #disableMsg
- color: darkred