This repository was archived by the owner on Sep 5, 2024. It is now read-only.
File tree Expand file tree Collapse file tree 2 files changed +13
-7
lines changed Expand file tree Collapse file tree 2 files changed +13
-7
lines changed Original file line number Diff line number Diff line change @@ -89,15 +89,21 @@ <h3>Layout Column</h3>
89
89
</ p >
90
90
91
91
< div class ="md-whiteframe-3dp ">
92
- < iframe height ='459 ' scrolling ='no '
93
- src ='//codepen.io/team/AngularMaterial/embed/obgapg/?height=459&theme-id=21180&default-tab=result '
92
+
93
+ < iframe height ='700 ' scrolling ='no '
94
+ src ='//codepen.io/team/AngularMaterial/embed/obgapg/?height=700&theme-id=21180&default-tab=result '
94
95
frameborder ='no ' allowtransparency ='true ' allowfullscreen ='true ' style ='width: 100%; '> See the Pen < a
95
96
href ='http://codepen.io/team/AngularMaterial/pen/obgapg/ '> Card Layouts (corrected)</ a > by Angular Material (< a
96
97
href ='http://codepen.io/AngularMaterial '> @AngularMaterial</ a > ) on < a href ='http://codepen.io '> CodePen</ a > .
97
98
</ iframe >
99
+
98
100
</ div >
99
101
100
- < p > This is easily fixed simply by inverting the layout logic so that the default is < code > layout='row'</ code > </ p >
102
+ < p >
103
+ This is easily fixed simply by inverting the layout logic so that the default is < code > layout='row'</ code > .
104
+ To see how the layout changes, shrink the browser window its width is < 600px ;
105
+ </ p >
106
+
101
107
102
108
< br />
103
109
< hr />
Original file line number Diff line number Diff line change 450
450
display : none ;
451
451
}
452
452
}
453
- .hide-sm :not (.show-sm ):not (.show ) {
453
+ .hide-sm :not (.show-gt-xs ) :not ( .show- sm ):not (.show ) {
454
454
display : none ;
455
455
}
456
456
470
470
display : none ;
471
471
}
472
472
}
473
- .hide-md :not (.show-md ):not (.show ) {
473
+ .hide-md :not (.show-md ):not (.show-gt-sm ) :not ( .show-gt-xs ) :not ( .show ) {
474
474
display : none ;
475
475
}
476
476
@include layouts_for_breakpoint (md);
488
488
display : none ;
489
489
}
490
490
}
491
- .hide-lg :not (.show-lg ):not (.show ) {
491
+ .hide-lg :not (.show-lg ):not (.show-gt-md ) :not ( .show-gt-sm ) :not ( .show-gt-xs ) :not ( .show ) {
492
492
display : none ;
493
493
}
494
494
505
505
display : none ;
506
506
}
507
507
}
508
- .hide-xl :not (.show-xl ):not (.show-gt-lg ):not (.show ) {
508
+ .hide-xl :not (.show-xl ):not (.show-gt-lg ):not (.show-gt-md ) :not ( .show-gt-sm ) :not ( .show-gt-xs ) :not ( .show ) {
509
509
display : none ;
510
510
}
511
511
You can’t perform that action at this time.
0 commit comments