font-size: 20px;
margin: 0 auto;
max-width: 45em;
+ padding: 5px 20px;
+ background-color: #fff;
+ box-shadow: 0 0 10px #ccc;
article {
color: #424242;
font-size: 18px;
line-height: 1.7em;
+ overflow-wrap: break-word;
h1,
h2,
}
a {
- border-bottom: 1px dotted #03a9f4;
+ border-bottom: 1px dotted $blueAccentColor;
text-decoration: none;
}
flex-flow: row wrap;
.stats {
- font-size: 0.8em;
- margin: 8px 15px 5px;
+ font-size: 0.7em;
+ margin: 8px 5px 5px;
li {
display: inline-flex;
vertical-align: middle;
- margin: 0 5px;
+ margin: 3px 5px;
+
+ i.material-icons {
+ color: #3e3e3e;
+ margin-right: 3px;
+ font-size: 18px;
+ }
}
a {
}
.chip {
- background-color: $blueAccentColor;
+ background-color: #9e9e9e;
padding: 0 15px 0 10px;
margin: auto 2px;
+ border-radius: 6px;
+ height: 18px;
+ line-height: 18px;
a,
i {
i.material-icons {
float: right;
- font-size: 20px;
- line-height: 32px;
+ font-size: 16px;
+ line-height: 18px;
padding-left: 8px;
}
}
&:hover {
width: 260px !important;
- .collapsible-body {
- height: auto;
-
- li a i.material-icons {
- margin: auto 5px auto -8px;
- }
- }
-
span {
opacity: 1;
}
}
+
+ .collapsible-body {
+ height: auto;
+
+ li a i.material-icons {
+ margin: auto 5px auto -8px;
+ }
+ }
}
.progress {