westtle
e7b53382e4
updated minified css
2024-02-25 23:12:29 +07:00
westtle
558337634f
changed margin-bottom for title in print
2024-02-25 23:09:11 +07:00
westtle
99695154f6
changed line-height for print title
...
from 1.4 to 1.25.
2024-02-25 23:08:28 +07:00
westtle
4a84e78eb5
changed top and bottom padding for <input>s
2024-02-25 23:02:42 +07:00
westtle
5637f7e1ff
changed line-height for <input> title
...
from 1.4 to 1.25.
2024-02-25 23:02:11 +07:00
westtle
004bb43d31
updated minified css
2024-02-24 22:31:08 +07:00
westtle
733b6971d0
changed print.css style
...
changed the margin and typography.
2024-02-24 22:27:35 +07:00
westtle
b8b67188c0
changed max-width for .simple-note
...
used wider width.
2024-02-24 21:37:15 +07:00
westtle
50d8c3686b
changed padding for inputs
...
changed to 12px/0.75rem for all sides.
2024-02-24 21:31:21 +07:00
westtle
22bf484921
changed typography for <input> title
2024-02-24 21:27:52 +07:00
westtle
e4a7c894e7
added focus support for older browsers
2024-02-18 00:12:11 +07:00
westtle
199e7c3a15
changed target size for buttons
2024-02-15 18:38:57 +07:00
westtle
7852ecce86
added minified css and js
2024-02-15 11:19:35 +07:00
westtle
31711a309c
changed hypen (-) to underscore (_) in .class name
...
single hypen (-) works fine, but double hypen (--) doesn't seem to be working on some browsers.
2024-02-14 23:27:19 +07:00
westtle
aeeb22717b
moved no-js.css and print.css to different folder
2024-02-14 22:09:31 +07:00
westtle
3f592a82bb
added style for print
2024-02-14 21:58:17 +07:00
westtle
3b50d02d0d
changed hsl alpha channel to non-percent number
2024-02-14 14:14:53 +07:00
westtle
38f39999b5
added and edited some comments
2024-02-14 11:29:24 +07:00
westtle
ad2b62cfc8
moved @font-face to fonts.css
2024-02-14 11:08:26 +07:00
westtle
8c64f5af43
added .class to <noscript>
2024-02-13 22:35:27 +07:00
westtle
b2ed8fae5d
added [hidden] attribute to <noscript> inside .settings
...
to avoid two list appearing when both css and js are disabled.
2024-02-13 22:18:29 +07:00
westtle
e5057a2ac3
aria-hidden and tabindex -1 in .settings to be loaded in javascript
...
this way people can still tab and use a screen reader when both css and js are disabled.
i don't know who or why you would even want to do that, but oh well.
2024-02-13 22:15:16 +07:00
westtle
8b5e7f0bd9
removed one of two clip in .--sr-only
2024-02-13 19:12:22 +07:00
westtle
89d35dde8c
add fallback if flex is not supported
2024-02-13 18:48:38 +07:00
westtle
e0503aa037
added width 100% to .simple-note__input
2024-02-13 18:23:54 +07:00
westtle
079990d51e
added no javascript support
2024-02-13 18:17:45 +07:00
westtle
46e73cf978
change aria-describedby for settings toggle when expanded / collapsed.
2024-02-13 15:19:42 +07:00
westtle
d357eff591
used hsla() instead of hsl() on some colors
2024-02-13 14:36:45 +07:00
westtle
bc3e81b49c
added reset for <main>
2024-02-13 14:27:51 +07:00
westtle
091ac5a4c5
used scoped variables in settings.css
2024-02-13 14:12:45 +07:00
westtle
c39d373f75
changed placeholder and icons color
...
from boulder to gray.
2024-02-13 12:52:02 +07:00
westtle
d8bf46abae
changed cover.png to a better quality one
2024-02-12 19:21:20 +07:00
westtle
e6c545b4c1
added css reset for <a> tag
2024-02-12 19:07:51 +07:00
westtle
94c1e8aa40
used fixed width on settings buttons
2024-02-12 18:36:27 +07:00
westtle
b606570345
added open graph and twitter card to <head>
2024-02-12 02:57:34 +07:00
westtle
63defc6dd7
added .-flex utility class
...
used display flex in its own class instead in .-flex-column.
2024-02-11 21:50:55 +07:00
westtle
ba70d436d0
moved fonts.css content to global.css
2024-02-11 21:47:17 +07:00
westtle
5dc8ecf00d
renamed style.css to simple-note.css
2024-02-11 21:36:31 +07:00
westtle
763b0340f8
added different css file for settings
2024-02-11 21:34:53 +07:00
westtle
43e0098b70
added different css file for base/global styling
2024-02-11 21:29:41 +07:00
westtle
eb7d89c209
added different css file for @font-face
2024-02-11 21:19:59 +07:00
westtle
48fc264c6b
added color-scheme dark for dark theme
...
color-scheme: dark;
using it will change the scrollbar color to fit the theme.
2024-02-11 18:01:33 +07:00
westtle
456dc55251
used single dash (-) instead of double to indicate utility classes
2024-02-11 17:58:07 +07:00
westtle
c709711dea
changed :focus-visible
...
used it as css reset, removed --focus-* in :root, added fallback in custom properties used by :focus-visible.
2024-02-11 17:49:11 +07:00
westtle
517341c75b
changed appearance of settings
...
i forgot to commit the changes one by one but this is some of the things i did: changed some .class in html, fixed some bugs, making the whole settings position fixed, added more javascript, and more.
2024-02-11 16:36:41 +07:00
westtle
3cde3b8fee
added favicon(s)
...
...and some other stuff. i used a favicon generator (realfavicongenerator.net) and just removed some images i don't need (pretty sure there are more stuff that aren't necessary but i will keep them for now).
2024-02-08 15:59:33 +07:00
westtle
8e89441701
added opacity to ::placeholder
2024-02-08 11:22:39 +07:00
westtle
4a8408ed9c
created .--flex-column and .--flex-grow helper .class
...
used on element that needed to be viewport height, except for .simple-note__input--body where it only needs to grow.
2024-02-07 13:08:26 +07:00
westtle
e330152df7
changed sr-only to --sr-only
...
used double dash (--) to mark a helper class.
2024-02-07 12:52:44 +07:00
westtle
3b4963d77c
added min-height to <body>
...
used the height of .settings element.
2024-02-07 12:48:55 +07:00
