N-archive/hacks-guide-minimal-mistakes-theme
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

_sass: text readability improvements

Browse source 
With some skins, reading is quite the task.
This commit is contained in:
lifehackerhansol 2024-01-13 10:21:45 -08:00
parent b831905df1
commit 1089d35c44
No known key found for this signature in database
GPG key ID: 80FB184AFC0B3B0E
2 changed files with 6 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
_sass/minimal-mistakes/_notices.scss
View file

@ -17,6 +17,7 @@
font-family: $global-font-family;
font-size: $type-size-6 !important;
text-indent: initial; /* override*/
font-weight: bold; /* hacks-guide change: override font-weight on notices for readability */
background-color: mix($background-color, $notice-color, $notice-background-mix);
border-radius: $border-radius;
box-shadow: 0 1px 1px rgba($notice-color, 0.25);
@ -46,11 +47,13 @@
}
a {
color: mix(#000, $notice-color, 10%);
/* hacks-guide change start: adjust colours for links in notices for readability */
color: mix(#fff, $notice-color, 30%);
&:hover {
color: mix(#000, $notice-color, 50%);
color: mix(#fff, $notice-color, 70%);
}
/* hacks-guide change end */
}
code {

1
_sass/minimal-mistakes/_page.scss
View file

@ -98,6 +98,7 @@ body {
-moz-transition: opacity 0.2s ease-in-out 0.1s;
-o-transition: opacity 0.2s ease-in-out 0.1s;
transition: opacity 0.2s ease-in-out 0.1s;
user-select: none; /* hacks-guide change: do not change link colour as it hurts readability */
}
&:hover .header-link {