-
Notifications
You must be signed in to change notification settings - Fork 14
/
Copy pathgrid-fluid.css
9 lines (9 loc) · 3.18 KB
/
grid-fluid.css
1
2
3
4
5
6
7
8
9
/*!
* Name: ibm.com v18 production file
* Release: 147.0.0
* Built: 2020-05-13 9:38:21 AM
* Owner: Michael Santelia, Vlad Saling
* Copyright (c) 2020 IBM Corporation
* Description: Official file for production use
*/
.ibm-fluid{margin:0 auto;max-width:1460px;padding:0 10px 10px}.ibm-fluid .ibm-fluid{margin-left:-10px;margin-right:-10px}@media only screen and (min-width:0px) and (max-width:579px){.ibm-fluid .ibm-fluid{margin-left:-20px;margin-right:-20px}}.ibm-fluid,.ibm-fluid [class*=ibm-col-]{-webkit-box-sizing:border-box;box-sizing:border-box}.ibm-fluid [class*=ibm-col-]::after,.ibm-fluid::after{content:'';display:table;clear:both}@media (min-width:580px){.ibm-fluid [class*=ibm-col-]{float:left}.ibm-fluid .ibm-fluid{padding:0;width:calc(100% + 20px)}}.ibm-fluid.ibm-seamless{padding-left:20px;padding-right:20px}.ibm-fluid.ibm-seamless .ibm-fluid{max-width:100%;padding:0;width:100%}.ibm-fluid.ibm-seamless [class*=ibm-col-]{padding:0}.ibm-fluid.ibm-fullwidth{max-width:100%;width:100%}.ibm-fluid.ibm-fullwidth.ibm-seamless{padding:0}.ibm-fluid.ibm-seamless .ibm-fluid:not(.ibm-seamless),.ibm-fluid:not(.ibm-seamless) .ibm-fluid.ibm-seamless{margin:0 auto}.ibm-fluid:not(.ibm-seamless) .ibm-fluid.ibm-seamless{padding:0}.ibm-fluid [class*=ibm-col-]{margin:0;padding:0 10px;min-height:1px}.ibm-col-small-12-6{float:left;width:50%}@media (min-width:580px){.ibm-col-12-1{width:8.33333%}.ibm-col-12-2{width:16.66667%}.ibm-col-12-3{width:25%}.ibm-col-12-4{width:33.33333%}.ibm-col-12-5{width:41.66667%}.ibm-col-12-6{width:50%}.ibm-col-12-7{width:58.33333%}.ibm-col-12-8{width:66.66667%}.ibm-col-12-9{width:75%}.ibm-col-12-10{width:83.33333%}.ibm-col-12-11{width:91.66667%}.ibm-col-12-12{width:100%}}@media (min-width:580px) and (max-width:1239px){.ibm-col-large-12-1{width:8.33333%}.ibm-col-large-12-2{width:16.66667%}.ibm-col-large-12-3{width:25%}.ibm-col-large-12-4{width:33.33333%}.ibm-col-large-12-5{width:41.66667%}.ibm-col-large-12-6{width:50%}.ibm-col-large-12-7{width:58.33333%}.ibm-col-large-12-8{width:66.66667%}.ibm-col-large-12-9{width:75%}.ibm-col-large-12-10{width:83.33333%}.ibm-col-large-12-11{width:91.66667%}.ibm-col-large-12-12{width:100%}}@media (min-width:580px) and (max-width:999px){.ibm-col-medium-12-1{width:8.33333%}.ibm-col-medium-12-2{width:16.66667%}.ibm-col-medium-12-3{width:25%}.ibm-col-medium-12-4{width:33.33333%}.ibm-col-medium-12-5{width:41.66667%}.ibm-col-medium-12-6{width:50%}.ibm-col-medium-12-7{width:58.33333%}.ibm-col-medium-12-8{width:66.66667%}.ibm-col-medium-12-9{width:75%}.ibm-col-medium-12-10{width:83.33333%}.ibm-col-medium-12-11{width:91.66667%}.ibm-col-medium-12-12{width:100%}}@media (min-width:1240px){.ibm-col-xlarge-12-1{width:8.33333%}.ibm-col-xlarge-12-2{width:16.66667%}.ibm-col-xlarge-12-3{width:25%}.ibm-col-xlarge-12-4{width:33.33333%}.ibm-col-xlarge-12-5{width:41.66667%}.ibm-col-xlarge-12-6{width:50%}.ibm-col-xlarge-12-7{width:58.33333%}.ibm-col-xlarge-12-8{width:66.66667%}.ibm-col-xlarge-12-9{width:75%}.ibm-col-xlarge-12-10{width:83.33333%}.ibm-col-xlarge-12-11{width:91.66667%}.ibm-col-xlarge-12-12{width:100%}}@media only screen and (min-width:0px) and (max-width:579px){.ibm-col-fixed{-webkit-box-flex:0!important;-ms-flex:0 0 auto!important;flex:0 0 auto!important}}