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-family: $global-font-family;
font-size: $type-size-6 !important; font-size: $type-size-6 !important;
text-indent: initial; /* override*/ 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); background-color: mix($background-color, $notice-color, $notice-background-mix);
border-radius: $border-radius; border-radius: $border-radius;
box-shadow: 0 1px 1px rgba($notice-color, 0.25); box-shadow: 0 1px 1px rgba($notice-color, 0.25);
@ -46,11 +47,13 @@
} }
a { 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 { &:hover {
color: mix(#000, $notice-color, 50%); color: mix(#fff, $notice-color, 70%);
} }
/* hacks-guide change end */
} }
code { code {

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

@ -98,6 +98,7 @@ body {
-moz-transition: opacity 0.2s ease-in-out 0.1s; -moz-transition: opacity 0.2s ease-in-out 0.1s;
-o-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; 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 { &:hover .header-link {