@@ -888,19 +888,32 @@ img.ui.avatar,
888
888
.page-content .ui .ui .ui .container : not (.fluid ) {
889
889
width : 1280px ;
890
890
max-width : calc (100vw - 64px );
891
+ margin-left : auto;
892
+ margin-right : auto;
893
+ }
894
+
895
+ .ui .container .fluid .padded {
896
+ padding : 0 32px ;
891
897
}
892
898
893
899
/* enable fluid page widths for medium size viewports */
894
900
@media (min-width : 768px ) and (max-width : 1200px ) {
895
- .ui .ui .ui .container : not (.fluid ) {
896
- width : calc (100vw - 64px );
901
+ .page-content .ui .ui .ui .container : not (.fluid ) {
902
+ width : calc (100vw - 32px );
903
+ max-width : calc (100vw - 32px );
904
+ }
905
+ .ui .container .fluid .padded {
906
+ padding : 0 16px ;
897
907
}
898
908
}
899
909
900
- @media only screen and (max-width : 767px ) {
910
+ @media (max-width : 767px ) {
901
911
.page-content .ui .ui .ui .container : not (.fluid ) {
902
- width : auto; /* copied from semantic css */
903
- max-width : 100% ;
912
+ width : calc (100vw - 16px );
913
+ max-width : calc (100vw - 16px );
914
+ }
915
+ .ui .container .fluid .padded {
916
+ padding : 0 8px ;
904
917
}
905
918
}
906
919
@@ -1160,16 +1173,6 @@ img.ui.avatar,
1160
1173
float : right;
1161
1174
}
1162
1175
1163
- .ui .container .fluid .padded {
1164
- padding : 0 32px ;
1165
- }
1166
-
1167
- @media (max-width : 767px ) {
1168
- .ui .container .fluid .padded {
1169
- padding : 0 8px ;
1170
- }
1171
- }
1172
-
1173
1176
.ui .form .ui .button {
1174
1177
font-weight : var (--font-weight-normal );
1175
1178
}
@@ -1554,12 +1557,6 @@ img.ui.avatar,
1554
1557
clip : auto;
1555
1558
}
1556
1559
1557
- @media (min-width : 768px ) and (max-width : 991px ) {
1558
- .ui .container {
1559
- width : 95% ;
1560
- }
1561
- }
1562
-
1563
1560
.ui .menu .new-menu {
1564
1561
margin-bottom : 15px ;
1565
1562
background : var (--color-navbar );
0 commit comments