Skip to content
This repository was archived by the owner on Nov 19, 2024. It is now read-only.

Improvements for CSS in responsive design doc #1963

Merged
merged 2 commits into from
Jul 24, 2018
Merged

Improvements for CSS in responsive design doc #1963

Changes from 1 commit
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
dcade4a
Added more detail on the use of the the .media-width() mixin and the …
rossmc May 23, 2018
50f944b
Merge branch 'master' into update-to-rwd_css.md
bdenham Jul 13, 2018
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Merge branch 'master' into update-to-rwd_css.md
  • Loading branch information
@bdenham
bdenham authored Jul 13, 2018
commit 50f944bfe52a06dcac23a4cde503f94e60b0f26e
2 changes: 1 addition & 1 deletion guides/v2.1/frontend-dev-guide/responsive-web-design/rwd_css.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ functional_areas:

Stylesheets are the main tool in responsive web design (RWD) implementation. This topic describes the mechanisms and approaches to building RWD used in the default Magento themes. To re-use them in your custom theme, make your {% glossarytooltip d2093e4a-2b71-48a3-99b7-b32af7158019 %}theme{% endglossarytooltip %} <a href="{{ page.baseurl }}/frontend-dev-guide/themes/theme-inherit.html" target="_blank">inherit</a> from the Magento Blank theme.

## Mobile first
<h2>Mobile first</h2>

In the Blank and Luma themes, the mobile first approach is used. It means that the styles for mobile devices (screen width less than 768px) are extended by the styles for the higher breakpoints. As the result, the extra styles are never loaded when a store is viewed on a mobile device.

Expand Down
You are viewing a condensed version of this merge commit. You can view the full changes here.