Skip to content
GitLab
Menu
Projects
Groups
Snippets
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
Menu
Open sidebar
Indienet
Docs
Commits
79748d4b
Commit
79748d4b
authored
Mar 16, 2018
by
Laura Kalbag
⚡
Browse files
Add note on units in CSS
parent
60ca5694
Changes
1
Show whitespace changes
Inline
Side-by-side
content/site/styleguide/_index.en.md
View file @
79748d4b
...
@@ -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
...
@@ -99,3 +99,11 @@ When creating custom (non-Bulma) components, we follow the Bulma-style naming co
...
@@ -99,3 +99,11 @@ When creating custom (non-Bulma) components, we follow the Bulma-style naming co
```
```
<div class='profile-bio'>
<div class='profile-bio'>
```
```
### 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
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment