-
Notifications
You must be signed in to change notification settings - Fork 9
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
frontend: Introduce rests.css #250
Conversation
firebase-deployment for 2755bfe |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
The diff here is slight relocation of the ❌ in the top right corner as a result of
img, picture, video, canvas, svg {
display: block;
max-width: 100%;
}
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
The swipe and onion skin options below the images show this.
I really like this, 👏 GitHub.
593ca4e
to
fa7378e
Compare
7b36051
to
0dd6742
Compare
fa7378e
to
ebcc40c
Compare
ebcc40c
to
e22c781
Compare
e22c781
to
f1df292
Compare
f1df292
to
99da016
Compare
99da016
to
c5093f4
Compare
c5093f4
to
7ce0304
Compare
7ce0304
to
2794899
Compare
2794899
to
faaf8e8
Compare
7f80728
to
0b6618d
Compare
Rename URLs https://evy.dev/play to https://play.evy.dev as we want to make play.evy.dev the canonical place to find the evy playground.
faaf8e8
to
64f584b
Compare
64f584b
to
ccaaf55
Compare
Mark `frontend/css/fonts/*.*.woff2` font files, which have a version in their filename, e.g. `firacode-latin.v22.woff`, with the usual one year, i.e. maximum cache expiry header. We don't expect to be updating these files, only adding new versions with new names. We've renamed the files from *-vN.woff, to *.vN.woff, e.g. firacode-latin.v22.woff, so that we can use the same pattern as other hashed files for extended expiry.
Introduce resets.css to be reused in other *.html files. Using a typical resets.css file shook out a couple of minor visual bugs, e.g. incorrect font in an input element.
Rename CSS variables to closer correspond to the CSS properties for which they are used, e.g. rename -ff to --font-family. This seems to be the idiomatic way of doing CSS variables and it seems also easier to remember.
Introduce root.css with global style related color and font-family related values to be reused in other *.html files.
Modernize import/export syntax to ES6. Require was a pre-ES6, node way of importing modules and is not needed anymore. Link: https://stackoverflow.com/questions/31354559/using-node-js-require-vs-es6-import-export
Move playground end-to-end tests to e2e/play so that we can make space for a landing page in the root directory. In a follow up commit we will also move the frontend source code to /play.
Shorten test case names for better readability in test error messages.
ccaaf55
to
2755bfe
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
🦚
Introduce rests.css and root.css to be reused in other *.html files.
We are using a typical resets.css file, which shook out a couple of
minor visual bugs, e.g. incorrect fontin an input element.
Introduce roots.css for global CSS style variables, such as colors and fonts
Update *.woff2 files with 1 year cache expiry in firebase config.
Refactor e2e tests in preparation for landing page and separate play.evy.dev tests.