Skip to content
This repository was archived by the owner on Mar 4, 2025. It is now read-only.

Commit 31b215f

Browse files
committed
Add example for media queries
1 parent bc99f00 commit 31b215f

File tree

1 file changed

+17
-0
lines changed

1 file changed

+17
-0
lines changed

README.md

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -91,6 +91,23 @@ SCSS Files
9191
- Use variables, mixins, and classes as much as possible from our [style guide](https://github.com/appirio-tech/styles)
9292
- Reuse our [UI Components](https://github.com/appirio-tech/ng-ui-components)
9393
- When adding media queries, nest them inside the element, rather than creating a new section
94+
```
95+
.box {
96+
height: 50px;
97+
width: 50px;
98+
@media screen and (min-width: 768px) {
99+
height: 100px;
100+
width: 100px;
101+
}
102+
103+
.inside-box {
104+
font-size: 14px;
105+
@media screen and (min-width: 768px) {
106+
font-size: 18px;
107+
}
108+
}
109+
}
110+
```
94111
- This repository uses flexbox for arranging content. The use of any extra CSS libraries should be discussed with the team
95112

96113
JavaScript

0 commit comments

Comments
 (0)