Commit Graph

119 Commits

Author SHA1 Message Date
Usha Mandya
63e9e09a9e Update the dark-mode font to white
Signed-off-by: Usha Mandya <usha.mandya@docker.com>
2021-07-16 16:53:53 +01:00
Mark H
86b24990ee Update styles for dark mode, add general bootstrap overrides 2021-07-13 09:53:30 +01:00
Mark H
c45879262e Improve upgrade CTA for dark mode, remove some now-unused variables from notes restyles 2021-07-12 12:00:44 +01:00
Usha Mandya
0e3f31e807 Merge pull request #13158 from mark-dr/restyle-alerts
Restyle notification banners
2021-07-12 10:49:06 +01:00
Mark H
c84baca51c Add upgrade CTA mixin 2021-07-12 09:47:27 +01:00
Mark H
c12de0a87a Add color palette definitions 2021-07-12 09:07:16 +01:00
Mark H
a23f70d048 Remove redundant SASS module reference 2021-07-09 17:01:20 +01:00
Mark H
79a6e2879d Swap ad-hoc colours for palette colours 2021-07-09 16:58:53 +01:00
Mark H
1655359a98 Add new purple alert type 2021-07-09 16:58:53 +01:00
Mark H
d67f803770 Define new theme for notifications 2021-07-09 16:58:53 +01:00
Mark H
79e36c14a0 _notes.scss: Refactor how different note styles are defined 2021-07-09 16:58:53 +01:00
Mark H
8441af3931 _notes.scss: Simplify handling of legacy notes 2021-07-09 16:58:53 +01:00
Mark H
7f1fd5c52c Add color palette definitions 2021-07-09 16:58:53 +01:00
Sebastiaan van Stijn
7c184a1bd7 Add breadcrumbs
Some works still to be done:

- styling may need some tweaking
- if we don't have breadcrumbs for a page, positioning of other elements should
  be adjusted

Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
2021-05-10 17:06:38 +02:00
Sebastiaan van Stijn
55c95836dd _scss: don't use "all caps" for H4
Change H4's to not be presented in "all caps". To compensate, the font
size is increased from 16px to 18px (otherwise it would be the same size
as H5 headings).

Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
2021-04-28 14:38:01 +02:00
Sebastiaan van Stijn
bd6a07bbb6 _scss: only disable text-selection in "console" code blocks
We don't want users to copy the prompt and process output in
"console" blocks, but for other code blocks (bash scripts, yaml)
copying comments should not be disabled.

Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
2021-04-20 15:16:55 +02:00
Sebastiaan van Stijn
428305eb77 Fix button styling on get-started
Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
2021-04-13 16:33:57 +02:00
Sebastiaan van Stijn
a608900fe6 update primary-btn style, and use more variables for colors
Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
2021-04-13 16:33:12 +02:00
Usha Mandya
e0ca2efeed Add a new class for download buttons
Signed-off-by: Usha Mandya <usha.mandya@docker.com>
2021-04-12 22:39:44 +01:00
Sebastiaan van Stijn
19b3b40f5b _scss: show regular "text" cursor for prompt
Show a "text" cursor for the prompt. Even though the prompt itself is not
selectable, make it appear as if it is, so that users don't get confused
when they try to select an example for copying.

Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
2021-03-02 16:08:17 +01:00
Sebastiaan van Stijn
a987f04d05 highlighting: make comments, prompt and command-output non-selectable
Prevent selecting comments, command-output and command-prompt in shell
examples that use the "console" lexer/highlighter to allow easier copying.
See https://github.com/rouge-ruby/rouge/issues/1023

Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
2021-03-02 15:02:25 +01:00
Usha Mandya
b755b5c65a Add a new icon for language-specific guides
Signed-off-by: Usha Mandya <usha.mandya@docker.com>
2021-03-01 23:53:35 +00:00
Aayush Kumar Sahu
42d6de3262 Fix iframe mobile view 2021-02-16 19:05:04 +05:30
Usha Mandya
ba395bed07 Add reference architecture docs
Signed-off-by: Usha Mandya <usha.mandya@docker.com>
2021-01-18 12:07:55 +00:00
Sebastiaan van Stijn
3ab44b9cd6 _scss: some refactoring of landing-page cta-banners
Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
2020-10-27 12:35:54 +01:00
Sebastiaan van Stijn
fbc8a83ab8 _scss: define variable for landing footer color
Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
2020-10-27 12:34:42 +01:00
Sebastiaan van Stijn
c1ae02526f _scss: tweak inconsistencies in hue
Changes should be mostly invisible, except for a very slight increase in
contrast in the "night" theme between the body-background and left/right
navigation blocks.

Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
2020-10-27 12:33:26 +01:00
Sebastiaan van Stijn
869640f7d1 _scss: change colors to HSL
While more verbose, HSL colors (Hue, Saturation, Lightness) allow
for easier selecting color variations that only differ in lightness,
but have the same hue.

