text: #363636,
text-title: #303030,
text-subtitle: #424242,
- card-shadow: rgba(0, 0, 0, 0.1)
+ card-shadow: rgba(0, 0, 0, 0.1),
+ a-hover: #363636
);
$theme-dark: (
background: #131313,
text: #eaeaea,
text-title: #fafafa,
text-subtitle: #f5f5f5,
- card-shadow: rgba(0, 0, 0, 0.4)
+ card-shadow: rgba(0, 0, 0, 0.4),
+ a-hover: #ffdd57
);
@mixin theme($theme) {
background-color: map-get($theme, "background");
color: map-get($theme, "text");
-
+ a {
+ &:hover {
+ color: map-get($theme, "a-hover");
+ }
+ }
+
.title {
color: map-get($theme, "text-title");
}
a {
color: #ffffff;
&:hover {
+ color: #ffffff;
background-color: lighten( $secondary-color, 5% );
}
}
overflow: hidden;
transition: all 0.2s ease-out;
padding: 0;
+
+ .tag-text {
+ display: none;
+ }
}
.card {
width: auto;
color: #ffffff;
padding: 0 0.75em;
+
+ .tag-text {
+ display: block;
+ }
}
}
}
.search-label::before {
- font-family: 'FontAwesome';
+ font-family: 'Font Awesome 5 Free';
position: absolute;
top: 12px;
left: 8px;
content: "\f002";
+ font-weight: 900;
width: 20px;
height: 20px;
}