.row > div
padding: 0
+a
+ text-decoration: underline
+
header
width: 100%
display: flex
justify-content: flex-start
& > a
display: inline-block
+ text-decoration: none
color: #2c3e50
&.router-link-exact-active
color: #42b983
& > #leftMenu
margin-top: 42px
padding-bottom: 5px
- & > a
- color: #2c3e50
- &.router-link-exact-active
- color: #42b983
& > #rightMenu
padding-top: 5px
border-top: 1px solid darkgrey
align-self: center;
&:link
color: #2c3e50
+ text-decoration: none
&:visited, &:hover
color: #2c3e50
text-decoration: none
background-color: #6f8f57
div.board
+ user-select: none
float: left
height: 0
display: inline-block
img.piece
width: 100%
-img.piece, img.mark-square
+img.piece, img.mark-square, img.circle-square
max-width: 100%
height: auto
display: block
img.mark-square
- opacity: 0.6
+ opacity: .7
width: 76%
position: absolute
top: 12%
left: 12%
- opacity: .7
+
+img.circle-square
+ opacity: 0.7
+ width: 100%
+ position: absolute
+ top: 0
+ left: 0
.in-shadow
filter: brightness(50%)