Commit 79748d4b authored by Laura Kalbag's avatar Laura Kalbag
Browse files

Add note on units in CSS

parent 60ca5694
...@@ -84,7 +84,7 @@ For the sake of compatibility, class names follow the Bulma naming conventions. ...@@ -84,7 +84,7 @@ For the sake of compatibility, class names follow the Bulma naming conventions.
<div class='card-content'> <div class='card-content'>
``` ```
When overriding Bulma’s CSS, we override on the Bulma classes. When overriding Bulma’s CSS, we override on the Bulma classes. *(While the example illustrates the point, we no longer override `rem`s for `em`s!)*
``` ```
.card-content .card-content
...@@ -98,4 +98,12 @@ When creating custom (non-Bulma) components, we follow the Bulma-style naming co ...@@ -98,4 +98,12 @@ When creating custom (non-Bulma) components, we follow the Bulma-style naming co
``` ```
<div class='profile-bio'> <div class='profile-bio'>
``` ```
\ No newline at end of file
### Units
We use `rem`s everywhere to keep our sizes relative to the root font size. This means that:
* All sizes will be relative to a person’s minimum font size as chosen in their browser settings.
* The entirety of the interface can be scaled using one media query to adjust the root font size.
* Values are always consistent and proportional to other values.
\ No newline at end of file
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment