aside {
.tools {
- font-size: 0.8em;
display: flex;
flex-flow: row wrap;
- margin: 0 auto;
- li {
- display: inline-flex;
- vertical-align: middle;
+ .stats {
+ font-size: 0.8em;
+ margin: 8px 5px 5px;
+
+ li {
+ display: inline-flex;
+ vertical-align: middle;
+ margin: 3px 5px;
+
+ i.material-icons {
+ color: #3e3e3e;
+ margin-right: 3px;
+ }
+ }
+
+ a {
+ color: #000;
+ text-decoration: none;
+ }
}
- a {
- color: #000;
- text-decoration: none;
+ .tags {
+ float: right;
+ margin: 5px 15px 10px;
}
}
- #list {
- float: right;
- margin: 0 15px 10px;
- }
-
.chip {
background-color: $blueAccentColor;
padding: 0 15px 0 10px;
margin: auto 2px;
+ border-radius: 6px;
a,
i {
color: #fff;
}
+
+ i.material-icons {
+ float: right;
+ font-size: 20px;
+ line-height: 32px;
+ padding-left: 8px;
+ }
}
}
}
.reader-mode {
- width: 95px !important;
+ width: 70px !important;
transition: width 0.2s ease;
.collapsible-body {
opacity: 0;
transition: opacity 0.2s ease;
}
-}
-.reader-mode:hover {
- width: 240px !important;
+ &:hover {
+ width: 260px !important;
- .collapsible-body {
- height: auto;
- }
+ .collapsible-body {
+ height: auto;
- span {
- opacity: 1;
+ li a i.material-icons {
+ margin: auto 5px auto -8px;
+ }
+ }
+
+ span {
+ opacity: 1;
+ }
}
}