├── keep-calm.png ├── less ├── variables.less ├── bootstrap-css-utils.less ├── display.less ├── text.less ├── .csslintrc ├── margin.less ├── padding.less └── .csscomb.json ├── .editorconfig ├── .gitignore ├── bower.json ├── LICENSE ├── package.json ├── Gruntfile.js ├── README.md └── dist ├── bootstrap-css-utils.min.css ├── bootstrap-css-utils.css └── bootstrap-css-utils.css.map /keep-calm.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/trumbitta/bootstrap-css-utils/HEAD/keep-calm.png -------------------------------------------------------------------------------- /less/variables.less: -------------------------------------------------------------------------------- 1 | // Core variables 2 | @rhythm-base: 1em; 3 | 4 | @rhythm-xs: (@rhythm-base / 4); 5 | @rhythm-sm: (@rhythm-base / 2); 6 | @rhythm-md: (@rhythm-base); 7 | @rhythm-lg: (@rhythm-base * 2); 8 | @rhythm-xl: (@rhythm-base * 4); 9 | -------------------------------------------------------------------------------- /less/bootstrap-css-utils.less: -------------------------------------------------------------------------------- 1 | // Core variables 2 | @import "variables.less"; 3 | 4 | // Rhythm 5 | @import "margin.less"; 6 | @import "padding.less"; 7 | 8 | // Display 9 | @import "display.less"; 10 | 11 | // Text 12 | @import "text.less"; 13 | -------------------------------------------------------------------------------- /less/display.less: -------------------------------------------------------------------------------- 1 | // Display 2 | 3 | .display-inline { 4 | display: inline !important; 5 | } 6 | 7 | .display-block { 8 | display: block !important; 9 | } 10 | 11 | .display-inline-block { 12 | display: inline-block !important; 13 | } 14 | -------------------------------------------------------------------------------- /.editorconfig: -------------------------------------------------------------------------------- 1 | # http://editorconfig.org 2 | root = true 3 | 4 | [*] 5 | indent_style = space 6 | indent_size = 2 7 | charset = utf-8 8 | trim_trailing_whitespace = true 9 | insert_final_newline = true 10 | 11 | [*.md] 12 | trim_trailing_whitespace = false 13 | -------------------------------------------------------------------------------- /less/text.less: -------------------------------------------------------------------------------- 1 | // Text 2 | 3 | .text-italic { 4 | font-style: italic !important; 5 | } 6 | 7 | .text-monospace { 8 | font-family: monospace !important; 9 | } 10 | 11 | .text-normal { 12 | font-weight: normal !important; 13 | } 14 | 15 | .text-strikethrough { 16 | text-decoration: line-through !important; 17 | } 18 | 19 | .text-strong { 20 | font-weight: 500 !important; 21 | } 22 | 23 | .text-stronger { 24 | font-weight: 700 !important; 25 | } 26 | -------------------------------------------------------------------------------- /less/.csslintrc: -------------------------------------------------------------------------------- 1 | { 2 | "adjoining-classes": false, 3 | "box-sizing": false, 4 | "box-model": false, 5 | "compatible-vendor-prefixes": false, 6 | "floats": false, 7 | "font-sizes": false, 8 | "gradients": false, 9 | "important": false, 10 | "known-properties": false, 11 | "outline-none": false, 12 | "qualified-headings": false, 13 | "regex-selectors": false, 14 | "shorthand": false, 15 | "text-indent": false, 16 | "unique-headings": false, 17 | "universal-selector": false, 18 | "unqualified-attributes": false 19 | } 20 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # Ignore docs files 2 | _gh_pages 3 | _site 4 | .ruby-version 5 | 6 | # Numerous always-ignore extensions 7 | *.diff 8 | *.err 9 | *.log 10 | *.orig 11 | *.rej 12 | *.swo 13 | *.swp 14 | *.vi 15 | *.zip 16 | *~ 17 | 18 | # OS or Editor folders 19 | ._* 20 | .cache 21 | .DS_Store 22 | .idea 23 | .project 24 | .settings 25 | .tmproj 26 | *.esproj 27 | *.sublime-project 28 | *.sublime-workspace 29 | nbproject 30 | Thumbs.db 31 | 32 | # Komodo 33 | .komodotools 34 | *.komodoproject 35 | 36 | # Folders to ignore 37 | bower_components 38 | node_modules 39 | -------------------------------------------------------------------------------- /bower.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "bootstrap-css-utils", 3 | "version": "0.1.5", 4 | "authors": [ 5 | "William Ghelfi " 6 | ], 7 | "description": "Some utility CSS classes for Bootstrap (spacing, displaying, ...)", 8 | "main": [ 9 | "less/bootstrap-css-utils.less", 10 | "dist/bootstrap-css-utils.css" 11 | ], 12 | "moduleType": [ 13 | "globals" 14 | ], 15 | "keywords": [ 16 | "bootstrap", 17 | "css", 18 | "utils", 19 | "spacers", 20 | "spacing", 21 | "vertical", 22 | "rhythm", 23 | "display", 24 | "misc" 25 | ], 26 | "license": "MIT", 27 | "ignore": [ 28 | "**/.*", 29 | "node_modules", 30 | "bower_components", 31 | "test", 32 | "tests" 33 | ] 34 | } 35 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) 2011-2015 Twitter, Inc 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in 13 | all copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN 21 | THE SOFTWARE. 22 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "bootstrap-css-utils", 3 | "description": "Some utility CSS classes for Bootstrap (spacing, displaying, ...)", 4 | "version": "0.1.5", 5 | "keywords": [ 6 | "bootstrap", 7 | "css", 8 | "utils", 9 | "spacers", 10 | "spacing", 11 | "vertical", 12 | "rhythm", 13 | "display", 14 | "misc" 15 | ], 16 | "homepage": "http://github.com/trumbitta/bootstrap-css-utils", 17 | "author": "William Ghelfi ", 18 | "license": { 19 | "type": "MIT", 20 | "url": "https://github.com/trumbitta/bootstrap-css-utils/blob/master/LICENSE" 21 | }, 22 | "devDependencies": { 23 | "btoa": "~1.1.2", 24 | "glob": "~5.0.3", 25 | "grunt": "~0.4.5", 26 | "grunt-autoprefixer": "~2.2.0", 27 | "grunt-banner": "~0.3.1", 28 | "grunt-contrib-clean": "~0.6.0", 29 | "grunt-contrib-compress": "~0.13.0", 30 | "grunt-contrib-concat": "~0.5.1", 31 | "grunt-contrib-connect": "~0.9.0", 32 | "grunt-contrib-copy": "~0.8.0", 33 | "grunt-contrib-csslint": "~0.4.0", 34 | "grunt-contrib-cssmin": "~0.12.2", 35 | "grunt-contrib-jade": "~0.14.1", 36 | "grunt-contrib-jshint": "~0.11.0", 37 | "grunt-contrib-less": "~1.0.0", 38 | "grunt-contrib-qunit": "~0.5.2", 39 | "grunt-contrib-uglify": "~0.8.0", 40 | "grunt-contrib-watch": "~0.6.1", 41 | "grunt-csscomb": "~3.0.0", 42 | "grunt-exec": "~0.4.6", 43 | "grunt-html": "~4.0.1", 44 | "grunt-jekyll": "~0.4.2", 45 | "grunt-jscs": "~1.5.0", 46 | "grunt-saucelabs": "~8.6.0", 47 | "grunt-sed": "~0.1.1", 48 | "load-grunt-tasks": "~3.1.0", 49 | "markdown-it": "^4.0.1", 50 | "npm-shrinkwrap": "^200.1.0", 51 | "time-grunt": "^1.1.0" 52 | }, 53 | "engines": { 54 | "node": ">=0.10.1" 55 | }, 56 | "files": [ 57 | "dist", 58 | "less/**/*.less", 59 | "Gruntfile.js", 60 | "LICENSE" 61 | ] 62 | } 63 | -------------------------------------------------------------------------------- /Gruntfile.js: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap CSS Utils's Gruntfile 3 | * http://github.com/trumbitta/bootstrap-css-utils 4 | * Copyright 2015 William Ghelfi 5 | * Licensed under MIT (https://github.com/trumbitta/bootstrap-css-utils/blob/master/LICENSE) 6 | */ 7 | 8 | module.exports = function (grunt) { 9 | 'use strict'; 10 | 11 | // Force use of Unix newlines 12 | grunt.util.linefeed = '\n'; 13 | 14 | // Project configuration. 15 | grunt.initConfig({ 16 | 17 | // Metadata. 18 | pkg: grunt.file.readJSON('package.json'), 19 | banner: '/*!\n' + 20 | ' * Bootstrap CSS Utils v<%= pkg.version %> (<%= pkg.homepage %>)\n' + 21 | ' * Copyright <%= grunt.template.today("yyyy") %> <%= pkg.author %>\n' + 22 | ' * Licensed under <%= pkg.license.type %> (<%= pkg.license.url %>)\n' + 23 | ' */\n', 24 | 25 | // Task configuration. 26 | clean: { 27 | dist: 'dist' 28 | }, 29 | 30 | less: { 31 | options: { 32 | strictMath: true, 33 | sourceMap: true, 34 | outputSourceFiles: true, 35 | sourceMapURL: '<%= pkg.name %>.css.map', 36 | sourceMapFilename: 'dist/<%= pkg.name %>.css.map' 37 | }, 38 | compile: { 39 | src: 'less/<%= pkg.name %>.less', 40 | dest: 'dist/<%= pkg.name %>.css' 41 | } 42 | }, 43 | 44 | autoprefixer: { 45 | options: { 46 | browsers: [ 47 | "Android 2.3", 48 | "Android >= 4", 49 | "Chrome >= 20", 50 | "Firefox >= 24", 51 | "Explorer >= 8", 52 | "iOS >= 6", 53 | "Opera >= 12", 54 | "Safari >= 6" 55 | ] 56 | }, 57 | all: { 58 | options: { 59 | map: true 60 | }, 61 | src: 'dist/<%= pkg.name %>.css' 62 | } 63 | }, 64 | 65 | csslint: { 66 | options: { 67 | csslintrc: 'less/.csslintrc' 68 | }, 69 | dist: [ 70 | 'dist/<%= pkg.name %>.css' 71 | ], 72 | }, 73 | 74 | cssmin: { 75 | options: { 76 | // TODO: disable `zeroUnits` optimization once clean-css 3.2 is released 77 | // and then simplify the fix for https://github.com/twbs/bootstrap/issues/14837 accordingly 78 | compatibility: 'ie8', 79 | keepSpecialComments: '*', 80 | advanced: false 81 | }, 82 | minify: { 83 | src: 'dist/<%= pkg.name %>.css', 84 | dest: 'dist/<%= pkg.name %>.min.css' 85 | } 86 | }, 87 | 88 | usebanner: { 89 | options: { 90 | position: 'top', 91 | banner: '<%= banner %>' 92 | }, 93 | files: { 94 | src: 'dist/*.css' 95 | } 96 | }, 97 | 98 | csscomb: { 99 | options: { 100 | config: 'less/.csscomb.json' 101 | }, 102 | dist: { 103 | expand: true, 104 | cwd: 'dist/', 105 | src: ['*.css', '!*.min.css'], 106 | dest: 'dist/' 107 | } 108 | }, 109 | 110 | connect: { 111 | server: { 112 | options: { 113 | port: 3000, 114 | base: '.' 115 | } 116 | } 117 | }, 118 | 119 | watch: { 120 | files: 'less/**/*.less', 121 | tasks: 'less' 122 | }, 123 | 124 | exec: { 125 | npmUpdate: { 126 | command: 'npm update' 127 | } 128 | }, 129 | 130 | }); 131 | 132 | 133 | // These plugins provide necessary tasks. 134 | require('load-grunt-tasks')(grunt, { scope: 'devDependencies' }); 135 | require('time-grunt')(grunt); 136 | 137 | // CSS distribution task. 138 | grunt.registerTask('less-compile', ['less:compile']); 139 | grunt.registerTask('dist-css', ['less-compile', 'autoprefixer:all', 'usebanner', 'csscomb:dist', 'cssmin:minify']); 140 | 141 | // Full distribution task. 142 | grunt.registerTask('dist', ['clean', 'dist-css']); 143 | 144 | // Default task. 145 | grunt.registerTask('default', ['clean:dist']); 146 | 147 | }; 148 | -------------------------------------------------------------------------------- /less/margin.less: -------------------------------------------------------------------------------- 1 | // Margin 2 | 3 | .margin-all-none { 4 | margin-top: 0 !important; 5 | margin-right: 0 !important; 6 | margin-bottom: 0 !important; 7 | margin-left: 0 !important; 8 | } 9 | 10 | .margin-all-xs { 11 | margin-top: @rhythm-xs !important; 12 | margin-right: @rhythm-xs !important; 13 | margin-bottom: @rhythm-xs !important; 14 | margin-left: @rhythm-xs !important; 15 | } 16 | 17 | .margin-all-sm { 18 | margin-top: @rhythm-sm !important; 19 | margin-right: @rhythm-sm !important; 20 | margin-bottom: @rhythm-sm !important; 21 | margin-left: @rhythm-sm !important; 22 | } 23 | 24 | .margin-all-md { 25 | margin-top: @rhythm-md !important; 26 | margin-right: @rhythm-md !important; 27 | margin-bottom: @rhythm-md !important; 28 | margin-left: @rhythm-md !important; 29 | } 30 | 31 | .margin-all-lg { 32 | margin-top: @rhythm-lg !important; 33 | margin-right: @rhythm-lg !important; 34 | margin-bottom: @rhythm-lg !important; 35 | margin-left: @rhythm-lg !important; 36 | } 37 | 38 | .margin-all-xl { 39 | margin-top: @rhythm-xl !important; 40 | margin-right: @rhythm-xl !important; 41 | margin-bottom: @rhythm-xl !important; 42 | margin-left: @rhythm-xl !important; 43 | } 44 | 45 | .margin-vertical-none { 46 | margin-top: 0 !important; 47 | margin-bottom: 0 !important; 48 | } 49 | 50 | .margin-vertical-xs { 51 | margin-top: @rhythm-xs !important; 52 | margin-bottom: @rhythm-xs !important; 53 | } 54 | 55 | .margin-vertical-sm { 56 | margin-top: @rhythm-sm !important; 57 | margin-bottom: @rhythm-sm !important; 58 | } 59 | 60 | .margin-vertical-md { 61 | margin-top: @rhythm-md !important; 62 | margin-bottom: @rhythm-md !important; 63 | } 64 | 65 | .margin-vertical-lg { 66 | margin-top: @rhythm-lg !important; 67 | margin-bottom: @rhythm-lg !important; 68 | } 69 | 70 | .margin-vertical-xl { 71 | margin-top: @rhythm-xl !important; 72 | margin-bottom: @rhythm-xl !important; 73 | } 74 | 75 | .margin-top-none { 76 | margin-top: 0 !important; 77 | } 78 | 79 | .margin-top-xs { 80 | margin-top: @rhythm-xs !important; 81 | } 82 | 83 | .margin-top-sm { 84 | margin-top: @rhythm-sm !important; 85 | } 86 | 87 | .margin-top-md { 88 | margin-top: @rhythm-md !important; 89 | } 90 | 91 | .margin-top-lg { 92 | margin-top: @rhythm-lg !important; 93 | } 94 | 95 | .margin-top-xl { 96 | margin-top: @rhythm-xl !important; 97 | } 98 | 99 | .margin-bottom-none { 100 | margin-bottom: 0 !important; 101 | } 102 | 103 | .margin-bottom-xs { 104 | margin-bottom: @rhythm-xs !important; 105 | } 106 | 107 | .margin-bottom-sm { 108 | margin-bottom: @rhythm-sm !important; 109 | } 110 | 111 | .margin-bottom-md { 112 | margin-bottom: @rhythm-md !important; 113 | } 114 | 115 | .margin-bottom-lg { 116 | margin-bottom: @rhythm-lg !important; 117 | } 118 | 119 | .margin-bottom-xl { 120 | margin-bottom: @rhythm-xl !important; 121 | } 122 | 123 | .margin-horizontal-none { 124 | margin-right: 0 !important; 125 | margin-left: 0 !important; 126 | } 127 | 128 | .margin-horizontal-xs { 129 | margin-left: @rhythm-xs !important; 130 | margin-right: @rhythm-xs !important; 131 | } 132 | 133 | .margin-horizontal-sm { 134 | margin-left: @rhythm-sm !important; 135 | margin-right: @rhythm-sm !important; 136 | } 137 | 138 | .margin-horizontal-md { 139 | margin-left: @rhythm-md !important; 140 | margin-right: @rhythm-md !important; 141 | } 142 | 143 | .margin-horizontal-lg { 144 | margin-left: @rhythm-lg !important; 145 | margin-right: @rhythm-lg !important; 146 | } 147 | 148 | .margin-horizontal-xl { 149 | margin-left: @rhythm-xl !important; 150 | margin-right: @rhythm-xl !important; 151 | } 152 | 153 | .margin-left-none { 154 | margin-left: 0 !important; 155 | } 156 | 157 | .margin-left-xs { 158 | margin-left: @rhythm-xs !important; 159 | } 160 | 161 | .margin-left-sm { 162 | margin-left: @rhythm-sm !important; 163 | } 164 | 165 | .margin-left-md { 166 | margin-left: @rhythm-md !important; 167 | } 168 | 169 | .margin-left-lg { 170 | margin-left: @rhythm-lg !important; 171 | } 172 | 173 | .margin-left-xl { 174 | margin-left: @rhythm-xl !important; 175 | } 176 | 177 | .margin-right-none { 178 | margin-right: 0 !important; 179 | } 180 | 181 | .margin-right-xs { 182 | margin-right: @rhythm-xs !important; 183 | } 184 | 185 | .margin-right-sm { 186 | margin-right: @rhythm-sm !important; 187 | } 188 | 189 | .margin-right-md { 190 | margin-right: @rhythm-md !important; 191 | } 192 | 193 | .margin-right-lg { 194 | margin-right: @rhythm-lg !important; 195 | } 196 | 197 | .margin-right-xl { 198 | margin-right: @rhythm-xl !important; 199 | } 200 | -------------------------------------------------------------------------------- /less/padding.less: -------------------------------------------------------------------------------- 1 | // Padding 2 | 3 | .padding-all-none { 4 | padding-top: 0 !important; 5 | padding-right: 0 !important; 6 | padding-bottom: 0 !important; 7 | padding-left: 0 !important; 8 | } 9 | 10 | .padding-all-xs { 11 | padding-top: @rhythm-xs !important; 12 | padding-right: @rhythm-xs !important; 13 | padding-bottom: @rhythm-xs !important; 14 | padding-left: @rhythm-xs !important; 15 | } 16 | 17 | .padding-all-sm { 18 | padding-top: @rhythm-sm !important; 19 | padding-right: @rhythm-sm !important; 20 | padding-bottom: @rhythm-sm !important; 21 | padding-left: @rhythm-sm !important; 22 | } 23 | 24 | .padding-all-md { 25 | padding-top: @rhythm-md !important; 26 | padding-right: @rhythm-md !important; 27 | padding-bottom: @rhythm-md !important; 28 | padding-left: @rhythm-md !important; 29 | } 30 | 31 | .padding-all-lg { 32 | padding-top: @rhythm-lg !important; 33 | padding-right: @rhythm-lg !important; 34 | padding-bottom: @rhythm-lg !important; 35 | padding-left: @rhythm-lg !important; 36 | } 37 | 38 | .padding-all-xl { 39 | padding-top: @rhythm-xl !important; 40 | padding-right: @rhythm-xl !important; 41 | padding-bottom: @rhythm-xl !important; 42 | padding-left: @rhythm-xl !important; 43 | } 44 | 45 | .padding-vertical-none { 46 | padding-top: 0 !important; 47 | padding-bottom: 0 !important; 48 | } 49 | 50 | .padding-vertical-xs { 51 | padding-top: @rhythm-xs !important; 52 | padding-bottom: @rhythm-xs !important; 53 | } 54 | 55 | .padding-vertical-sm { 56 | padding-top: @rhythm-sm !important; 57 | padding-bottom: @rhythm-sm !important; 58 | } 59 | 60 | .padding-vertical-md { 61 | padding-top: @rhythm-md !important; 62 | padding-bottom: @rhythm-md !important; 63 | } 64 | 65 | .padding-vertical-lg { 66 | padding-top: @rhythm-lg !important; 67 | padding-bottom: @rhythm-lg !important; 68 | } 69 | 70 | .padding-vertical-xl { 71 | padding-top: @rhythm-xl !important; 72 | padding-bottom: @rhythm-xl !important; 73 | } 74 | 75 | .padding-top-none { 76 | padding-top: 0 !important; 77 | } 78 | 79 | .padding-top-xs { 80 | padding-top: @rhythm-xs !important; 81 | } 82 | 83 | .padding-top-sm { 84 | padding-top: @rhythm-sm !important; 85 | } 86 | 87 | .padding-top-md { 88 | padding-top: @rhythm-md !important; 89 | } 90 | 91 | .padding-top-lg { 92 | padding-top: @rhythm-lg !important; 93 | } 94 | 95 | .padding-top-xl { 96 | padding-top: @rhythm-xl !important; 97 | } 98 | 99 | .padding-bottom-none { 100 | padding-bottom: 0 !important; 101 | } 102 | 103 | .padding-bottom-xs { 104 | padding-bottom: @rhythm-xs !important; 105 | } 106 | 107 | .padding-bottom-sm { 108 | padding-bottom: @rhythm-sm !important; 109 | } 110 | 111 | .padding-bottom-md { 112 | padding-bottom: @rhythm-md !important; 113 | } 114 | 115 | .padding-bottom-lg { 116 | padding-bottom: @rhythm-lg !important; 117 | } 118 | 119 | .padding-bottom-xl { 120 | padding-bottom: @rhythm-xl !important; 121 | } 122 | 123 | .padding-horizontal-none { 124 | padding-right: 0 !important; 125 | padding-left: 0 !important; 126 | } 127 | 128 | .padding-horizontal-xs { 129 | padding-left: @rhythm-xs !important; 130 | padding-right: @rhythm-xs !important; 131 | } 132 | 133 | .padding-horizontal-sm { 134 | padding-left: @rhythm-sm !important; 135 | padding-right: @rhythm-sm !important; 136 | } 137 | 138 | .padding-horizontal-md { 139 | padding-left: @rhythm-md !important; 140 | padding-right: @rhythm-md !important; 141 | } 142 | 143 | .padding-horizontal-lg { 144 | padding-left: @rhythm-lg !important; 145 | padding-right: @rhythm-lg !important; 146 | } 147 | 148 | .padding-horizontal-xl { 149 | padding-left: @rhythm-xl !important; 150 | padding-right: @rhythm-xl !important; 151 | } 152 | 153 | .padding-left-none { 154 | padding-left: 0 !important; 155 | } 156 | 157 | .padding-left-xs { 158 | padding-left: @rhythm-xs !important; 159 | } 160 | 161 | .padding-left-sm { 162 | padding-left: @rhythm-sm !important; 163 | } 164 | 165 | .padding-left-md { 166 | padding-left: @rhythm-md !important; 167 | } 168 | 169 | .padding-left-lg { 170 | padding-left: @rhythm-lg !important; 171 | } 172 | 173 | .padding-left-xl { 174 | padding-left: @rhythm-xl !important; 175 | } 176 | 177 | .padding-right-none { 178 | padding-right: 0 !important; 179 | } 180 | 181 | .padding-right-xs { 182 | padding-right: @rhythm-xs !important; 183 | } 184 | 185 | .padding-right-sm { 186 | padding-right: @rhythm-sm !important; 187 | } 188 | 189 | .padding-right-md { 190 | padding-right: @rhythm-md !important; 191 | } 192 | 193 | .padding-right-lg { 194 | padding-right: @rhythm-lg !important; 195 | } 196 | 197 | .padding-right-xl { 198 | padding-right: @rhythm-xl !important; 199 | } 200 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Bootstrap CSS Utils 2 | 3 | ![Keep calm and add a class](keep-calm.png) 4 | 5 | Bootstrap CSS Utils is collection of handy CSS helper classes you can use to complement [Bootstrap's own already amazing ones](http://getbootstrap.com/css/#helper-classes). 6 | 7 | **Note**: *The classes are designed and intended to gracefully work with Bootstrap, but you can also use them alone if you so feel like it.* 8 | 9 | ## Table of contents 10 | 11 | * [Install](#install) 12 | * [Rhythm classes](#rhythm-helper-classes) 13 | * [Display classes](#display-helper-classes) 14 | * [Text classes](#text-helper-classes) 15 | * [Customization](#customization) 16 | * [Help wanted](#help-wanted) 17 | * [Versioning](#versioning) 18 | * [Creator](#creator) 19 | * [Copyright and license](#copyright-and-license) 20 | 21 | ## Install 22 | 23 | ### Bower 24 | 25 | **Import the package**: 26 | ```bash 27 | bower install bootstrap-css-utils 28 | ``` 29 | 30 | **Include the CSS file**: 31 | ```HTML 32 | ... 33 | 34 | 35 | ... 36 | ``` 37 | 38 | ### Git 39 | 40 | **Clone the repo**: 41 | ```bash 42 | git clone https://github.com/trumbitta/bootstrap-css-utils.git 43 | ``` 44 | 45 | **Copy the CSS file**: 46 | ``` 47 | bootstrap-css-utils/dist/bootstrap-css-utils.min.css 48 | ``` 49 | 50 | **Or the non-minified version**: 51 | ``` 52 | bootstrap-css-utils/dist/bootstrap-css-utils.css 53 | ``` 54 | 55 | **Include the CSS file**: 56 | ```HTML 57 | ... 58 | 59 | 60 | ... 61 | ``` 62 | 63 | ## Rhythm helper classes 64 | 65 | Vertical and Horizontal rhythm is very important in a good GUI. Whenever you are in need of a bit coherent spacing, use one of the *rhythm* classes 66 | 67 | ### Variations 68 | 69 | Every class name is composed as follows: `[variant]-[direction]-[size]` 70 | 71 | * **Variants:** 72 | * `margin` 73 | * `padding` 74 | * **Directions:** 75 | * `vertical` 76 | * `horizontal` 77 | * **Sizes:** 78 | * `xs` 79 | * `sm` 80 | * `md` 81 | * `lg` 82 | * `xl` 83 | 84 | Size abbreviations have the same meaning as in Bootstrap, with the added `xl: extra-large` one. 85 | 86 | ### Examples 87 | 88 | #### Medium vertical margin 89 | 90 | ```HTML 91 | 92 | 93 |
94 | ... 95 |
96 | ``` 97 | 98 | ```CSS 99 | /* CSS */ 100 | 101 | .margin-vertical-md { 102 | margin-top: 1em !important; 103 | margin-bottom: 1em !important; 104 | } 105 | ``` 106 | 107 | #### Large horizontal padding 108 | 109 | ```HTML 110 | 111 | 112 |
113 | ... 114 |
115 | ``` 116 | 117 | ```CSS 118 | /* CSS */ 119 | 120 | .padding-horizontal-lg { 121 | padding-left: 2em !important; 122 | padding-right: 2em !important; 123 | } 124 | ``` 125 | 126 | ## Display helper classes 127 | 128 | When you are dealing with complex CSS shenanigans and need some quick little touches of display wizardry, use one of these: 129 | 130 | ```CSS 131 | .display-inline { 132 | display: inline !important; 133 | } 134 | 135 | .display-block { 136 | display: block !important; 137 | } 138 | 139 | .display-inline-block { 140 | display: inline-block !important; 141 | } 142 | ``` 143 | 144 | ## Text helper classes 145 | 146 | Because sometimes you need bold text merely for design purposes. 147 | 148 | ```CSS 149 | .text-italic { 150 | font-style: italic !important; 151 | } 152 | 153 | .text-monospace { 154 | font-family: monospace !important; 155 | } 156 | 157 | .text-normal { 158 | font-weight: normal !important; 159 | } 160 | 161 | .text-strikethrough { 162 | text-decoration: line-through !important; 163 | } 164 | 165 | .text-strong { 166 | font-weight: 500 !important; 167 | } 168 | 169 | .text-stronger { 170 | font-weight: 700 !important; 171 | } 172 | ``` 173 | 174 | ## Customization 175 | 176 | Variables are in `less/variables.less`. 177 | Customize at will, then rebuild via `grunt dist`. 178 | 179 | ### Default values 180 | 181 | ``` 182 | @rhythm-base: 1em; 183 | 184 | @rhythm-xs: (@rhythm-base / 4); 185 | @rhythm-sm: (@rhythm-base / 2); 186 | @rhythm-md: (@rhythm-base); 187 | @rhythm-lg: (@rhythm-base * 2); 188 | @rhythm-xl: (@rhythm-base * 4); 189 | ``` 190 | 191 | ## Help wanted 192 | 193 | I need help refactoring the *Less* code into something more maintainable. 194 | Right now, the code is redundant at best. 195 | 196 | I already used coherent variable and class names, but I lack the skill to properly use *Less* to achieve what is needed... and the time to learn myself how to do it ;-) 197 | 198 | Please open a pull-request if you think you can help improving the *Less* code or any other part of the project. 199 | 200 | ## Versioning 201 | 202 | I'm using [the Semantic Versioning guidelines](http://semver.org/). Sometimes I'll screw up, but I'll adhere to those rules whenever possible. 203 | 204 | ## Creator 205 | 206 | **William Ghelfi** 207 | 208 | * 209 | * 210 | * 211 | 212 | ## Copyright and license 213 | 214 | Code copyright 2015 William Ghelfi. Code released under [the MIT license](https://github.com/trumbitta/bootstrap-css-utils/blob/master/LICENSE). 215 | 216 | -------------------------------------------------------------------------------- /dist/bootstrap-css-utils.min.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap CSS Utils v0.1.5 (http://github.com/trumbitta/bootstrap-css-utils) 3 | * Copyright 2015 William Ghelfi 4 | * Licensed under MIT (https://github.com/trumbitta/bootstrap-css-utils/blob/master/LICENSE) 5 | */.margin-all-none{margin-top:0!important;margin-right:0!important;margin-bottom:0!important;margin-left:0!important}.margin-all-xs{margin-top:.25em!important;margin-right:.25em!important;margin-bottom:.25em!important;margin-left:.25em!important}.margin-all-sm{margin-top:.5em!important;margin-right:.5em!important;margin-bottom:.5em!important;margin-left:.5em!important}.margin-all-md{margin-top:1em!important;margin-right:1em!important;margin-bottom:1em!important;margin-left:1em!important}.margin-all-lg{margin-top:2em!important;margin-right:2em!important;margin-bottom:2em!important;margin-left:2em!important}.margin-all-xl{margin-top:4em!important;margin-right:4em!important;margin-bottom:4em!important;margin-left:4em!important}.margin-vertical-none{margin-top:0!important;margin-bottom:0!important}.margin-vertical-xs{margin-top:.25em!important;margin-bottom:.25em!important}.margin-vertical-sm{margin-top:.5em!important;margin-bottom:.5em!important}.margin-vertical-md{margin-top:1em!important;margin-bottom:1em!important}.margin-vertical-lg{margin-top:2em!important;margin-bottom:2em!important}.margin-vertical-xl{margin-top:4em!important;margin-bottom:4em!important}.margin-top-none{margin-top:0!important}.margin-top-xs{margin-top:.25em!important}.margin-top-sm{margin-top:.5em!important}.margin-top-md{margin-top:1em!important}.margin-top-lg{margin-top:2em!important}.margin-top-xl{margin-top:4em!important}.margin-bottom-none{margin-bottom:0!important}.margin-bottom-xs{margin-bottom:.25em!important}.margin-bottom-sm{margin-bottom:.5em!important}.margin-bottom-md{margin-bottom:1em!important}.margin-bottom-lg{margin-bottom:2em!important}.margin-bottom-xl{margin-bottom:4em!important}.margin-horizontal-none{margin-right:0!important;margin-left:0!important}.margin-horizontal-xs{margin-right:.25em!important;margin-left:.25em!important}.margin-horizontal-sm{margin-right:.5em!important;margin-left:.5em!important}.margin-horizontal-md{margin-right:1em!important;margin-left:1em!important}.margin-horizontal-lg{margin-right:2em!important;margin-left:2em!important}.margin-horizontal-xl{margin-right:4em!important;margin-left:4em!important}.margin-left-none{margin-left:0!important}.margin-left-xs{margin-left:.25em!important}.margin-left-sm{margin-left:.5em!important}.margin-left-md{margin-left:1em!important}.margin-left-lg{margin-left:2em!important}.margin-left-xl{margin-left:4em!important}.margin-right-none{margin-right:0!important}.margin-right-xs{margin-right:.25em!important}.margin-right-sm{margin-right:.5em!important}.margin-right-md{margin-right:1em!important}.margin-right-lg{margin-right:2em!important}.margin-right-xl{margin-right:4em!important}.padding-all-none{padding-top:0!important;padding-right:0!important;padding-bottom:0!important;padding-left:0!important}.padding-all-xs{padding-top:.25em!important;padding-right:.25em!important;padding-bottom:.25em!important;padding-left:.25em!important}.padding-all-sm{padding-top:.5em!important;padding-right:.5em!important;padding-bottom:.5em!important;padding-left:.5em!important}.padding-all-md{padding-top:1em!important;padding-right:1em!important;padding-bottom:1em!important;padding-left:1em!important}.padding-all-lg{padding-top:2em!important;padding-right:2em!important;padding-bottom:2em!important;padding-left:2em!important}.padding-all-xl{padding-top:4em!important;padding-right:4em!important;padding-bottom:4em!important;padding-left:4em!important}.padding-vertical-none{padding-top:0!important;padding-bottom:0!important}.padding-vertical-xs{padding-top:.25em!important;padding-bottom:.25em!important}.padding-vertical-sm{padding-top:.5em!important;padding-bottom:.5em!important}.padding-vertical-md{padding-top:1em!important;padding-bottom:1em!important}.padding-vertical-lg{padding-top:2em!important;padding-bottom:2em!important}.padding-vertical-xl{padding-top:4em!important;padding-bottom:4em!important}.padding-top-none{padding-top:0!important}.padding-top-xs{padding-top:.25em!important}.padding-top-sm{padding-top:.5em!important}.padding-top-md{padding-top:1em!important}.padding-top-lg{padding-top:2em!important}.padding-top-xl{padding-top:4em!important}.padding-bottom-none{padding-bottom:0!important}.padding-bottom-xs{padding-bottom:.25em!important}.padding-bottom-sm{padding-bottom:.5em!important}.padding-bottom-md{padding-bottom:1em!important}.padding-bottom-lg{padding-bottom:2em!important}.padding-bottom-xl{padding-bottom:4em!important}.padding-horizontal-none{padding-right:0!important;padding-left:0!important}.padding-horizontal-xs{padding-right:.25em!important;padding-left:.25em!important}.padding-horizontal-sm{padding-right:.5em!important;padding-left:.5em!important}.padding-horizontal-md{padding-right:1em!important;padding-left:1em!important}.padding-horizontal-lg{padding-right:2em!important;padding-left:2em!important}.padding-horizontal-xl{padding-right:4em!important;padding-left:4em!important}.padding-left-none{padding-left:0!important}.padding-left-xs{padding-left:.25em!important}.padding-left-sm{padding-left:.5em!important}.padding-left-md{padding-left:1em!important}.padding-left-lg{padding-left:2em!important}.padding-left-xl{padding-left:4em!important}.padding-right-none{padding-right:0!important}.padding-right-xs{padding-right:.25em!important}.padding-right-sm{padding-right:.5em!important}.padding-right-md{padding-right:1em!important}.padding-right-lg{padding-right:2em!important}.padding-right-xl{padding-right:4em!important}.display-inline{display:inline!important}.display-block{display:block!important}.display-inline-block{display:inline-block!important}.text-italic{font-style:italic!important}.text-monospace{font-family:monospace!important}.text-normal{font-weight:400!important}.text-strikethrough{text-decoration:line-through!important}.text-strong{font-weight:500!important}.text-stronger{font-weight:700!important} -------------------------------------------------------------------------------- /dist/bootstrap-css-utils.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap CSS Utils v0.1.5 (http://github.com/trumbitta/bootstrap-css-utils) 3 | * Copyright 2015 William Ghelfi 4 | * Licensed under MIT (https://github.com/trumbitta/bootstrap-css-utils/blob/master/LICENSE) 5 | */ 6 | 7 | .margin-all-none { 8 | margin-top: 0 !important; 9 | margin-right: 0 !important; 10 | margin-bottom: 0 !important; 11 | margin-left: 0 !important; 12 | } 13 | .margin-all-xs { 14 | margin-top: .25em !important; 15 | margin-right: .25em !important; 16 | margin-bottom: .25em !important; 17 | margin-left: .25em !important; 18 | } 19 | .margin-all-sm { 20 | margin-top: .5em !important; 21 | margin-right: .5em !important; 22 | margin-bottom: .5em !important; 23 | margin-left: .5em !important; 24 | } 25 | .margin-all-md { 26 | margin-top: 1em !important; 27 | margin-right: 1em !important; 28 | margin-bottom: 1em !important; 29 | margin-left: 1em !important; 30 | } 31 | .margin-all-lg { 32 | margin-top: 2em !important; 33 | margin-right: 2em !important; 34 | margin-bottom: 2em !important; 35 | margin-left: 2em !important; 36 | } 37 | .margin-all-xl { 38 | margin-top: 4em !important; 39 | margin-right: 4em !important; 40 | margin-bottom: 4em !important; 41 | margin-left: 4em !important; 42 | } 43 | .margin-vertical-none { 44 | margin-top: 0 !important; 45 | margin-bottom: 0 !important; 46 | } 47 | .margin-vertical-xs { 48 | margin-top: .25em !important; 49 | margin-bottom: .25em !important; 50 | } 51 | .margin-vertical-sm { 52 | margin-top: .5em !important; 53 | margin-bottom: .5em !important; 54 | } 55 | .margin-vertical-md { 56 | margin-top: 1em !important; 57 | margin-bottom: 1em !important; 58 | } 59 | .margin-vertical-lg { 60 | margin-top: 2em !important; 61 | margin-bottom: 2em !important; 62 | } 63 | .margin-vertical-xl { 64 | margin-top: 4em !important; 65 | margin-bottom: 4em !important; 66 | } 67 | .margin-top-none { 68 | margin-top: 0 !important; 69 | } 70 | .margin-top-xs { 71 | margin-top: .25em !important; 72 | } 73 | .margin-top-sm { 74 | margin-top: .5em !important; 75 | } 76 | .margin-top-md { 77 | margin-top: 1em !important; 78 | } 79 | .margin-top-lg { 80 | margin-top: 2em !important; 81 | } 82 | .margin-top-xl { 83 | margin-top: 4em !important; 84 | } 85 | .margin-bottom-none { 86 | margin-bottom: 0 !important; 87 | } 88 | .margin-bottom-xs { 89 | margin-bottom: .25em !important; 90 | } 91 | .margin-bottom-sm { 92 | margin-bottom: .5em !important; 93 | } 94 | .margin-bottom-md { 95 | margin-bottom: 1em !important; 96 | } 97 | .margin-bottom-lg { 98 | margin-bottom: 2em !important; 99 | } 100 | .margin-bottom-xl { 101 | margin-bottom: 4em !important; 102 | } 103 | .margin-horizontal-none { 104 | margin-right: 0 !important; 105 | margin-left: 0 !important; 106 | } 107 | .margin-horizontal-xs { 108 | margin-right: .25em !important; 109 | margin-left: .25em !important; 110 | } 111 | .margin-horizontal-sm { 112 | margin-right: .5em !important; 113 | margin-left: .5em !important; 114 | } 115 | .margin-horizontal-md { 116 | margin-right: 1em !important; 117 | margin-left: 1em !important; 118 | } 119 | .margin-horizontal-lg { 120 | margin-right: 2em !important; 121 | margin-left: 2em !important; 122 | } 123 | .margin-horizontal-xl { 124 | margin-right: 4em !important; 125 | margin-left: 4em !important; 126 | } 127 | .margin-left-none { 128 | margin-left: 0 !important; 129 | } 130 | .margin-left-xs { 131 | margin-left: .25em !important; 132 | } 133 | .margin-left-sm { 134 | margin-left: .5em !important; 135 | } 136 | .margin-left-md { 137 | margin-left: 1em !important; 138 | } 139 | .margin-left-lg { 140 | margin-left: 2em !important; 141 | } 142 | .margin-left-xl { 143 | margin-left: 4em !important; 144 | } 145 | .margin-right-none { 146 | margin-right: 0 !important; 147 | } 148 | .margin-right-xs { 149 | margin-right: .25em !important; 150 | } 151 | .margin-right-sm { 152 | margin-right: .5em !important; 153 | } 154 | .margin-right-md { 155 | margin-right: 1em !important; 156 | } 157 | .margin-right-lg { 158 | margin-right: 2em !important; 159 | } 160 | .margin-right-xl { 161 | margin-right: 4em !important; 162 | } 163 | .padding-all-none { 164 | padding-top: 0 !important; 165 | padding-right: 0 !important; 166 | padding-bottom: 0 !important; 167 | padding-left: 0 !important; 168 | } 169 | .padding-all-xs { 170 | padding-top: .25em !important; 171 | padding-right: .25em !important; 172 | padding-bottom: .25em !important; 173 | padding-left: .25em !important; 174 | } 175 | .padding-all-sm { 176 | padding-top: .5em !important; 177 | padding-right: .5em !important; 178 | padding-bottom: .5em !important; 179 | padding-left: .5em !important; 180 | } 181 | .padding-all-md { 182 | padding-top: 1em !important; 183 | padding-right: 1em !important; 184 | padding-bottom: 1em !important; 185 | padding-left: 1em !important; 186 | } 187 | .padding-all-lg { 188 | padding-top: 2em !important; 189 | padding-right: 2em !important; 190 | padding-bottom: 2em !important; 191 | padding-left: 2em !important; 192 | } 193 | .padding-all-xl { 194 | padding-top: 4em !important; 195 | padding-right: 4em !important; 196 | padding-bottom: 4em !important; 197 | padding-left: 4em !important; 198 | } 199 | .padding-vertical-none { 200 | padding-top: 0 !important; 201 | padding-bottom: 0 !important; 202 | } 203 | .padding-vertical-xs { 204 | padding-top: .25em !important; 205 | padding-bottom: .25em !important; 206 | } 207 | .padding-vertical-sm { 208 | padding-top: .5em !important; 209 | padding-bottom: .5em !important; 210 | } 211 | .padding-vertical-md { 212 | padding-top: 1em !important; 213 | padding-bottom: 1em !important; 214 | } 215 | .padding-vertical-lg { 216 | padding-top: 2em !important; 217 | padding-bottom: 2em !important; 218 | } 219 | .padding-vertical-xl { 220 | padding-top: 4em !important; 221 | padding-bottom: 4em !important; 222 | } 223 | .padding-top-none { 224 | padding-top: 0 !important; 225 | } 226 | .padding-top-xs { 227 | padding-top: .25em !important; 228 | } 229 | .padding-top-sm { 230 | padding-top: .5em !important; 231 | } 232 | .padding-top-md { 233 | padding-top: 1em !important; 234 | } 235 | .padding-top-lg { 236 | padding-top: 2em !important; 237 | } 238 | .padding-top-xl { 239 | padding-top: 4em !important; 240 | } 241 | .padding-bottom-none { 242 | padding-bottom: 0 !important; 243 | } 244 | .padding-bottom-xs { 245 | padding-bottom: .25em !important; 246 | } 247 | .padding-bottom-sm { 248 | padding-bottom: .5em !important; 249 | } 250 | .padding-bottom-md { 251 | padding-bottom: 1em !important; 252 | } 253 | .padding-bottom-lg { 254 | padding-bottom: 2em !important; 255 | } 256 | .padding-bottom-xl { 257 | padding-bottom: 4em !important; 258 | } 259 | .padding-horizontal-none { 260 | padding-right: 0 !important; 261 | padding-left: 0 !important; 262 | } 263 | .padding-horizontal-xs { 264 | padding-right: .25em !important; 265 | padding-left: .25em !important; 266 | } 267 | .padding-horizontal-sm { 268 | padding-right: .5em !important; 269 | padding-left: .5em !important; 270 | } 271 | .padding-horizontal-md { 272 | padding-right: 1em !important; 273 | padding-left: 1em !important; 274 | } 275 | .padding-horizontal-lg { 276 | padding-right: 2em !important; 277 | padding-left: 2em !important; 278 | } 279 | .padding-horizontal-xl { 280 | padding-right: 4em !important; 281 | padding-left: 4em !important; 282 | } 283 | .padding-left-none { 284 | padding-left: 0 !important; 285 | } 286 | .padding-left-xs { 287 | padding-left: .25em !important; 288 | } 289 | .padding-left-sm { 290 | padding-left: .5em !important; 291 | } 292 | .padding-left-md { 293 | padding-left: 1em !important; 294 | } 295 | .padding-left-lg { 296 | padding-left: 2em !important; 297 | } 298 | .padding-left-xl { 299 | padding-left: 4em !important; 300 | } 301 | .padding-right-none { 302 | padding-right: 0 !important; 303 | } 304 | .padding-right-xs { 305 | padding-right: .25em !important; 306 | } 307 | .padding-right-sm { 308 | padding-right: .5em !important; 309 | } 310 | .padding-right-md { 311 | padding-right: 1em !important; 312 | } 313 | .padding-right-lg { 314 | padding-right: 2em !important; 315 | } 316 | .padding-right-xl { 317 | padding-right: 4em !important; 318 | } 319 | .display-inline { 320 | display: inline !important; 321 | } 322 | .display-block { 323 | display: block !important; 324 | } 325 | .display-inline-block { 326 | display: inline-block !important; 327 | } 328 | .text-italic { 329 | font-style: italic !important; 330 | } 331 | .text-monospace { 332 | font-family: monospace !important; 333 | } 334 | .text-normal { 335 | font-weight: normal !important; 336 | } 337 | .text-strikethrough { 338 | text-decoration: line-through !important; 339 | } 340 | .text-strong { 341 | font-weight: 500 !important; 342 | } 343 | .text-stronger { 344 | font-weight: 700 !important; 345 | } 346 | /*# sourceMappingURL=bootstrap-css-utils.css.map */ 347 | -------------------------------------------------------------------------------- /less/.csscomb.json: -------------------------------------------------------------------------------- 1 | { 2 | "always-semicolon": true, 3 | "block-indent": 2, 4 | "color-case": "lower", 5 | "color-shorthand": true, 6 | "element-case": "lower", 7 | "eof-newline": true, 8 | "leading-zero": false, 9 | "remove-empty-rulesets": true, 10 | "space-after-colon": 1, 11 | "space-after-combinator": 1, 12 | "space-before-selector-delimiter": 0, 13 | "space-between-declarations": "\n", 14 | "space-after-opening-brace": "\n", 15 | "space-before-closing-brace": "\n", 16 | "space-before-colon": 0, 17 | "space-before-combinator": 1, 18 | "space-before-opening-brace": 1, 19 | "strip-spaces": true, 20 | "unitless-zero": true, 21 | "vendor-prefix-align": true, 22 | "sort-order": [ 23 | [ 24 | "position", 25 | "top", 26 | "right", 27 | "bottom", 28 | "left", 29 | "z-index", 30 | "display", 31 | "float", 32 | "width", 33 | "min-width", 34 | "max-width", 35 | "height", 36 | "min-height", 37 | "max-height", 38 | "-webkit-box-sizing", 39 | "-moz-box-sizing", 40 | "box-sizing", 41 | "-webkit-appearance", 42 | "padding", 43 | "padding-top", 44 | "padding-right", 45 | "padding-bottom", 46 | "padding-left", 47 | "margin", 48 | "margin-top", 49 | "margin-right", 50 | "margin-bottom", 51 | "margin-left", 52 | "overflow", 53 | "overflow-x", 54 | "overflow-y", 55 | "-webkit-overflow-scrolling", 56 | "-ms-overflow-x", 57 | "-ms-overflow-y", 58 | "-ms-overflow-style", 59 | "clip", 60 | "clear", 61 | "font", 62 | "font-family", 63 | "font-size", 64 | "font-style", 65 | "font-weight", 66 | "font-variant", 67 | "font-size-adjust", 68 | "font-stretch", 69 | "font-effect", 70 | "font-emphasize", 71 | "font-emphasize-position", 72 | "font-emphasize-style", 73 | "font-smooth", 74 | "-webkit-hyphens", 75 | "-moz-hyphens", 76 | "hyphens", 77 | "line-height", 78 | "color", 79 | "text-align", 80 | "-webkit-text-align-last", 81 | "-moz-text-align-last", 82 | "-ms-text-align-last", 83 | "text-align-last", 84 | "text-emphasis", 85 | "text-emphasis-color", 86 | "text-emphasis-style", 87 | "text-emphasis-position", 88 | "text-decoration", 89 | "text-indent", 90 | "text-justify", 91 | "text-outline", 92 | "-ms-text-overflow", 93 | "text-overflow", 94 | "text-overflow-ellipsis", 95 | "text-overflow-mode", 96 | "text-shadow", 97 | "text-transform", 98 | "text-wrap", 99 | "-webkit-text-size-adjust", 100 | "-ms-text-size-adjust", 101 | "letter-spacing", 102 | "-ms-word-break", 103 | "word-break", 104 | "word-spacing", 105 | "-ms-word-wrap", 106 | "word-wrap", 107 | "-moz-tab-size", 108 | "-o-tab-size", 109 | "tab-size", 110 | "white-space", 111 | "vertical-align", 112 | "list-style", 113 | "list-style-position", 114 | "list-style-type", 115 | "list-style-image", 116 | "pointer-events", 117 | "-ms-touch-action", 118 | "touch-action", 119 | "cursor", 120 | "visibility", 121 | "zoom", 122 | "flex-direction", 123 | "flex-order", 124 | "flex-pack", 125 | "flex-align", 126 | "table-layout", 127 | "empty-cells", 128 | "caption-side", 129 | "border-spacing", 130 | "border-collapse", 131 | "content", 132 | "quotes", 133 | "counter-reset", 134 | "counter-increment", 135 | "resize", 136 | "-webkit-user-select", 137 | "-moz-user-select", 138 | "-ms-user-select", 139 | "-o-user-select", 140 | "user-select", 141 | "nav-index", 142 | "nav-up", 143 | "nav-right", 144 | "nav-down", 145 | "nav-left", 146 | "background", 147 | "background-color", 148 | "background-image", 149 | "-ms-filter:\\'progid:DXImageTransform.Microsoft.gradient", 150 | "filter:progid:DXImageTransform.Microsoft.gradient", 151 | "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader", 152 | "filter", 153 | "background-repeat", 154 | "background-attachment", 155 | "background-position", 156 | "background-position-x", 157 | "background-position-y", 158 | "-webkit-background-clip", 159 | "-moz-background-clip", 160 | "background-clip", 161 | "background-origin", 162 | "-webkit-background-size", 163 | "-moz-background-size", 164 | "-o-background-size", 165 | "background-size", 166 | "border", 167 | "border-color", 168 | "border-style", 169 | "border-width", 170 | "border-top", 171 | "border-top-color", 172 | "border-top-style", 173 | "border-top-width", 174 | "border-right", 175 | "border-right-color", 176 | "border-right-style", 177 | "border-right-width", 178 | "border-bottom", 179 | "border-bottom-color", 180 | "border-bottom-style", 181 | "border-bottom-width", 182 | "border-left", 183 | "border-left-color", 184 | "border-left-style", 185 | "border-left-width", 186 | "border-radius", 187 | "border-top-left-radius", 188 | "border-top-right-radius", 189 | "border-bottom-right-radius", 190 | "border-bottom-left-radius", 191 | "-webkit-border-image", 192 | "-moz-border-image", 193 | "-o-border-image", 194 | "border-image", 195 | "-webkit-border-image-source", 196 | "-moz-border-image-source", 197 | "-o-border-image-source", 198 | "border-image-source", 199 | "-webkit-border-image-slice", 200 | "-moz-border-image-slice", 201 | "-o-border-image-slice", 202 | "border-image-slice", 203 | "-webkit-border-image-width", 204 | "-moz-border-image-width", 205 | "-o-border-image-width", 206 | "border-image-width", 207 | "-webkit-border-image-outset", 208 | "-moz-border-image-outset", 209 | "-o-border-image-outset", 210 | "border-image-outset", 211 | "-webkit-border-image-repeat", 212 | "-moz-border-image-repeat", 213 | "-o-border-image-repeat", 214 | "border-image-repeat", 215 | "outline", 216 | "outline-width", 217 | "outline-style", 218 | "outline-color", 219 | "outline-offset", 220 | "-webkit-box-shadow", 221 | "-moz-box-shadow", 222 | "box-shadow", 223 | "filter:progid:DXImageTransform.Microsoft.Alpha(Opacity", 224 | "-ms-filter:\\'progid:DXImageTransform.Microsoft.Alpha", 225 | "opacity", 226 | "-ms-interpolation-mode", 227 | "-webkit-transition", 228 | "-moz-transition", 229 | "-ms-transition", 230 | "-o-transition", 231 | "transition", 232 | "-webkit-transition-delay", 233 | "-moz-transition-delay", 234 | "-ms-transition-delay", 235 | "-o-transition-delay", 236 | "transition-delay", 237 | "-webkit-transition-timing-function", 238 | "-moz-transition-timing-function", 239 | "-ms-transition-timing-function", 240 | "-o-transition-timing-function", 241 | "transition-timing-function", 242 | "-webkit-transition-duration", 243 | "-moz-transition-duration", 244 | "-ms-transition-duration", 245 | "-o-transition-duration", 246 | "transition-duration", 247 | "-webkit-transition-property", 248 | "-moz-transition-property", 249 | "-ms-transition-property", 250 | "-o-transition-property", 251 | "transition-property", 252 | "-webkit-transform", 253 | "-moz-transform", 254 | "-ms-transform", 255 | "-o-transform", 256 | "transform", 257 | "-webkit-transform-origin", 258 | "-moz-transform-origin", 259 | "-ms-transform-origin", 260 | "-o-transform-origin", 261 | "transform-origin", 262 | "-webkit-animation", 263 | "-moz-animation", 264 | "-ms-animation", 265 | "-o-animation", 266 | "animation", 267 | "-webkit-animation-name", 268 | "-moz-animation-name", 269 | "-ms-animation-name", 270 | "-o-animation-name", 271 | "animation-name", 272 | "-webkit-animation-duration", 273 | "-moz-animation-duration", 274 | "-ms-animation-duration", 275 | "-o-animation-duration", 276 | "animation-duration", 277 | "-webkit-animation-play-state", 278 | "-moz-animation-play-state", 279 | "-ms-animation-play-state", 280 | "-o-animation-play-state", 281 | "animation-play-state", 282 | "-webkit-animation-timing-function", 283 | "-moz-animation-timing-function", 284 | "-ms-animation-timing-function", 285 | "-o-animation-timing-function", 286 | "animation-timing-function", 287 | "-webkit-animation-delay", 288 | "-moz-animation-delay", 289 | "-ms-animation-delay", 290 | "-o-animation-delay", 291 | "animation-delay", 292 | "-webkit-animation-iteration-count", 293 | "-moz-animation-iteration-count", 294 | "-ms-animation-iteration-count", 295 | "-o-animation-iteration-count", 296 | "animation-iteration-count", 297 | "-webkit-animation-direction", 298 | "-moz-animation-direction", 299 | "-ms-animation-direction", 300 | "-o-animation-direction", 301 | "animation-direction" 302 | ] 303 | ] 304 | } 305 | -------------------------------------------------------------------------------- /dist/bootstrap-css-utils.css.map: -------------------------------------------------------------------------------- 1 | {"version":3,"sources":["less/margin.less","bootstrap-css-utils.css","less/padding.less","less/display.less","less/text.less"],"names":[],"mappings":"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","file":"bootstrap-css-utils.css","sourcesContent":["// Margin\n\n.margin-all-none {\n margin-top: 0 !important;\n margin-right: 0 !important;\n margin-bottom: 0 !important;\n margin-left: 0 !important;\n}\n\n.margin-all-xs {\n margin-top: @rhythm-xs !important;\n margin-right: @rhythm-xs !important;\n margin-bottom: @rhythm-xs !important;\n margin-left: @rhythm-xs !important;\n}\n\n.margin-all-sm {\n margin-top: @rhythm-sm !important;\n margin-right: @rhythm-sm !important;\n margin-bottom: @rhythm-sm !important;\n margin-left: @rhythm-sm !important;\n}\n\n.margin-all-md {\n margin-top: @rhythm-md !important;\n margin-right: @rhythm-md !important;\n margin-bottom: @rhythm-md !important;\n margin-left: @rhythm-md !important;\n}\n\n.margin-all-lg {\n margin-top: @rhythm-lg !important;\n margin-right: @rhythm-lg !important;\n margin-bottom: @rhythm-lg !important;\n margin-left: @rhythm-lg !important;\n}\n\n.margin-all-xl {\n margin-top: @rhythm-xl !important;\n margin-right: @rhythm-xl !important;\n margin-bottom: @rhythm-xl !important;\n margin-left: @rhythm-xl !important;\n}\n\n.margin-vertical-none {\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n}\n\n.margin-vertical-xs {\n margin-top: @rhythm-xs !important;\n margin-bottom: @rhythm-xs !important;\n}\n\n.margin-vertical-sm {\n margin-top: @rhythm-sm !important;\n margin-bottom: @rhythm-sm !important;\n}\n\n.margin-vertical-md {\n margin-top: @rhythm-md !important;\n margin-bottom: @rhythm-md !important;\n}\n\n.margin-vertical-lg {\n margin-top: @rhythm-lg !important;\n margin-bottom: @rhythm-lg !important;\n}\n\n.margin-vertical-xl {\n margin-top: @rhythm-xl !important;\n margin-bottom: @rhythm-xl !important;\n}\n\n.margin-top-none {\n margin-top: 0 !important;\n}\n\n.margin-top-xs {\n margin-top: @rhythm-xs !important;\n}\n\n.margin-top-sm {\n margin-top: @rhythm-sm !important;\n}\n\n.margin-top-md {\n margin-top: @rhythm-md !important;\n}\n\n.margin-top-lg {\n margin-top: @rhythm-lg !important;\n}\n\n.margin-top-xl {\n margin-top: @rhythm-xl !important;\n}\n\n.margin-bottom-none {\n margin-bottom: 0 !important;\n}\n\n.margin-bottom-xs {\n margin-bottom: @rhythm-xs !important;\n}\n\n.margin-bottom-sm {\n margin-bottom: @rhythm-sm !important;\n}\n\n.margin-bottom-md {\n margin-bottom: @rhythm-md !important;\n}\n\n.margin-bottom-lg {\n margin-bottom: @rhythm-lg !important;\n}\n\n.margin-bottom-xl {\n margin-bottom: @rhythm-xl !important;\n}\n\n.margin-horizontal-none {\n margin-right: 0 !important;\n margin-left: 0 !important;\n}\n\n.margin-horizontal-xs {\n margin-left: @rhythm-xs !important;\n margin-right: @rhythm-xs !important;\n}\n\n.margin-horizontal-sm {\n margin-left: @rhythm-sm !important;\n margin-right: @rhythm-sm !important;\n}\n\n.margin-horizontal-md {\n margin-left: @rhythm-md !important;\n margin-right: @rhythm-md !important;\n}\n\n.margin-horizontal-lg {\n margin-left: @rhythm-lg !important;\n margin-right: @rhythm-lg !important;\n}\n\n.margin-horizontal-xl {\n margin-left: @rhythm-xl !important;\n margin-right: @rhythm-xl !important;\n}\n\n.margin-left-none {\n margin-left: 0 !important;\n}\n\n.margin-left-xs {\n margin-left: @rhythm-xs !important;\n}\n\n.margin-left-sm {\n margin-left: @rhythm-sm !important;\n}\n\n.margin-left-md {\n margin-left: @rhythm-md !important;\n}\n\n.margin-left-lg {\n margin-left: @rhythm-lg !important;\n}\n\n.margin-left-xl {\n margin-left: @rhythm-xl !important;\n}\n\n.margin-right-none {\n margin-right: 0 !important;\n}\n\n.margin-right-xs {\n margin-right: @rhythm-xs !important;\n}\n\n.margin-right-sm {\n margin-right: @rhythm-sm !important;\n}\n\n.margin-right-md {\n margin-right: @rhythm-md !important;\n}\n\n.margin-right-lg {\n margin-right: @rhythm-lg !important;\n}\n\n.margin-right-xl {\n margin-right: @rhythm-xl !important;\n}\n",".margin-all-none {\n margin-top: 0 !important;\n margin-right: 0 !important;\n margin-bottom: 0 !important;\n margin-left: 0 !important;\n}\n.margin-all-xs {\n margin-top: 0.25em !important;\n margin-right: 0.25em !important;\n margin-bottom: 0.25em !important;\n margin-left: 0.25em !important;\n}\n.margin-all-sm {\n margin-top: 0.5em !important;\n margin-right: 0.5em !important;\n margin-bottom: 0.5em !important;\n margin-left: 0.5em !important;\n}\n.margin-all-md {\n margin-top: 1em !important;\n margin-right: 1em !important;\n margin-bottom: 1em !important;\n margin-left: 1em !important;\n}\n.margin-all-lg {\n margin-top: 2em !important;\n margin-right: 2em !important;\n margin-bottom: 2em !important;\n margin-left: 2em !important;\n}\n.margin-all-xl {\n margin-top: 4em !important;\n margin-right: 4em !important;\n margin-bottom: 4em !important;\n margin-left: 4em !important;\n}\n.margin-vertical-none {\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n}\n.margin-vertical-xs {\n margin-top: 0.25em !important;\n margin-bottom: 0.25em !important;\n}\n.margin-vertical-sm {\n margin-top: 0.5em !important;\n margin-bottom: 0.5em !important;\n}\n.margin-vertical-md {\n margin-top: 1em !important;\n margin-bottom: 1em !important;\n}\n.margin-vertical-lg {\n margin-top: 2em !important;\n margin-bottom: 2em !important;\n}\n.margin-vertical-xl {\n margin-top: 4em !important;\n margin-bottom: 4em !important;\n}\n.margin-top-none {\n margin-top: 0 !important;\n}\n.margin-top-xs {\n margin-top: 0.25em !important;\n}\n.margin-top-sm {\n margin-top: 0.5em !important;\n}\n.margin-top-md {\n margin-top: 1em !important;\n}\n.margin-top-lg {\n margin-top: 2em !important;\n}\n.margin-top-xl {\n margin-top: 4em !important;\n}\n.margin-bottom-none {\n margin-bottom: 0 !important;\n}\n.margin-bottom-xs {\n margin-bottom: 0.25em !important;\n}\n.margin-bottom-sm {\n margin-bottom: 0.5em !important;\n}\n.margin-bottom-md {\n margin-bottom: 1em !important;\n}\n.margin-bottom-lg {\n margin-bottom: 2em !important;\n}\n.margin-bottom-xl {\n margin-bottom: 4em !important;\n}\n.margin-horizontal-none {\n margin-right: 0 !important;\n margin-left: 0 !important;\n}\n.margin-horizontal-xs {\n margin-left: 0.25em !important;\n margin-right: 0.25em !important;\n}\n.margin-horizontal-sm {\n margin-left: 0.5em !important;\n margin-right: 0.5em !important;\n}\n.margin-horizontal-md {\n margin-left: 1em !important;\n margin-right: 1em !important;\n}\n.margin-horizontal-lg {\n margin-left: 2em !important;\n margin-right: 2em !important;\n}\n.margin-horizontal-xl {\n margin-left: 4em !important;\n margin-right: 4em !important;\n}\n.margin-left-none {\n margin-left: 0 !important;\n}\n.margin-left-xs {\n margin-left: 0.25em !important;\n}\n.margin-left-sm {\n margin-left: 0.5em !important;\n}\n.margin-left-md {\n margin-left: 1em !important;\n}\n.margin-left-lg {\n margin-left: 2em !important;\n}\n.margin-left-xl {\n margin-left: 4em !important;\n}\n.margin-right-none {\n margin-right: 0 !important;\n}\n.margin-right-xs {\n margin-right: 0.25em !important;\n}\n.margin-right-sm {\n margin-right: 0.5em !important;\n}\n.margin-right-md {\n margin-right: 1em !important;\n}\n.margin-right-lg {\n margin-right: 2em !important;\n}\n.margin-right-xl {\n margin-right: 4em !important;\n}\n.padding-all-none {\n padding-top: 0 !important;\n padding-right: 0 !important;\n padding-bottom: 0 !important;\n padding-left: 0 !important;\n}\n.padding-all-xs {\n padding-top: 0.25em !important;\n padding-right: 0.25em !important;\n padding-bottom: 0.25em !important;\n padding-left: 0.25em !important;\n}\n.padding-all-sm {\n padding-top: 0.5em !important;\n padding-right: 0.5em !important;\n padding-bottom: 0.5em !important;\n padding-left: 0.5em !important;\n}\n.padding-all-md {\n padding-top: 1em !important;\n padding-right: 1em !important;\n padding-bottom: 1em !important;\n padding-left: 1em !important;\n}\n.padding-all-lg {\n padding-top: 2em !important;\n padding-right: 2em !important;\n padding-bottom: 2em !important;\n padding-left: 2em !important;\n}\n.padding-all-xl {\n padding-top: 4em !important;\n padding-right: 4em !important;\n padding-bottom: 4em !important;\n padding-left: 4em !important;\n}\n.padding-vertical-none {\n padding-top: 0 !important;\n padding-bottom: 0 !important;\n}\n.padding-vertical-xs {\n padding-top: 0.25em !important;\n padding-bottom: 0.25em !important;\n}\n.padding-vertical-sm {\n padding-top: 0.5em !important;\n padding-bottom: 0.5em !important;\n}\n.padding-vertical-md {\n padding-top: 1em !important;\n padding-bottom: 1em !important;\n}\n.padding-vertical-lg {\n padding-top: 2em !important;\n padding-bottom: 2em !important;\n}\n.padding-vertical-xl {\n padding-top: 4em !important;\n padding-bottom: 4em !important;\n}\n.padding-top-none {\n padding-top: 0 !important;\n}\n.padding-top-xs {\n padding-top: 0.25em !important;\n}\n.padding-top-sm {\n padding-top: 0.5em !important;\n}\n.padding-top-md {\n padding-top: 1em !important;\n}\n.padding-top-lg {\n padding-top: 2em !important;\n}\n.padding-top-xl {\n padding-top: 4em !important;\n}\n.padding-bottom-none {\n padding-bottom: 0 !important;\n}\n.padding-bottom-xs {\n padding-bottom: 0.25em !important;\n}\n.padding-bottom-sm {\n padding-bottom: 0.5em !important;\n}\n.padding-bottom-md {\n padding-bottom: 1em !important;\n}\n.padding-bottom-lg {\n padding-bottom: 2em !important;\n}\n.padding-bottom-xl {\n padding-bottom: 4em !important;\n}\n.padding-horizontal-none {\n padding-right: 0 !important;\n padding-left: 0 !important;\n}\n.padding-horizontal-xs {\n padding-left: 0.25em !important;\n padding-right: 0.25em !important;\n}\n.padding-horizontal-sm {\n padding-left: 0.5em !important;\n padding-right: 0.5em !important;\n}\n.padding-horizontal-md {\n padding-left: 1em !important;\n padding-right: 1em !important;\n}\n.padding-horizontal-lg {\n padding-left: 2em !important;\n padding-right: 2em !important;\n}\n.padding-horizontal-xl {\n padding-left: 4em !important;\n padding-right: 4em !important;\n}\n.padding-left-none {\n padding-left: 0 !important;\n}\n.padding-left-xs {\n padding-left: 0.25em !important;\n}\n.padding-left-sm {\n padding-left: 0.5em !important;\n}\n.padding-left-md {\n padding-left: 1em !important;\n}\n.padding-left-lg {\n padding-left: 2em !important;\n}\n.padding-left-xl {\n padding-left: 4em !important;\n}\n.padding-right-none {\n padding-right: 0 !important;\n}\n.padding-right-xs {\n padding-right: 0.25em !important;\n}\n.padding-right-sm {\n padding-right: 0.5em !important;\n}\n.padding-right-md {\n padding-right: 1em !important;\n}\n.padding-right-lg {\n padding-right: 2em !important;\n}\n.padding-right-xl {\n padding-right: 4em !important;\n}\n.display-inline {\n display: inline !important;\n}\n.display-block {\n display: block !important;\n}\n.display-inline-block {\n display: inline-block !important;\n}\n.text-italic {\n font-style: italic !important;\n}\n.text-monospace {\n font-family: monospace !important;\n}\n.text-normal {\n font-weight: normal !important;\n}\n.text-strikethrough {\n text-decoration: line-through !important;\n}\n.text-strong {\n font-weight: 500 !important;\n}\n.text-stronger {\n font-weight: 700 !important;\n}\n/*# sourceMappingURL=bootstrap-css-utils.css.map */","// Padding\n\n.padding-all-none {\n padding-top: 0 !important;\n padding-right: 0 !important;\n padding-bottom: 0 !important;\n padding-left: 0 !important;\n}\n\n.padding-all-xs {\n padding-top: @rhythm-xs !important;\n padding-right: @rhythm-xs !important;\n padding-bottom: @rhythm-xs !important;\n padding-left: @rhythm-xs !important;\n}\n\n.padding-all-sm {\n padding-top: @rhythm-sm !important;\n padding-right: @rhythm-sm !important;\n padding-bottom: @rhythm-sm !important;\n padding-left: @rhythm-sm !important;\n}\n\n.padding-all-md {\n padding-top: @rhythm-md !important;\n padding-right: @rhythm-md !important;\n padding-bottom: @rhythm-md !important;\n padding-left: @rhythm-md !important;\n}\n\n.padding-all-lg {\n padding-top: @rhythm-lg !important;\n padding-right: @rhythm-lg !important;\n padding-bottom: @rhythm-lg !important;\n padding-left: @rhythm-lg !important;\n}\n\n.padding-all-xl {\n padding-top: @rhythm-xl !important;\n padding-right: @rhythm-xl !important;\n padding-bottom: @rhythm-xl !important;\n padding-left: @rhythm-xl !important;\n}\n\n.padding-vertical-none {\n padding-top: 0 !important;\n padding-bottom: 0 !important;\n}\n\n.padding-vertical-xs {\n padding-top: @rhythm-xs !important;\n padding-bottom: @rhythm-xs !important;\n}\n\n.padding-vertical-sm {\n padding-top: @rhythm-sm !important;\n padding-bottom: @rhythm-sm !important;\n}\n\n.padding-vertical-md {\n padding-top: @rhythm-md !important;\n padding-bottom: @rhythm-md !important;\n}\n\n.padding-vertical-lg {\n padding-top: @rhythm-lg !important;\n padding-bottom: @rhythm-lg !important;\n}\n\n.padding-vertical-xl {\n padding-top: @rhythm-xl !important;\n padding-bottom: @rhythm-xl !important;\n}\n\n.padding-top-none {\n padding-top: 0 !important;\n}\n\n.padding-top-xs {\n padding-top: @rhythm-xs !important;\n}\n\n.padding-top-sm {\n padding-top: @rhythm-sm !important;\n}\n\n.padding-top-md {\n padding-top: @rhythm-md !important;\n}\n\n.padding-top-lg {\n padding-top: @rhythm-lg !important;\n}\n\n.padding-top-xl {\n padding-top: @rhythm-xl !important;\n}\n\n.padding-bottom-none {\n padding-bottom: 0 !important;\n}\n\n.padding-bottom-xs {\n padding-bottom: @rhythm-xs !important;\n}\n\n.padding-bottom-sm {\n padding-bottom: @rhythm-sm !important;\n}\n\n.padding-bottom-md {\n padding-bottom: @rhythm-md !important;\n}\n\n.padding-bottom-lg {\n padding-bottom: @rhythm-lg !important;\n}\n\n.padding-bottom-xl {\n padding-bottom: @rhythm-xl !important;\n}\n\n.padding-horizontal-none {\n padding-right: 0 !important;\n padding-left: 0 !important;\n}\n\n.padding-horizontal-xs {\n padding-left: @rhythm-xs !important;\n padding-right: @rhythm-xs !important;\n}\n\n.padding-horizontal-sm {\n padding-left: @rhythm-sm !important;\n padding-right: @rhythm-sm !important;\n}\n\n.padding-horizontal-md {\n padding-left: @rhythm-md !important;\n padding-right: @rhythm-md !important;\n}\n\n.padding-horizontal-lg {\n padding-left: @rhythm-lg !important;\n padding-right: @rhythm-lg !important;\n}\n\n.padding-horizontal-xl {\n padding-left: @rhythm-xl !important;\n padding-right: @rhythm-xl !important;\n}\n\n.padding-left-none {\n padding-left: 0 !important;\n}\n\n.padding-left-xs {\n padding-left: @rhythm-xs !important;\n}\n\n.padding-left-sm {\n padding-left: @rhythm-sm !important;\n}\n\n.padding-left-md {\n padding-left: @rhythm-md !important;\n}\n\n.padding-left-lg {\n padding-left: @rhythm-lg !important;\n}\n\n.padding-left-xl {\n padding-left: @rhythm-xl !important;\n}\n\n.padding-right-none {\n padding-right: 0 !important;\n}\n\n.padding-right-xs {\n padding-right: @rhythm-xs !important;\n}\n\n.padding-right-sm {\n padding-right: @rhythm-sm !important;\n}\n\n.padding-right-md {\n padding-right: @rhythm-md !important;\n}\n\n.padding-right-lg {\n padding-right: @rhythm-lg !important;\n}\n\n.padding-right-xl {\n padding-right: @rhythm-xl !important;\n}\n","// Display\n\n.display-inline {\n display: inline !important;\n}\n\n.display-block {\n display: block !important;\n}\n\n.display-inline-block {\n display: inline-block !important;\n}\n","// Text\n\n.text-italic {\n font-style: italic !important;\n}\n\n.text-monospace {\n font-family: monospace !important;\n}\n\n.text-normal {\n font-weight: normal !important;\n}\n\n.text-strikethrough {\n text-decoration: line-through !important;\n}\n\n.text-strong {\n font-weight: 500 !important;\n}\n\n.text-stronger {\n font-weight: 700 !important;\n}\n"]} --------------------------------------------------------------------------------