adds some style, clean up css, adds new tokens

#415
This commit is contained in:
Shawn A
2017-09-08 16:08:35 -05:00
parent a93b601cd7
commit 81b37dfffc
4 changed files with 201 additions and 53 deletions
+4 -4
View File
@@ -92,15 +92,15 @@ a:hover {
padding-right: 5px
}
.left .q {
.ql .q {
float: left
}
.right .q {
.qr .q {
float: right
}
.invert .q {
.qinv .q {
-webkit-filter: invert(1);
filter: invert(1)
}
@@ -130,7 +130,7 @@ a:hover {
<body>
<!-- classes, left/right invert -->
<div class="right" style='text-align:left;display:inline-block;min-width:260px;'>
<div class="qr" style='text-align:left;display:inline-block;min-width:260px;'>
<div><a href='#p' onclick='c(this)'>Acccess Point 01</a><div role='img' aria-label='88%' title='88%' class='q q-4 l'></div></div>
<div><a href='#p' onclick='c(this)'>Acccess Point 02</a><div role='img' aria-label='88%' title='88%' class='q q-4'></div></div>
<div><a href='#p' onclick='c(this)'>Acccess Point 03</a><div role='img' aria-label='88%' title='88%' class='q q-3'></div></div>