Created
July 18, 2014 14:43
-
-
Save netzwahnHH/1eb6fdff84816bc24d70 to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @media (max-width: 767px) { | |
| /****************************************** | |
| * optional layout column classes | |
| * for specified viewport xs only | |
| ******************************************/ | |
| .col-xs-12-only { | |
| width: 100%; | |
| } | |
| .col-xs-11-only { | |
| width: 91.66666667%; | |
| } | |
| .col-xs-10-only { | |
| width: 83.33333333%; | |
| } | |
| .col-xs-9-only { | |
| width: 75%; | |
| } | |
| .col-xs-8-only { | |
| width: 66.66666667%; | |
| } | |
| .col-xs-7-only { | |
| width: 58.33333333%; | |
| } | |
| .col-xs-6-only { | |
| width: 50%; | |
| } | |
| .col-xs-5-only { | |
| width: 41.66666667%; | |
| } | |
| .col-xs-4-only { | |
| width: 33.33333333%; | |
| } | |
| .col-xs-3-only { | |
| width: 25%; | |
| } | |
| .col-xs-2-only { | |
| width: 16.66666667%; | |
| } | |
| .col-xs-1-only { | |
| width: 8.33333333%; | |
| } | |
| } | |
| @media (min-width: 768px) and (max-width: 991px) { | |
| /****************************************** | |
| * optional layout column classes | |
| * for specified viewport sm only | |
| ******************************************/ | |
| .col-sm-12-only { | |
| width: 100%; | |
| } | |
| .col-sm-11-only { | |
| width: 91.66666667%; | |
| } | |
| .col-sm-10-only { | |
| width: 83.33333333%; | |
| } | |
| .col-sm-9-only { | |
| width: 75%; | |
| } | |
| .col-sm-8-only { | |
| width: 66.66666667%; | |
| } | |
| .col-sm-7-only { | |
| width: 58.33333333%; | |
| } | |
| .col-sm-6-only { | |
| width: 50%; | |
| } | |
| .col-sm-5-only { | |
| width: 41.66666667%; | |
| } | |
| .col-sm-4-only { | |
| width: 33.33333333%; | |
| } | |
| .col-sm-3-only { | |
| width: 25%; | |
| } | |
| .col-sm-2-only { | |
| width: 16.66666667%; | |
| } | |
| .col-sm-1-only { | |
| width: 8.33333333%; | |
| } | |
| } | |
| @media (min-width: 992px) and (max-width: 1199px) { | |
| /****************************************** | |
| * optional layout column classes | |
| * for specified viewport md only | |
| ******************************************/ | |
| .col-md-12-only { | |
| width: 100%; | |
| } | |
| .col-md-11-only { | |
| width: 91.66666667%; | |
| } | |
| .col-md-10-only { | |
| width: 83.33333333%; | |
| } | |
| .col-md-9-only { | |
| width: 75%; | |
| } | |
| .col-md-8-only { | |
| width: 66.66666667%; | |
| } | |
| .col-md-7-only { | |
| width: 58.33333333%; | |
| } | |
| .col-md-6-only { | |
| width: 50%; | |
| } | |
| .col-md-5-only { | |
| width: 41.66666667%; | |
| } | |
| .col-md-4-only { | |
| width: 33.33333333%; | |
| } | |
| .col-md-3-only { | |
| width: 25%; | |
| } | |
| .col-md-2-only { | |
| width: 16.66666667%; | |
| } | |
| .col-md-1-only { | |
| width: 8.33333333%; | |
| } | |
| } | |
| @media (min-width: 1200px) { | |
| /****************************************** | |
| * optional layout column classes | |
| * for specified viewport lg only | |
| ******************************************/ | |
| .col-lg-12-only { | |
| width: 100%; | |
| } | |
| .col-lg-11-only { | |
| width: 91.66666667%; | |
| } | |
| .col-lg-10-only { | |
| width: 83.33333333%; | |
| } | |
| .col-lg-9-only { | |
| width: 75%; | |
| } | |
| .col-lg-8-only { | |
| width: 66.66666667%; | |
| } | |
| .col-lg-7-only { | |
| width: 58.33333333%; | |
| } | |
| .col-lg-6-only { | |
| width: 50%; | |
| } | |
| .col-lg-5-only { | |
| width: 41.66666667%; | |
| } | |
| .col-lg-4-only { | |
| width: 33.33333333%; | |
| } | |
| .col-lg-3-only { | |
| width: 25%; | |
| } | |
| .col-lg-2-only { | |
| width: 16.66666667%; | |
| } | |
| .col-lg-1-only { | |
| width: 8.33333333%; | |
| } | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /****************************************** | |
| * optional general offset classes | |
| * for viewports from xs to lg | |
| ******************************************/ | |
| .margin-xs-6 { | |
| margin: 6px; | |
| } | |
| .margin-xs-9 { | |
| margin: 9px; | |
| } | |
| .margin-xs-12 { | |
| margin: 12px; | |
| } | |
| .margin-xs-15 { | |
| margin: 15px; | |
| } | |
| .margin-xs-18 { | |
| margin: 18px; | |
| } | |
| .margin-xs-21 { | |
| margin: 21px; | |
| } | |
| /****************************************** | |
| * optional top offset classes | |
| * for viewports from xs to lg | |
| ******************************************/ | |
| .margin-top-xs-6, | |
| input[type=radio].margin-top-xs-6, | |
| input[type=checkbox].margin-top-xs-6 { | |
| margin-top: 6px; | |
| } | |
| .margin-top-xs-9, | |
| input[type=radio].margin-top-xs-9, | |
| input[type=checkbox].margin-top-xs-9 { | |
| margin-top: 9px; | |
| } | |
| .margin-top-xs-12, | |
| input[type=radio].margin-top-right-12, | |
| input[type=checkbox].margin-top-right-12 { | |
| margin-top: 12px; | |
| } | |
| .margin-top-xs-15, | |
| input[type=radio].margin-top-right-15, | |
| input[type=checkbox].margin-top-right-15 { | |
| margin-top: 15px; | |
| } | |
| .margin-top-xs-18, | |
| input[type=radio].margin-top-right-18, | |
| input[type=checkbox].margin-top-right-18 { | |
| margin-top: 18px; | |
| } | |
| .margin-top-xs-21, | |
| input[type=radio].margin-top-right-21, | |
| input[type=checkbox].margin-top-right-21 { | |
| margin-top: 21px; | |
| } | |
| /****************************************** | |
| * optional right offset classes | |
| * for viewports from xs to lg | |
| ******************************************/ | |
| .margin-right-xs-6, | |
| input[type=radio].margin-right-xs-6, | |
| input[type=checkbox].margin-right-xs-6 { | |
| margin-right: 6px; | |
| } | |
| .margin-right-xs-9, | |
| input[type=radio].margin-right-xs-9, | |
| input[type=checkbox].margin-right-xs-9 { | |
| margin-right: 9px; | |
| } | |
| .margin-right-xs-12, | |
| input[type=radio].margin-right-right-12, | |
| input[type=checkbox].margin-right-right-12 { | |
| margin-right: 12px; | |
| } | |
| .margin-right-xs-15, | |
| input[type=radio].margin-right-right-15, | |
| input[type=checkbox].margin-right-right-15 { | |
| margin-right: 15px; | |
| } | |
| .margin-right-xs-18, | |
| input[type=radio].margin-right-right-18, | |
| input[type=checkbox].margin-right-right-18 { | |
| margin-right: 18px; | |
| } | |
| .margin-right-xs-21, | |
| input[type=radio].margin-right-right-21, | |
| input[type=checkbox].margin-right-right-21 { | |
| margin-right: 21px; | |
| } | |
| /****************************************** | |
| * optional bottom offset classes | |
| * for viewports from xs to lg | |
| ******************************************/ | |
| .margin-bottom-xs-6, | |
| input[type=radio].margin-bottom-xs-6, | |
| input[type=checkbox].margin-bottom-xs-6 { | |
| margin-bottom: 6px; | |
| } | |
| .margin-bottom-xs-9, | |
| input[type=radio].margin-bottom-xs-9, | |
| input[type=checkbox].margin-bottom-xs-9 { | |
| margin-bottom: 9px; | |
| } | |
| .margin-bottom-xs-12, | |
| input[type=radio].margin-left-bottom-12, | |
| input[type=checkbox].margin-left-bottom-12 { | |
| margin-bottom: 12px; | |
| } | |
| .margin-bottom-xs-15, | |
| input[type=radio].margin-left-bottom-15, | |
| input[type=checkbox].margin-left-bottom-15 { | |
| margin-bottom: 15px; | |
| } | |
| .margin-bottom-xs-18, | |
| input[type=radio].margin-left-bottom-18, | |
| input[type=checkbox].margin-left-bottom-18 { | |
| margin-bottom: 18px; | |
| } | |
| .margin-bottom-xs-21, | |
| input[type=radio].margin-left-bottom-21, | |
| input[type=checkbox].margin-left-bottom-21 { | |
| margin-bottom: 21px; | |
| } | |
| /****************************************** | |
| * optional left offset classes | |
| * for viewports from xs to lg | |
| ******************************************/ | |
| .margin-left-xs-6, | |
| input[type=radio].margin-left-xs-6, | |
| input[type=checkbox].margin-left-xs-6 { | |
| margin-left: 6px; | |
| } | |
| .margin-left-xs-9, | |
| input[type=radio].margin-left-xs-9, | |
| input[type=checkbox].margin-left-xs-9 { | |
| margin-left: 9px; | |
| } | |
| .margin-left-xs-12, | |
| input[type=radio].margin-left-xs-12, | |
| input[type=checkbox].margin-left-xs-12 { | |
| margin-left: 12px; | |
| } | |
| .margin-left-xs-15, | |
| input[type=radio].margin-left-xs-15, | |
| input[type=checkbox].margin-left-xs-15 { | |
| margin-left: 15px; | |
| } | |
| .margin-left-xs-18, | |
| input[type=radio].margin-left-xs-18, | |
| input[type=checkbox].margin-left-xs-18 { | |
| margin-left: 18px; | |
| } | |
| .margin-left-xs-21, | |
| input[type=radio].margin-left-xs-21, | |
| input[type=checkbox].margin-left-xs-21 { | |
| margin-left: 21px; | |
| } | |
| @media (max-width: 767px) { | |
| /****************************************** | |
| * optional general offset classes | |
| * for specified viewport xs only | |
| ******************************************/ | |
| .margin-xs-6-only { | |
| margin: 6px; | |
| } | |
| .margin-xs-9-only { | |
| margin: 9px; | |
| } | |
| .margin-xs-12-only { | |
| margin: 12px; | |
| } | |
| .margin-xs-15-only { | |
| margin: 15px; | |
| } | |
| .margin-xs-18-only { | |
| margin: 18px; | |
| } | |
| .margin-xs-21-only { | |
| margin: 21px; | |
| } | |
| /****************************************** | |
| * optional top offset classes | |
| * for specified viewport xs only | |
| ******************************************/ | |
| .margin-top-xs-6-only, | |
| input[type=radio].margin-top-xs-6-only, | |
| input[type=checkbox].margin-top-xs-6-only { | |
| margin-top: 6px; | |
| } | |
| .margin-top-xs-9-only, | |
| input[type=radio].margin-top-xs-9-only, | |
| input[type=checkbox].margin-top-xs-9-only { | |
| margin-top: 9px; | |
| } | |
| .margin-top-xs-12-only, | |
| input[type=radio].margin-top-xs-12-only, | |
| input[type=checkbox].margin-top-xs-12-only { | |
| margin-top: 12px; | |
| } | |
| .margin-top-xs-15-only, | |
| input[type=radio].margin-top-xs-15-only, | |
| input[type=checkbox].margin-top-xs-15-only { | |
| margin-top: 15px; | |
| } | |
| .margin-top-xs-18-only, | |
| input[type=radio].margin-top-xs-18-only, | |
| input[type=checkbox].margin-top-xs-18-only { | |
| margin-top: 18px; | |
| } | |
| .margin-top-xs-21-only, | |
| input[type=radio].margin-top-xs-21-only, | |
| input[type=checkbox].margin-top-xs-21-only { | |
| margin-top: 21px; | |
| } | |
| /****************************************** | |
| * optional right offset classes | |
| * for specified viewport xs only | |
| ******************************************/ | |
| .margin-right-xs-6-only, | |
| input[type=radio].margin-right-xs-6-only, | |
| input[type=checkbox].margin-right-xs-6-only { | |
| margin-right: 6px; | |
| } | |
| .margin-right-xs-9-only, | |
| input[type=radio].margin-right-xs-9-only, | |
| input[type=checkbox].margin-right-xs-9-only { | |
| margin-right: 9px; | |
| } | |
| .margin-right-xs-12-only, | |
| input[type=radio].margin-right-xs-12-only, | |
| input[type=checkbox].margin-right-xs-12-only { | |
| margin-right: 12px; | |
| } | |
| .margin-right-xs-15-only, | |
| input[type=radio].margin-right-xs-15-only, | |
| input[type=checkbox].margin-right-xs-15-only { | |
| margin-right: 15px; | |
| } | |
| .margin-right-xs-18-only, | |
| input[type=radio].margin-right-xs-18-only, | |
| input[type=checkbox].margin-right-xs-18-only { | |
| margin-right: 18px; | |
| } | |
| .margin-right-xs-21-only, | |
| input[type=radio].margin-right-xs-21-only, | |
| input[type=checkbox].margin-right-xs-21-only { | |
| margin-right: 21px; | |
| } | |
| /****************************************** | |
| * optional bottom offset classes | |
| * for specified viewport xs only | |
| ******************************************/ | |
| .margin-bottom-xs-6-only, | |
| input[type=radio].margin-bottom-xs-6-only, | |
| input[type=checkbox].margin-bottom-xs-6-only { | |
| margin-bottom: 6px; | |
| } | |
| .margin-bottom-xs-9-only, | |
| input[type=radio].margin-bottom-xs-9-only, | |
| input[type=checkbox].margin-bottom-xs-9-only { | |
| margin-bottom: 9px; | |
| } | |
| .margin-bottom-xs-12-only, | |
| input[type=radio].margin-bottom-xs-12-only, | |
| input[type=checkbox].margin-bottom-xs-12-only { | |
| margin-bottom: 12px; | |
| } | |
| .margin-bottom-xs-15-only, | |
| input[type=radio].margin-bottom-xs-15-only, | |
| input[type=checkbox].margin-bottom-xs-15-only { | |
| margin-bottom: 15px; | |
| } | |
| .margin-bottom-xs-18-only, | |
| input[type=radio].margin-bottom-xs-18-only, | |
| input[type=checkbox].margin-bottom-xs-18-only { | |
| margin-bottom: 18px; | |
| } | |
| .margin-bottom-xs-21-only, | |
| input[type=radio].margin-bottom-xs-21-only, | |
| input[type=checkbox].margin-bottom-xs-21-only { | |
| margin-bottom: 21px; | |
| } | |
| /****************************************** | |
| * optional left offset classes | |
| * for specified viewport xs only | |
| ******************************************/ | |
| .margin-left-xs-6-only, | |
| input[type=radio].margin-left-xs-6-only, | |
| input[type=checkbox].margin-left-xs-6-only { | |
| margin-left: 6px; | |
| } | |
| .margin-left-xs-9-only, | |
| input[type=radio].margin-left-xs-9-only, | |
| input[type=checkbox].margin-left-xs-9-only { | |
| margin-left: 9px; | |
| } | |
| .margin-left-xs-12-only, | |
| input[type=radio].margin-left-xs-12-only, | |
| input[type=checkbox].margin-left-xs-12-only { | |
| margin-left: 12px; | |
| } | |
| .margin-left-xs-15-only, | |
| input[type=radio].margin-left-xs-15-only, | |
| input[type=checkbox].margin-left-xs-15-only { | |
| margin-left: 15px; | |
| } | |
| .margin-left-xs-18-only, | |
| input[type=radio].margin-left-xs-18-only, | |
| input[type=checkbox].margin-left-xs-18-only { | |
| margin-left: 18px; | |
| } | |
| .margin-left-xs-21-only, | |
| input[type=radio].margin-left-xs-21-only, | |
| input[type=checkbox].margin-left-xs-21-only { | |
| margin-left: 21px; | |
| } | |
| } | |
| @media (min-width: 768px) { | |
| /****************************************** | |
| * optional general offset classes | |
| * for viewports from sm to lg | |
| ******************************************/ | |
| .margin-sm-6 { | |
| margin: 6px; | |
| } | |
| .margin-sm-9 { | |
| margin: 9px; | |
| } | |
| .margin-sm-12 { | |
| margin: 12px; | |
| } | |
| .margin-sm-15 { | |
| margin: 15px; | |
| } | |
| .margin-sm-18 { | |
| margin: 18px; | |
| } | |
| .margin-sm-21 { | |
| margin: 21px; | |
| } | |
| /****************************************** | |
| * optional top offset classes | |
| * for viewports from sm to lg | |
| ******************************************/ | |
| .margin-top-sm-6, | |
| input[type=radio].margin-top-sm-6, | |
| input[type=checkbox].margin-top-sm-6 { | |
| margin-top: 6px; | |
| } | |
| .margin-top-sm-9, | |
| input[type=radio].margin-top-sm-9, | |
| input[type=checkbox].margin-top-sm-9 { | |
| margin-top: 9px; | |
| } | |
| .margin-top-sm-12, | |
| input[type=radio].margin-top-sm-12, | |
| input[type=checkbox].margin-top-sm-12 { | |
| margin-top: 12px; | |
| } | |
| .margin-top-sm-15, | |
| input[type=radio].margin-top-sm-15, | |
| input[type=checkbox].margin-top-sm-15 { | |
| margin-top: 15px; | |
| } | |
| .margin-top-sm-18, | |
| input[type=radio].margin-top-sm-18, | |
| input[type=checkbox].margin-top-sm-18 { | |
| margin-top: 18px; | |
| } | |
| .margin-top-sm-21, | |
| input[type=radio].margin-top-sm-21, | |
| input[type=checkbox].margin-top-sm-21 { | |
| margin-top: 21px; | |
| } | |
| /****************************************** | |
| * optional right offset classes | |
| * for viewports from sm to lg | |
| ******************************************/ | |
| .margin-right-sm-6, | |
| input[type=radio].margin-right-sm-6, | |
| input[type=checkbox].margin-right-sm-6 { | |
| margin-right: 6px; | |
| } | |
| .margin-right-sm-9, | |
| input[type=radio].margin-right-sm-9, | |
| input[type=checkbox].margin-right-sm-9 { | |
| margin-right: 9px; | |
| } | |
| .margin-right-sm-12, | |
| input[type=radio].margin-right-sm-12, | |
| input[type=checkbox].margin-right-sm-12 { | |
| margin-right: 12px; | |
| } | |
| .margin-right-sm-15, | |
| input[type=radio].margin-right-sm-15, | |
| input[type=checkbox].margin-right-sm-15 { | |
| margin-right: 15px; | |
| } | |
| .margin-right-sm-18, | |
| input[type=radio].margin-right-sm-18, | |
| input[type=checkbox].margin-right-sm-18 { | |
| margin-right: 18px; | |
| } | |
| .margin-right-sm-21, | |
| input[type=radio].margin-right-sm-21, | |
| input[type=checkbox].margin-right-sm-21 { | |
| margin-right: 21px; | |
| } | |
| /****************************************** | |
| * optional bottom offset classes | |
| * for viewports from sm to lg | |
| ******************************************/ | |
| .margin-bottom-sm-6, | |
| input[type=radio].margin-bottom-sm-6, | |
| input[type=checkbox].margin-bottom-sm-6 { | |
| margin-bottom: 6px; | |
| } | |
| .margin-bottom-sm-9, | |
| input[type=radio].margin-bottom-sm-9, | |
| input[type=checkbox].margin-bottom-sm-9 { | |
| margin-bottom: 9px; | |
| } | |
| .margin-bottom-sm-12, | |
| input[type=radio].margin-bottom-sm-12, | |
| input[type=checkbox].margin-bottom-sm-12 { | |
| margin-bottom: 12px; | |
| } | |
| .margin-bottom-sm-15, | |
| input[type=radio].margin-bottom-sm-15, | |
| input[type=checkbox].margin-bottom-sm-15 { | |
| margin-bottom: 15px; | |
| } | |
| .margin-bottom-sm-18, | |
| input[type=radio].margin-bottom-sm-18, | |
| input[type=checkbox].margin-bottom-sm-18 { | |
| margin-bottom: 18px; | |
| } | |
| .margin-bottom-sm-21, | |
| input[type=radio].margin-bottom-sm-21, | |
| input[type=checkbox].margin-bottom-sm-21 { | |
| margin-bottom: 21px; | |
| } | |
| /****************************************** | |
| * optional left offset classes | |
| * for viewports from sm to lg | |
| ******************************************/ | |
| .margin-left-sm-6, | |
| input[type=radio].margin-left-sm-6, | |
| input[type=checkbox].margin-left-sm-6 { | |
| margin-left: 6px; | |
| } | |
| .margin-left-sm-9, | |
| input[type=radio].margin-left-sm-9, | |
| input[type=checkbox].margin-left-sm-9 { | |
| margin-left: 9px; | |
| } | |
| .margin-left-sm-12, | |
| input[type=radio].margin-left-sm-12, | |
| input[type=checkbox].margin-left-sm-12 { | |
| margin-left: 12px; | |
| } | |
| .margin-left-sm-15, | |
| input[type=radio].margin-left-sm-15, | |
| input[type=checkbox].margin-left-sm-15 { | |
| margin-left: 15px; | |
| } | |
| .margin-left-sm-18, | |
| input[type=radio].margin-left-sm-18, | |
| input[type=checkbox].margin-left-sm-18 { | |
| margin-left: 18px; | |
| } | |
| .margin-left-sm-21, | |
| input[type=radio].margin-left-sm-21, | |
| input[type=checkbox].margin-left-sm-21 { | |
| margin-left: 21px; | |
| } | |
| } | |
| @media (min-width: 768px) and (max-width: 991px) { | |
| /****************************************** | |
| * optional general offset classes | |
| * for specified viewport sm only | |
| ******************************************/ | |
| .margin-sm-6-only { | |
| margin: 6px; | |
| } | |
| .margin-sm-9-only { | |
| margin: 9px; | |
| } | |
| .margin-sm-12-only { | |
| margin: 12px; | |
| } | |
| .margin-sm-15-only { | |
| margin: 15px; | |
| } | |
| .margin-sm-18-only { | |
| margin: 18px; | |
| } | |
| .margin-sm-21-only { | |
| margin: 21px; | |
| } | |
| /****************************************** | |
| * optional top offset classes | |
| * for specified viewport sm only | |
| ******************************************/ | |
| .margin-top-sm-6-only, | |
| input[type=radio].margin-top-sm-6-only, | |
| input[type=checkbox].margin-top-sm-6-only { | |
| margin-top: 6px; | |
| } | |
| .margin-top-sm-9-only, | |
| input[type=radio].margin-top-sm-9-only, | |
| input[type=checkbox].margin-top-sm-9-only { | |
| margin-top: 9px; | |
| } | |
| .margin-top-sm-12-only, | |
| input[type=radio].margin-top-sm-12-only, | |
| input[type=checkbox].margin-top-sm-12-only { | |
| margin-top: 12px; | |
| } | |
| .margin-top-sm-15-only, | |
| input[type=radio].margin-top-sm-15-only, | |
| input[type=checkbox].margin-top-sm-15-only { | |
| margin-top: 15px; | |
| } | |
| .margin-top-sm-18-only, | |
| input[type=radio].margin-top-sm-18-only, | |
| input[type=checkbox].margin-top-sm-18-only { | |
| margin-top: 18px; | |
| } | |
| .margin-top-sm-21-only, | |
| input[type=radio].margin-top-sm-21-only, | |
| input[type=checkbox].margin-top-sm-21-only { | |
| margin-top: 21px; | |
| } | |
| /****************************************** | |
| * optional right offset classes | |
| * for specified viewport sm only | |
| ******************************************/ | |
| .margin-right-sm-6-only, | |
| input[type=radio].margin-right-sm-6-only, | |
| input[type=checkbox].margin-right-sm-6-only { | |
| margin-right: 6px; | |
| } | |
| .margin-right-sm-9-only, | |
| input[type=radio].margin-right-sm-9-only, | |
| input[type=checkbox].margin-right-sm-9-only { | |
| margin-right: 9px; | |
| } | |
| .margin-right-sm-12-only, | |
| input[type=radio].margin-right-sm-12-only, | |
| input[type=checkbox].margin-right-sm-12-only { | |
| margin-right: 12px; | |
| } | |
| .margin-right-sm-15-only, | |
| input[type=radio].margin-right-sm-15-only, | |
| input[type=checkbox].margin-right-sm-15-only { | |
| margin-right: 15px; | |
| } | |
| .margin-right-sm-18-only, | |
| input[type=radio].margin-right-sm-18-only, | |
| input[type=checkbox].margin-right-sm-18-only { | |
| margin-right: 18px; | |
| } | |
| .margin-right-sm-21-only, | |
| input[type=radio].margin-right-sm-21-only, | |
| input[type=checkbox].margin-right-sm-21-only { | |
| margin-right: 21px; | |
| } | |
| /****************************************** | |
| * optional bottom offset classes | |
| * for specified viewport sm only | |
| ******************************************/ | |
| .margin-bottom-sm-6-only, | |
| input[type=radio].margin-bottom-sm-6-only, | |
| input[type=checkbox].margin-bottom-sm-6-only { | |
| margin-bottom: 6px; | |
| } | |
| .margin-bottom-sm-9-only, | |
| input[type=radio].margin-bottom-sm-9-only, | |
| input[type=checkbox].margin-bottom-sm-9-only { | |
| margin-bottom: 9px; | |
| } | |
| .margin-bottom-sm-12-only, | |
| input[type=radio].margin-bottom-sm-12-only, | |
| input[type=checkbox].margin-bottom-sm-12-only { | |
| margin-bottom: 12px; | |
| } | |
| .margin-bottom-sm-15-only, | |
| input[type=radio].margin-bottom-sm-15-only, | |
| input[type=checkbox].margin-bottom-sm-15-only { | |
| margin-bottom: 15px; | |
| } | |
| .margin-bottom-sm-18-only, | |
| input[type=radio].margin-bottom-sm-18-only, | |
| input[type=checkbox].margin-bottom-sm-18-only { | |
| margin-bottom: 18px; | |
| } | |
| .margin-bottom-sm-21-only, | |
| input[type=radio].margin-bottom-sm-21-only, | |
| input[type=checkbox].margin-bottom-sm-21-only { | |
| margin-bottom: 21px; | |
| } | |
| /****************************************** | |
| * optional left offset classes | |
| * for specified viewport sm only | |
| ******************************************/ | |
| .margin-left-sm-6-only, | |
| input[type=radio].margin-left-sm-6-only, | |
| input[type=checkbox].margin-left-sm-6-only { | |
| margin-left: 6px; | |
| } | |
| .margin-left-sm-9-only, | |
| input[type=radio].margin-left-sm-9-only, | |
| input[type=checkbox].margin-left-sm-9-only { | |
| margin-left: 9px; | |
| } | |
| .margin-left-sm-12-only, | |
| input[type=radio].margin-left-sm-12-only, | |
| input[type=checkbox].margin-left-sm-12-only { | |
| margin-left: 12px; | |
| } | |
| .margin-left-sm-15-only, | |
| input[type=radio].margin-left-sm-15-only, | |
| input[type=checkbox].margin-left-sm-15-only { | |
| margin-left: 15px; | |
| } | |
| .margin-left-sm-18-only, | |
| input[type=radio].margin-left-sm-18-only, | |
| input[type=checkbox].margin-left-sm-18-only { | |
| margin-left: 18px; | |
| } | |
| .margin-left-sm-21-only, | |
| input[type=radio].margin-left-sm-21-only, | |
| input[type=checkbox].margin-left-sm-21-only { | |
| margin-left: 21px; | |
| } | |
| } | |
| @media (min-width: 992px) { | |
| /****************************************** | |
| * optional general offset classes | |
| * for viewports from md to lg | |
| ******************************************/ | |
| .margin-md-6 { | |
| margin: 6px; | |
| } | |
| .margin-md-9 { | |
| margin: 9px; | |
| } | |
| .margin-md-12 { | |
| margin: 12px; | |
| } | |
| .margin-md-15 { | |
| margin: 15px; | |
| } | |
| .margin-md-18 { | |
| margin: 18px; | |
| } | |
| .margin-md-21 { | |
| margin: 21px; | |
| } | |
| /****************************************** | |
| * optional top offset classes | |
| * for viewports from md to lg | |
| ******************************************/ | |
| .margin-top-md-6, | |
| input[type=radio].margin-top-md-6, | |
| input[type=checkbox].margin-top-md-6 { | |
| margin-top: 6px; | |
| } | |
| .margin-top-md-9, | |
| input[type=radio].margin-top-md-9, | |
| input[type=checkbox].margin-top-md-9 { | |
| margin-top: 9px; | |
| } | |
| .margin-top-md-12, | |
| input[type=radio].margin-top-md-12, | |
| input[type=checkbox].margin-top-md-12 { | |
| margin-top: 12px; | |
| } | |
| .margin-top-md-15, | |
| input[type=radio].margin-top-md-15, | |
| input[type=checkbox].margin-top-md-15 { | |
| margin-top: 15px; | |
| } | |
| .margin-top-md-18, | |
| input[type=radio].margin-top-md-18, | |
| input[type=checkbox].margin-top-md-18 { | |
| margin-top: 18px; | |
| } | |
| .margin-top-md-21, | |
| input[type=radio].margin-top-md-21, | |
| input[type=checkbox].margin-top-md-21 { | |
| margin-top: 21px; | |
| } | |
| /****************************************** | |
| * optional right offset classes | |
| * for viewports from md to lg | |
| ******************************************/ | |
| .margin-right-md-6, | |
| input[type=radio].margin-right-md-6, | |
| input[type=checkbox].margin-right-md-6 { | |
| margin-right: 6px; | |
| } | |
| .margin-right-md-9, | |
| input[type=radio].margin-right-md-9, | |
| input[type=checkbox].margin-right-md-9 { | |
| margin-right: 9px; | |
| } | |
| .margin-right-md-12, | |
| input[type=radio].margin-right-md-12, | |
| input[type=checkbox].margin-right-md-12 { | |
| margin-right: 12px; | |
| } | |
| .margin-right-md-15, | |
| input[type=radio].margin-right-md-15, | |
| input[type=checkbox].margin-right-md-15 { | |
| margin-right: 15px; | |
| } | |
| .margin-right-md-18, | |
| input[type=radio].margin-right-md-18, | |
| input[type=checkbox].margin-right-md-18 { | |
| margin-right: 18px; | |
| } | |
| .margin-right-md-21, | |
| input[type=radio].margin-right-md-21, | |
| input[type=checkbox].margin-right-md-21 { | |
| margin-right: 21px; | |
| } | |
| /****************************************** | |
| * optional bottom offset classes | |
| * for viewports from md to lg | |
| ******************************************/ | |
| .margin-bottom-md-6, | |
| input[type=radio].margin-bottom-md-6, | |
| input[type=checkbox].margin-bottom-md-6 { | |
| margin-bottom: 6px; | |
| } | |
| .margin-bottom-md-9, | |
| input[type=radio].margin-bottom-md-9, | |
| input[type=checkbox].margin-bottom-md-9 { | |
| margin-bottom: 9px; | |
| } | |
| .margin-bottom-md-12, | |
| input[type=radio].margin-bottom-md-12, | |
| input[type=checkbox].margin-bottom-md-12 { | |
| margin-bottom: 12px; | |
| } | |
| .margin-bottom-md-15, | |
| input[type=radio].margin-bottom-md-15, | |
| input[type=checkbox].margin-bottom-md-15 { | |
| margin-bottom: 15px; | |
| } | |
| .margin-bottom-md-18, | |
| input[type=radio].margin-bottom-md-18, | |
| input[type=checkbox].margin-bottom-md-18 { | |
| margin-bottom: 18px; | |
| } | |
| .margin-bottom-md-21, | |
| input[type=radio].margin-bottom-md-21, | |
| input[type=checkbox].margin-bottom-md-21 { | |
| margin-bottom: 21px; | |
| } | |
| /****************************************** | |
| * optional left offset classes | |
| * for viewports from md to lg | |
| ******************************************/ | |
| .margin-left-md-6, | |
| input[type=radio].margin-left-md-6, | |
| input[type=checkbox].margin-left-md-6 { | |
| margin-left: 6px; | |
| } | |
| .margin-left-md-9, | |
| input[type=radio].margin-left-md-9, | |
| input[type=checkbox].margin-left-md-9 { | |
| margin-left: 9px; | |
| } | |
| .margin-left-md-12, | |
| input[type=radio].margin-left-md-12, | |
| input[type=checkbox].margin-left-md-12 { | |
| margin-left: 12px; | |
| } | |
| .margin-left-md-15, | |
| input[type=radio].margin-left-md-15, | |
| input[type=checkbox].margin-left-md-15 { | |
| margin-left: 15px; | |
| } | |
| .margin-left-md-18, | |
| input[type=radio].margin-left-md-18, | |
| input[type=checkbox].margin-left-md-18 { | |
| margin-left: 18px; | |
| } | |
| .margin-left-md-21, | |
| input[type=radio].margin-left-md-21, | |
| input[type=checkbox].margin-left-md-21 { | |
| margin-left: 21px; | |
| } | |
| } | |
| @media (min-width: 992px) and (max-width: 1199px) { | |
| /****************************************** | |
| * optional general offset classes | |
| * for specified viewport md only | |
| ******************************************/ | |
| .margin-md-6-only { | |
| margin: 6px; | |
| } | |
| .margin-md-9-only { | |
| margin: 9px; | |
| } | |
| .margin-md-12-only { | |
| margin: 12px; | |
| } | |
| .margin-md-15-only { | |
| margin: 15px; | |
| } | |
| .margin-md-18-only { | |
| margin: 18px; | |
| } | |
| .margin-md-21-only { | |
| margin: 21px; | |
| } | |
| /****************************************** | |
| * optional top offset classes | |
| * for specified viewport md only | |
| ******************************************/ | |
| .margin-top-md-6-only, | |
| input[type=radio].margin-top-md-6-only, | |
| input[type=checkbox].margin-top-md-6-only { | |
| margin-top: 6px; | |
| } | |
| .margin-top-md-9-only, | |
| input[type=radio].margin-top-md-9-only, | |
| input[type=checkbox].margin-top-md-9-only { | |
| margin-top: 9px; | |
| } | |
| .margin-top-md-12-only, | |
| input[type=radio].margin-top-md-12-only, | |
| input[type=checkbox].margin-top-md-12-only { | |
| margin-top: 12px; | |
| } | |
| .margin-top-md-15-only, | |
| input[type=radio].margin-top-md-15-only, | |
| input[type=checkbox].margin-top-md-15-only { | |
| margin-top: 15px; | |
| } | |
| .margin-top-md-18-only, | |
| input[type=radio].margin-top-md-18-only, | |
| input[type=checkbox].margin-top-md-18-only { | |
| margin-top: 18px; | |
| } | |
| .margin-top-md-21-only, | |
| input[type=radio].margin-top-md-21-only, | |
| input[type=checkbox].margin-top-md-21-only { | |
| margin-top: 21px; | |
| } | |
| /****************************************** | |
| * optional right offset classes | |
| * for specified viewport md only | |
| ******************************************/ | |
| .margin-right-md-6-only, | |
| input[type=radio].margin-right-md-6-only, | |
| input[type=checkbox].margin-right-md-6-only { | |
| margin-right: 6px; | |
| } | |
| .margin-right-md-9-only, | |
| input[type=radio].margin-right-md-9-only, | |
| input[type=checkbox].margin-right-md-9-only { | |
| margin-right: 9px; | |
| } | |
| .margin-right-md-12-only, | |
| input[type=radio].margin-right-md-12-only, | |
| input[type=checkbox].margin-right-md-12-only { | |
| margin-right: 12px; | |
| } | |
| .margin-right-md-15-only, | |
| input[type=radio].margin-right-md-15-only, | |
| input[type=checkbox].margin-right-md-15-only { | |
| margin-right: 15px; | |
| } | |
| .margin-right-md-18-only, | |
| input[type=radio].margin-right-md-18-only, | |
| input[type=checkbox].margin-right-md-18-only { | |
| margin-right: 18px; | |
| } | |
| .margin-right-md-21-only, | |
| input[type=radio].margin-right-md-21-only, | |
| input[type=checkbox].margin-right-md-21-only { | |
| margin-right: 21px; | |
| } | |
| /****************************************** | |
| * optional bottom offset classes | |
| * for specified viewport md only | |
| ******************************************/ | |
| .margin-bottom-md-6-only, | |
| input[type=radio].margin-bottom-md-6-only, | |
| input[type=checkbox].margin-bottom-md-6-only { | |
| margin-bottom: 6px; | |
| } | |
| .margin-bottom-md-9-only, | |
| input[type=radio].margin-bottom-md-9-only, | |
| input[type=checkbox].margin-bottom-md-9-only { | |
| margin-bottom: 9px; | |
| } | |
| .margin-bottom-md-12-only, | |
| input[type=radio].margin-bottom-md-12-only, | |
| input[type=checkbox].margin-bottom-md-12-only { | |
| margin-bottom: 12px; | |
| } | |
| .margin-bottom-md-15-only, | |
| input[type=radio].margin-bottom-md-15-only, | |
| input[type=checkbox].margin-bottom-md-15-only { | |
| margin-bottom: 15px; | |
| } | |
| .margin-bottom-md-18-only, | |
| input[type=radio].margin-bottom-md-18-only, | |
| input[type=checkbox].margin-bottom-md-18-only { | |
| margin-bottom: 18px; | |
| } | |
| .margin-bottom-md-21-only, | |
| input[type=radio].margin-bottom-md-21-only, | |
| input[type=checkbox].margin-bottom-md-21-only { | |
| margin-bottom: 21px; | |
| } | |
| /****************************************** | |
| * optional left offset classes | |
| * for specified viewport md only | |
| ******************************************/ | |
| .margin-left-md-6-only, | |
| input[type=radio].margin-left-md-6-only, | |
| input[type=checkbox].margin-left-md-6-only { | |
| margin-left: 6px; | |
| } | |
| .margin-left-md-9-only, | |
| input[type=radio].margin-left-md-9-only, | |
| input[type=checkbox].margin-left-md-9-only { | |
| margin-left: 9px; | |
| } | |
| .margin-left-md-12-only, | |
| input[type=radio].margin-left-md-12-only, | |
| input[type=checkbox].margin-left-md-12-only { | |
| margin-left: 12px; | |
| } | |
| .margin-left-md-15-only, | |
| input[type=radio].margin-left-md-15-only, | |
| input[type=checkbox].margin-left-md-15-only { | |
| margin-left: 15px; | |
| } | |
| .margin-left-md-18-only, | |
| input[type=radio].margin-left-md-18-only, | |
| input[type=checkbox].margin-left-md-18-only { | |
| margin-left: 18px; | |
| } | |
| .margin-left-md-21-only, | |
| input[type=radio].margin-left-md-21-only, | |
| input[type=checkbox].margin-left-md-21-only { | |
| margin-left: 21px; | |
| } | |
| } | |
| @media (min-width: 1200px) { | |
| /****************************************** | |
| * optional general offset classes | |
| * for specified viewport lg only | |
| ******************************************/ | |
| .margin-lg-6-only { | |
| margin: 6px; | |
| } | |
| .margin-lg-9-only { | |
| margin: 9px; | |
| } | |
| .margin-lg-12-only { | |
| margin: 12px; | |
| } | |
| .margin-lg-15-only { | |
| margin: 15px; | |
| } | |
| .margin-lg-18-only { | |
| margin: 18px; | |
| } | |
| .margin-lg-21-only { | |
| margin: 21px; | |
| } | |
| /****************************************** | |
| * optional top offset classes | |
| * for specified viewport lg only | |
| ******************************************/ | |
| .margin-top-lg-6-only, | |
| input[type=radio].margin-top-lg-6-only, | |
| input[type=checkbox].margin-top-lg-6-only { | |
| margin-top: 6px; | |
| } | |
| .margin-top-lg-9-only, | |
| input[type=radio].margin-top-lg-9-only, | |
| input[type=checkbox].margin-top-lg-9-only { | |
| margin-top: 9px; | |
| } | |
| .margin-top-lg-12-only, | |
| input[type=radio].margin-top-lg-12-only, | |
| input[type=checkbox].margin-top-lg-12-only { | |
| margin-top: 12px; | |
| } | |
| .margin-top-lg-15-only, | |
| input[type=radio].margin-top-lg-15-only, | |
| input[type=checkbox].margin-top-lg-15-only { | |
| margin-top: 15px; | |
| } | |
| .margin-top-lg-18-only, | |
| input[type=radio].margin-top-lg-18-only, | |
| input[type=checkbox].margin-top-lg-18-only { | |
| margin-top: 18px; | |
| } | |
| .margin-top-lg-21-only, | |
| input[type=radio].margin-top-lg-21-only, | |
| input[type=checkbox].margin-top-lg-21-only { | |
| margin-top: 21px; | |
| } | |
| /****************************************** | |
| * optional right offset classes | |
| * for specified viewport lg only | |
| ******************************************/ | |
| .margin-right-lg-6-only, | |
| input[type=radio].margin-right-lg-6-only, | |
| input[type=checkbox].margin-right-lg-6-only { | |
| margin-right: 6px; | |
| } | |
| .margin-right-lg-9-only, | |
| input[type=radio].margin-right-lg-9-only, | |
| input[type=checkbox].margin-right-lg-9-only { | |
| margin-right: 9px; | |
| } | |
| .margin-right-lg-12-only, | |
| input[type=radio].margin-right-lg-12-only, | |
| input[type=checkbox].margin-right-lg-12-only { | |
| margin-right: 12px; | |
| } | |
| .margin-right-lg-15-only, | |
| input[type=radio].margin-right-lg-15-only, | |
| input[type=checkbox].margin-right-lg-15-only { | |
| margin-right: 15px; | |
| } | |
| .margin-right-lg-18-only, | |
| input[type=radio].margin-right-lg-18-only, | |
| input[type=checkbox].margin-right-lg-18-only { | |
| margin-right: 18px; | |
| } | |
| .margin-right-lg-21-only, | |
| input[type=radio].margin-right-lg-21-only, | |
| input[type=checkbox].margin-right-lg-21-only { | |
| margin-right: 21px; | |
| } | |
| /****************************************** | |
| * optional bottom offset classes | |
| * for specified viewport lg only | |
| ******************************************/ | |
| .margin-bottom-lg-6-only, | |
| input[type=radio].margin-bottom-lg-6-only, | |
| input[type=checkbox].margin-bottom-lg-6-only { | |
| margin-bottom: 6px; | |
| } | |
| .margin-bottom-lg-9-only, | |
| input[type=radio].margin-bottom-lg-9-only, | |
| input[type=checkbox].margin-bottom-lg-9-only { | |
| margin-bottom: 9px; | |
| } | |
| .margin-bottom-lg-12-only, | |
| input[type=radio].margin-bottom-lg-12-only, | |
| input[type=checkbox].margin-bottom-lg-12-only { | |
| margin-bottom: 12px; | |
| } | |
| .margin-bottom-lg-15-only, | |
| input[type=radio].margin-bottom-lg-15-only, | |
| input[type=checkbox].margin-bottom-lg-15-only { | |
| margin-bottom: 15px; | |
| } | |
| .margin-bottom-lg-18-only, | |
| input[type=radio].margin-bottom-lg-18-only, | |
| input[type=checkbox].margin-bottom-lg-18-only { | |
| margin-bottom: 18px; | |
| } | |
| .margin-bottom-lg-21-only, | |
| input[type=radio].margin-bottom-lg-21-only, | |
| input[type=checkbox].margin-bottom-lg-21-only { | |
| margin-bottom: 21px; | |
| } | |
| /****************************************** | |
| * optional left offset classes | |
| * for specified viewport lg only | |
| ******************************************/ | |
| .margin-left-lg-6-only, | |
| input[type=radio].margin-left-lg-6-only, | |
| input[type=checkbox].margin-left-lg-6-only { | |
| margin-left: 6px; | |
| } | |
| .margin-left-lg-9-only, | |
| input[type=radio].margin-left-lg-9-only, | |
| input[type=checkbox].margin-left-lg-9-only { | |
| margin-left: 9px; | |
| } | |
| .margin-left-lg-12-only, | |
| input[type=radio].margin-left-lg-12-only, | |
| input[type=checkbox].margin-left-lg-12-only { | |
| margin-left: 12px; | |
| } | |
| .margin-left-lg-15-only, | |
| input[type=radio].margin-left-lg-15-only, | |
| input[type=checkbox].margin-left-lg-15-only { | |
| margin-left: 15px; | |
| } | |
| .margin-left-lg-18-only, | |
| input[type=radio].margin-left-lg-18-only, | |
| input[type=checkbox].margin-left-lg-18-only { | |
| margin-left: 18px; | |
| } | |
| .margin-left-lg-21-only, | |
| input[type=radio].margin-left-lg-21-only, | |
| input[type=checkbox].margin-left-lg-21-only { | |
| margin-left: 21px; | |
| } | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /****************************************** | |
| * optional positioning helper classes | |
| * for viewports from xs to lg | |
| ******************************************/ | |
| .pos-static-xs { | |
| position: static; | |
| } | |
| .pos-relative-xs { | |
| position: relative; | |
| } | |
| .pos-absolute-xs { | |
| position: absolute; | |
| } | |
| .pos-fixed-xs { | |
| position: fixed; | |
| } | |
| @media (max-width: 767px) { | |
| /****************************************** | |
| * optional positioning helper classes | |
| * for specified viewport xs only | |
| ******************************************/ | |
| .pos-static-xs-only { | |
| position: static; | |
| } | |
| .pos-relative-xs-only { | |
| position: relative; | |
| } | |
| .pos-absolute-xs-only { | |
| position: absolute; | |
| } | |
| .pos-fixed-xs-only { | |
| position: fixed; | |
| } | |
| } | |
| @media (min-width: 768px) { | |
| /****************************************** | |
| * optional positioning helper classes | |
| * for viewports from sm to lg | |
| ******************************************/ | |
| .pos-static-sm { | |
| position: static; | |
| } | |
| .pos-relative-sm { | |
| position: relative; | |
| } | |
| .pos-absolute-sm { | |
| position: absolute; | |
| } | |
| .pos-fixed-sm { | |
| position: fixed; | |
| } | |
| } | |
| @media (min-width: 768px) and (max-width: 991px) { | |
| /****************************************** | |
| * optional positioning helper classes | |
| * for specified viewport sm only | |
| ******************************************/ | |
| .pos-static-sm-only { | |
| position: static; | |
| } | |
| .pos-relative-sm-only { | |
| position: relative; | |
| } | |
| .pos-absolute-sm-only { | |
| position: absolute; | |
| } | |
| .pos-fixed-sm-only { | |
| position: fixed; | |
| } | |
| } | |
| @media (min-width: 992px) { | |
| /****************************************** | |
| * optional positioning helper classes | |
| * for viewports from md to lg | |
| ******************************************/ | |
| .pos-static-md { | |
| position: static; | |
| } | |
| .pos-relative-md { | |
| position: relative; | |
| } | |
| .pos-absolute-md { | |
| position: absolute; | |
| } | |
| .pos-fixed-md { | |
| position: fixed; | |
| } | |
| } | |
| @media (min-width: 992px) and (max-width: 1199px) { | |
| /****************************************** | |
| * optional positioning helper classes | |
| * for specified viewport md only | |
| ******************************************/ | |
| .pos-static-md-only { | |
| position: static; | |
| } | |
| .pos-relative-md-only { | |
| position: relative; | |
| } | |
| .pos-absolute-md-only { | |
| position: absolute; | |
| } | |
| .pos-fixed-md-only { | |
| position: fixed; | |
| } | |
| } | |
| @media (min-width: 1200px) { | |
| /****************************************** | |
| * optional positioning helper classes | |
| * for specified viewport lg only | |
| ******************************************/ | |
| .pos-static-lg-only { | |
| position: static; | |
| } | |
| .pos-relative-lg-only { | |
| position: relative; | |
| } | |
| .pos-absolute-lg-only { | |
| position: absolute; | |
| } | |
| .pos-fixed-lg-only { | |
| position: fixed; | |
| } | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment