File tree Expand file tree Collapse file tree 1 file changed +24
-3
lines changed Expand file tree Collapse file tree 1 file changed +24
-3
lines changed Original file line number Diff line number Diff line change @@ -2675,7 +2675,15 @@ section#demo {
2675
2675
2676
2676
.panel-container {
2677
2677
display : flex;
2678
- justify-content : space-between;
2678
+ flex-direction : column;
2679
+ gap : 1.5rem ;
2680
+ }
2681
+
2682
+ @media (min-width : 768px ) {
2683
+ .panel-container {
2684
+ flex-direction : row;
2685
+ gap : 2.5rem ;
2686
+ }
2679
2687
}
2680
2688
2681
2689
.snippet-panel {
@@ -2812,7 +2820,7 @@ nav {
2812
2820
left : 0 ;
2813
2821
opacity : .1 ;
2814
2822
top : 0 ;
2815
- z-index : 1 ;
2823
+ z-index : -5 ;
2816
2824
pointer-events : none;
2817
2825
}
2818
2826
@@ -2828,10 +2836,23 @@ nav {
2828
2836
right : 0 ;
2829
2837
opacity : .1 ;
2830
2838
top : 0 ;
2831
- z-index : 1 ;
2839
+ z-index : -5 ;
2832
2840
pointer-events : none;
2833
2841
}
2834
2842
2843
+ @media (max-width : 576px ) {
2844
+ .dotted , .dotted-right {
2845
+ opacity : 0.05 ;
2846
+ }
2847
+
2848
+ .dotted {
2849
+ left : -80px ;
2850
+ }
2851
+ .dotted-right {
2852
+ right : -80px ;
2853
+ }
2854
+ }
2855
+
2835
2856
/* ===========================
2836
2857
Navigation Styles
2837
2858
=========================== */
You can’t perform that action at this time.
0 commit comments