Skip to content

Commit

Permalink
Adding native mobile styles for dark mode
Browse files Browse the repository at this point in the history
  • Loading branch information
davemart-in committed Apr 25, 2023
1 parent 9271c3e commit 0c922a3
Showing 1 changed file with 7 additions and 0 deletions.
7 changes: 7 additions & 0 deletions client/assets/stylesheets/reader-mobile.scss
Original file line number Diff line number Diff line change
Expand Up @@ -4,3 +4,10 @@
@import "shared/utils";

@import "client/blocks/reader-full-post/content";

@media (prefers-color-scheme: dark) {
.reader-full-post__story-content .jetpack-blogging-prompt .jetpack-blogging-prompt__label::before {
// stylelint-disable-next-line function-url-quotes
background-image: url("data:image/svg+xml,%3Csvg fill='none' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m12.3438 17.3438h-4.68755c-.08594 0-.15625.0703-.15625.1562v.625c0 .3457.2793.625.625.625h3.75c.3457 0 .625-.2793.625-.625v-.625c0-.0859-.0703-.1562-.1562-.1562zm-2.3438-16.0938c-3.53711 0-6.40625 2.86914-6.40625 6.40625 0 2.37105 1.28906 4.44145 3.20313 5.54885v2.2637c0 .3457.27929.625.625.625h5.15622c.3457 0 .625-.2793.625-.625v-2.2637c1.9141-1.1074 3.2032-3.1778 3.2032-5.54885 0-3.53711-2.8692-6.40625-6.4063-6.40625zm2.498 10.7383-.7011.4062v2.293h-3.59377v-2.293l-.70118-.4062c-1.53711-.8887-2.50195-2.52541-2.50195-4.33205 0-2.76172 2.23828-5 5-5 2.7617 0 5 2.23828 5 5 0 1.80664-.9648 3.44335-2.502 4.33205z' fill='%23fff'/%3E%3C/svg%3E");
}
}

0 comments on commit 0c922a3

Please sign in to comment.