This conversion also reveals some slight differences in hue between
existing color-variations that I'll address in a follow-up commit.

Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
2020-10-27 12:33:24 +01:00
Sebastiaan van Stijn
d36d519d57 _scss: remove more unused variables
Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
2020-10-27 12:33:20 +01:00
Sebastiaan van Stijn
c413c4e4fb _scss: remove unneeded $clear variable
Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
2020-10-26 18:58:10 +01:00
Sebastiaan van Stijn
9c5976456c Remove img.with-border style
The border was barely visible, was only used in a single place,
and didn't add much.

Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
2020-10-22 17:08:04 +02:00
Sebastiaan van Stijn
b9395f0d68 _scss: reduce overrides to make styling easier and more consistent
Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
2020-10-22 17:08:02 +02:00
Sebastiaan van Stijn
91425c3708 Small changes to reading time to prevent redraws
Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
2020-10-22 17:07:56 +02:00
Sebastiaan van Stijn
d96cb12828 Update default background color for notes
Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
2020-10-19 22:24:37 +02:00
Sebastiaan van Stijn
34fc160c9e _scss: cleanup notes styles
Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
2020-10-19 22:13:49 +02:00
Sebastiaan van Stijn
204d4df024 _scss: reformat _variables.scss, and unify colors in variables file
Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
2020-10-19 21:56:05 +02:00
Sebastiaan van Stijn
a58cd7705d landing-page: fix mobile navigation background-color
Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
2020-10-19 16:12:49 +02:00
Sebastiaan van Stijn
5619dacec7 Improve font handling for best practices
preload fonts and add font-display: swap to prevent flickering

Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
2020-10-16 16:05:38 +02:00
Sebastiaan van Stijn
0bb9a7ff8f js/search.js: rewrite local search autocomplete and update styling
Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
2020-10-15 17:20:28 +02:00
Sebastiaan van Stijn
f9d7f7352a accessibility: minor fixes in get-docker page
Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
2020-10-15 16:12:34 +02:00
Sebastiaan van Stijn
e3e280c54a _scss: remove unused styles, and combine some
Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
2020-10-15 15:06:25 +02:00
Sebastiaan van Stijn
034c23319b _scss: combine some overlapping rules, and move some to the right section
Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
2020-10-15 15:06:23 +02:00
Sebastiaan van Stijn
5cdbdac592 _scss: remove unneeded vendor-prefixes, and combine some styles
Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
2020-10-15 15:06:21 +02:00
Sebastiaan van Stijn
2bef56ee81 _scss/_night-mode.scss: remove styles not related to color
Dimensions, padding, etc, should not differ between "night mode" and "regular mode".

Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
2020-10-15 15:06:18 +02:00
Sebastiaan van Stijn
a12ac448d2 _scss: cleanup and reformat comments, remove commented styles
Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
2020-10-14 14:52:24 +02:00
Sebastiaan van Stijn
f0ee00befc css: remove highlightjs styles as we no longer use them
Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
2020-10-14 14:39:55 +02:00
Sebastiaan van Stijn
1c2a455346 styles.css: include code-highlight styles in main css document
Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
2020-10-14 14:39:53 +02:00
Sebastiaan van Stijn
d61d68cbb0 accessibility: fix active menu item low contrast in night-mode
Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
2020-10-13 12:17:56 +02:00
Sebastiaan van Stijn
eaf40137dc Remove "position: sticky" stickyfill polyfill
From the script's repository: https://github.com/wilddeer/stickyfill

> Stickyfill did a good job while the browsers were implementing position: sticky
> support. You can now safely use stickies without a polyfill, all modern browsers
> support them natively:
>
> https://caniuse.com/?search=position%3Asticky

Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
2020-10-12 13:27:15 +02:00
Sebastiaan van Stijn
2993c55840 move ratings script to end of body, remove inline styles
Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
2020-10-09 01:12:01 +02:00