The color of the top-navigation for "light" and "night" mode is the
same, so we don't need to override the color (for now). The old override
used a hue that was slightly out of tone with the rest of the theme.
Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
* add DDS colors to docs and change main variables and style.scss sheet
* find and replace colors from color-palette-2 and deprecate palette 2
* find and replace colors from color-palette-3 and deprecate palette 3
* more alignment with colors
* change typography
* typography tweaks
* fix fonts
* dark mode and accessibility
* review changes
* icons
* icons
* icons
* accessibility fix on footer
* review comments
This attempts to fix the problem where (on smaller windows), the text
flows out of the blocks.
This uses one of the solutions mentioned in https://stackoverflow.com/a/19695851/1811501,
with some additonal style changes.
Unfortunately, it introduces another issue, where (just before a break-point; after
the right-hand navigation is hidden, but before we switch to "mobile" / "small",
the blocks are wrapped, but no longer have equal _widths_.
See https://github.com/docker/docker.github.io/pull/13433#issuecomment-910843789
Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
- Reduce white-space after headings, so that the section content groups
better with the heading
- Increase white-space before headings, so that sections are more separated
from the previous sections.
- Reduce indentation of bullet-lists and numbered-lists. These lists are
still indented slightly (5px), but reducing the indentation to make the
layout a bit less "busy", and to give list-items slightly more width
before content is wrapped.
Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
- fix margin at the top
- fix left-hand border from disappearing when hovering over the link
- fix indentation for active link (compensate for border-width)
Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
Adjust text, add modal pop-up for browsers with JavaScript enabled, and show
EULA inline for browsers without JavaScript.
Added configuration options in the _config.json to set the correct URLs
once known.
Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
This fixes various inconsistencies between the landing page and the
other pages by sharing more styles between both:
- fix homepage using a different color for the active tab
- fix homepage not having "hover" styles for the top navigation
I addition, this:
- fixes unwanted whitespace in the hamburger-menu on mobile
- fixes "active" menu item not being highlighted on mobile
- fixes left-side aligning of left-hand menu on desktop
Signed-off-by: Sebastiaan van Stijn <github@gone.nl>