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
);
-
+/* raleway-regular - latin */
+@font-face {
+ font-family: 'Raleway';
+ font-style: normal;
+ font-weight: 400;
+ font-display: swap;
+ src: local('Raleway'), local('Raleway-Regular'),
+ url('./webfonts/raleway/raleway-v14-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+ url('./webfonts/raleway/raleway-v14-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+
+/* lato-regular - latin */
+@font-face {
+ font-family: 'Lato';
+ font-style: normal;
+ font-weight: 400;
+ font-display: swap;
+ src: local('Lato Regular'), local('Lato-Regular'),
+ url('./webfonts/lato/lato-v16-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+ url('./webfonts/lato/lato-v16-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
@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 {
+ &:hover, &:focus {
+ color: #ffffff;
background-color: lighten( $secondary-color, 5% );
}
}