Commit b9f44d0c authored by Alice Young's avatar Alice Young Committed by Mark Otto
Browse files

minor rephrasing on layout/overview docs

parent 22fcac2c
Showing with 3 additions and 3 deletions
+3 -3
...@@ -118,7 +118,7 @@ Once again, these media queries are also available via Sass mixins: ...@@ -118,7 +118,7 @@ Once again, these media queries are also available via Sass mixins:
@include media-breakpoint-down(lg) { ... } @include media-breakpoint-down(lg) { ... }
{% endhighlight %} {% endhighlight %}
We also have media between the breakpoint's minimum and maximum widths for only the given screen size: We can also use media queries to target a single segment of screen sizes, using the minimum and maximum breakpoint widths:
{% highlight scss %} {% highlight scss %}
// Extra small devices (portrait phones, less than 576px) // Extra small devices (portrait phones, less than 576px)
...@@ -147,7 +147,7 @@ These media queries are also available via Sass mixins: ...@@ -147,7 +147,7 @@ These media queries are also available via Sass mixins:
@include media-breakpoint-only(xl) { ... } @include media-breakpoint-only(xl) { ... }
{% endhighlight %} {% endhighlight %}
And finally media that spans multiple breakpoint widths: Similarly, media queries may span multiple breakpoint widths:
{% highlight scss %} {% highlight scss %}
// Example // Example
...@@ -155,7 +155,7 @@ And finally media that spans multiple breakpoint widths: ...@@ -155,7 +155,7 @@ And finally media that spans multiple breakpoint widths:
@media (min-width: 768px) and (max-width: 1199px) { ... } @media (min-width: 768px) and (max-width: 1199px) { ... }
{% endhighlight %} {% endhighlight %}
The Sass mixin for the above example look like that shown beneath: The Sass mixin for targeting the same screen size range would be:
{% highlight scss %} {% highlight scss %}
@include media-breakpoint-between(md, lg) { ... } @include media-breakpoint-between(md, lg) { ... }
......
Supports Markdown
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