Skip to content

Instantly share code, notes, and snippets.

@mestoness

mestoness/gridmest.css

Created May 2, 2021 12:57
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save mestoness/76fba1a2afe6f8d3b37e16ca801de28b to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save mestoness/76fba1a2afe6f8d3b37e16ca801de28b to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gridmest.css
/*!
* gridMest (https://github.com/mestoness/gridMest)
* Author : Ahmet Baki Memiş
* Licensed under MIT (https://github.com/mestoness/gridMest/blob/master/LICENSE)
*/html{box-sizing:border-box;-ms-overflow-style:scrollbar}*,::after,::before{box-sizing:inherit}.ns-container,.ns-container-fluid,.ns-container-lg,.ns-container-md,.ns-container-sm,.ns-container-xl{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;width:100%}@media (min-width:576px){.ns-container,.ns-container-sm{max-width:540px}}@media (min-width:768px){.ns-container,.ns-container-md,.ns-container-sm{max-width:720px}}@media (min-width:992px){.ns-container,.ns-container-lg,.ns-container-md,.ns-container-sm{max-width:960px}}@media (min-width:1200px){.ns-container,.ns-container-lg,.ns-container-md,.ns-container-sm,.ns-container-xl{max-width:1140px}}.ns-row{display:flex;flex-wrap:wrap;margin-left:-15px;margin-right:-15px}.ns-row.no-gutters{margin-left:0;margin-right:0}.ns-row.no-gutters>[class*=ns-col-]{padding-left:0;padding-right:0}[class*=ns-col-]{padding-left:15px;padding-right:15px;position:relative;width:100%}.ns-col{flex-basis:0;flex-grow:1;max-width:100%}.ns-col-auto{flex:0 0 auto;width:auto}.ns-col-1{flex:0 0 auto;width:8.33333%}.ns-col-2{flex:0 0 auto;width:16.66667%}.ns-col-3{flex:0 0 auto;width:25%}.ns-col-4{flex:0 0 auto;width:33.33333%}.ns-col-5{flex:0 0 auto;width:41.66667%}.ns-col-6{flex:0 0 auto;width:50%}.ns-col-7{flex:0 0 auto;width:58.33333%}.ns-col-8{flex:0 0 auto;width:66.66667%}.ns-col-9{flex:0 0 auto;width:75%}.ns-col-10{flex:0 0 auto;width:83.33333%}.ns-col-11{flex:0 0 auto;width:91.66667%}.ns-col-12{flex:0 0 auto;width:100%}.ns-order-first{order:-1}.ns-order-last{order:13}.ns-order-1{order:1}.ns-order-2{order:2}.ns-order-3{order:3}.ns-order-4{order:4}.ns-order-5{order:5}.ns-order-6{order:6}.ns-order-7{order:7}.ns-order-8{order:8}.ns-order-9{order:9}.ns-order-10{order:10}.ns-order-11{order:11}.ns-order-12{order:12}.ns-offset-1{margin-left:8.33333%}.ns-offset-2{margin-left:16.66667%}.ns-offset-3{margin-left:25%}.ns-offset-4{margin-left:33.33333%}.ns-offset-5{margin-left:41.66667%}.ns-offset-6{margin-left:50%}.ns-offset-7{margin-left:58.33333%}.ns-offset-8{margin-left:66.66667%}.ns-offset-9{margin-left:75%}.ns-offset-10{margin-left:83.33333%}.ns-offset-11{margin-left:91.66667%}@media (min-width:576px){.ns-col-sm-auto{flex:0 0 auto;width:auto}.ns-col-sm-1{flex:0 0 auto;width:8.33333%}.ns-col-sm-2{flex:0 0 auto;width:16.66667%}.ns-col-sm-3{flex:0 0 auto;width:25%}.ns-col-sm-4{flex:0 0 auto;width:33.33333%}.ns-col-sm-5{flex:0 0 auto;width:41.66667%}.ns-col-sm-6{flex:0 0 auto;width:50%}.ns-col-sm-7{flex:0 0 auto;width:58.33333%}.ns-col-sm-8{flex:0 0 auto;width:66.66667%}.ns-col-sm-9{flex:0 0 auto;width:75%}.ns-col-sm-10{flex:0 0 auto;width:83.33333%}.ns-col-sm-11{flex:0 0 auto;width:91.66667%}.ns-col-sm-12{flex:0 0 auto;width:100%}.ns-order-sm-first{order:-1}.ns-order-sm-last{order:13}.ns-order-sm-1{order:1}.ns-order-sm-2{order:2}.ns-order-sm-3{order:3}.ns-order-sm-4{order:4}.ns-order-sm-5{order:5}.ns-order-sm-6{order:6}.ns-order-sm-7{order:7}.ns-order-sm-8{order:8}.ns-order-sm-9{order:9}.ns-order-sm-10{order:10}.ns-order-sm-11{order:11}.ns-order-sm-12{order:12}.ns-offset-sm-0{margin-left:0}.ns-offset-sm-1{margin-left:8.33333%}.ns-offset-sm-2{margin-left:16.66667%}.ns-offset-sm-3{margin-left:25%}.ns-offset-sm-4{margin-left:33.33333%}.ns-offset-sm-5{margin-left:41.66667%}.ns-offset-sm-6{margin-left:50%}.ns-offset-sm-7{margin-left:58.33333%}.ns-offset-sm-8{margin-left:66.66667%}.ns-offset-sm-9{margin-left:75%}.ns-offset-sm-10{margin-left:83.33333%}.ns-offset-sm-11{margin-left:91.66667%}}@media (min-width:768px){.ns-col-md-auto{flex:0 0 auto;width:auto}.ns-col-md-1{flex:0 0 auto;width:8.33333%}.ns-col-md-2{flex:0 0 auto;width:16.66667%}.ns-col-md-3{flex:0 0 auto;width:25%}.ns-col-md-4{flex:0 0 auto;width:33.33333%}.ns-col-md-5{flex:0 0 auto;width:41.66667%}.ns-col-md-6{flex:0 0 auto;width:50%}.ns-col-md-7{flex:0 0 auto;width:58.33333%}.ns-col-md-8{flex:0 0 auto;width:66.66667%}.ns-col-md-9{flex:0 0 auto;width:75%}.ns-col-md-10{flex:0 0 auto;width:83.33333%}.ns-col-md-11{flex:0 0 auto;width:91.66667%}.ns-col-md-12{flex:0 0 auto;width:100%}.ns-order-md-first{order:-1}.ns-order-md-last{order:13}.ns-order-md-1{order:1}.ns-order-md-2{order:2}.ns-order-md-3{order:3}.ns-order-md-4{order:4}.ns-order-md-5{order:5}.ns-order-md-6{order:6}.ns-order-md-7{order:7}.ns-order-md-8{order:8}.ns-order-md-9{order:9}.ns-order-md-10{order:10}.ns-order-md-11{order:11}.ns-order-md-12{order:12}.ns-offset-md-0{margin-left:0}.ns-offset-md-1{margin-left:8.33333%}.ns-offset-md-2{margin-left:16.66667%}.ns-offset-md-3{margin-left:25%}.ns-offset-md-4{margin-left:33.33333%}.ns-offset-md-5{margin-left:41.66667%}.ns-offset-md-6{margin-left:50%}.ns-offset-md-7{margin-left:58.33333%}.ns-offset-md-8{margin-left:66.66667%}.ns-offset-md-9{margin-left:75%}.ns-offset-md-10{margin-left:83.33333%}.ns-offset-md-11{margin-left:91.66667%}}@media (min-width:992px){.ns-col-lg-auto{flex:0 0 auto;width:auto}.ns-col-lg-1{flex:0 0 auto;width:8.33333%}.ns-col-lg-2{flex:0 0 auto;width:16.66667%}.ns-col-lg-3{flex:0 0 auto;width:25%}.ns-col-lg-4{flex:0 0 auto;width:33.33333%}.ns-col-lg-5{flex:0 0 auto;width:41.66667%}.ns-col-lg-6{flex:0 0 auto;width:50%}.ns-col-lg-7{flex:0 0 auto;width:58.33333%}.ns-col-lg-8{flex:0 0 auto;width:66.66667%}.ns-col-lg-9{flex:0 0 auto;width:75%}.ns-col-lg-10{flex:0 0 auto;width:83.33333%}.ns-col-lg-11{flex:0 0 auto;width:91.66667%}.ns-col-lg-12{flex:0 0 auto;width:100%}.ns-order-lg-first{order:-1}.ns-order-lg-last{order:13}.ns-order-lg-1{order:1}.ns-order-lg-2{order:2}.ns-order-lg-3{order:3}.ns-order-lg-4{order:4}.ns-order-lg-5{order:5}.ns-order-lg-6{order:6}.ns-order-lg-7{order:7}.ns-order-lg-8{order:8}.ns-order-lg-9{order:9}.ns-order-lg-10{order:10}.ns-order-lg-11{order:11}.ns-order-lg-12{order:12}.ns-offset-lg-0{margin-left:0}.ns-offset-lg-1{margin-left:8.33333%}.ns-offset-lg-2{margin-left:16.66667%}.ns-offset-lg-3{margin-left:25%}.ns-offset-lg-4{margin-left:33.33333%}.ns-offset-lg-5{margin-left:41.66667%}.ns-offset-lg-6{margin-left:50%}.ns-offset-lg-7{margin-left:58.33333%}.ns-offset-lg-8{margin-left:66.66667%}.ns-offset-lg-9{margin-left:75%}.ns-offset-lg-10{margin-left:83.33333%}.ns-offset-lg-11{margin-left:91.66667%}}@media (min-width:1200px){.ns-col-xl-auto{flex:0 0 auto;width:auto}.ns-col-xl-1{flex:0 0 auto;width:8.33333%}.ns-col-xl-2{flex:0 0 auto;width:16.66667%}.ns-col-xl-3{flex:0 0 auto;width:25%}.ns-col-xl-4{flex:0 0 auto;width:33.33333%}.ns-col-xl-5{flex:0 0 auto;width:41.66667%}.ns-col-xl-6{flex:0 0 auto;width:50%}.ns-col-xl-7{flex:0 0 auto;width:58.33333%}.ns-col-xl-8{flex:0 0 auto;width:66.66667%}.ns-col-xl-9{flex:0 0 auto;width:75%}.ns-col-xl-10{flex:0 0 auto;width:83.33333%}.ns-col-xl-11{flex:0 0 auto;width:91.66667%}.ns-col-xl-12{flex:0 0 auto;width:100%}.ns-order-xl-first{order:-1}.ns-order-xl-last{order:13}.ns-order-xl-1{order:1}.ns-order-xl-2{order:2}.ns-order-xl-3{order:3}.ns-order-xl-4{order:4}.ns-order-xl-5{order:5}.ns-order-xl-6{order:6}.ns-order-xl-7{order:7}.ns-order-xl-8{order:8}.ns-order-xl-9{order:9}.ns-order-xl-10{order:10}.ns-order-xl-11{order:11}.ns-order-xl-12{order:12}.ns-offset-xl-0{margin-left:0}.ns-offset-xl-1{margin-left:8.33333%}.ns-offset-xl-2{margin-left:16.66667%}.ns-offset-xl-3{margin-left:25%}.ns-offset-xl-4{margin-left:33.33333%}.ns-offset-xl-5{margin-left:41.66667%}.ns-offset-xl-6{margin-left:50%}.ns-offset-xl-7{margin-left:58.33333%}.ns-offset-xl-8{margin-left:66.66667%}.ns-offset-xl-9{margin-left:75%}.ns-offset-xl-10{margin-left:83.33333%}.ns-offset-xl-11{margin-left:91.66667%}}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment