Search Bootstrap variables
search_vars_bs( pattern = NULL, theme = c("default", "cerulean", "cosmo", "cyborg", "darkly", "flatly", "journal", "lumen", "paper", "readable", "sandstone", "simplex", "slate", "spacelab", "superhero", "united", "yeti") )
| pattern | A pattern to filter the results. |
|---|---|
| theme | Name of the theme for which to search the variables. |
a data.frame with two variables:
variable: name of the variable.
value: default value used in theme.
# List default variables for Bootstrap 3 search_vars_bs()#> variable #> 1 bootstrap-sass-asset-helper #> 2 gray-base #> 3 gray-darker #> 4 gray-dark #> 5 gray #> 6 gray-light #> 7 gray-lighter #> 8 brand-primary #> 9 brand-success #> 10 brand-info #> 11 brand-warning #> 12 brand-danger #> 13 body-bg #> 14 text-color #> 15 link-color #> 16 link-hover-color #> 17 link-hover-decoration #> 18 font-family-sans-serif #> 19 font-family-serif #> 20 font-family-monospace #> 21 font-family-base #> 22 font-size-base #> 23 font-size-large #> 24 font-size-small #> 25 font-size-h1 #> 26 font-size-h2 #> 27 font-size-h3 #> 28 font-size-h4 #> 29 font-size-h5 #> 30 font-size-h6 #> 31 line-height-base #> 32 line-height-computed #> 33 headings-font-family #> 34 headings-font-weight #> 35 headings-line-height #> 36 headings-color #> 37 padding-base-vertical #> 38 padding-base-horizontal #> 39 padding-large-vertical #> 40 padding-large-horizontal #> 41 padding-small-vertical #> 42 padding-small-horizontal #> 43 padding-xs-vertical #> 44 padding-xs-horizontal #> 45 line-height-large #> 46 line-height-small #> 47 border-radius-base #> 48 border-radius-large #> 49 border-radius-small #> 50 component-active-color #> 51 component-active-bg #> 52 caret-width-base #> 53 caret-width-large #> 54 table-cell-padding #> 55 table-condensed-cell-padding #> 56 table-bg #> 57 table-bg-accent #> 58 table-bg-hover #> 59 table-bg-active #> 60 table-border-color #> 61 btn-font-weight #> 62 btn-default-color #> 63 btn-default-bg #> 64 btn-default-border #> 65 btn-primary-color #> 66 btn-primary-bg #> 67 btn-primary-border #> 68 btn-success-color #> 69 btn-success-bg #> 70 btn-success-border #> 71 btn-info-color #> 72 btn-info-bg #> 73 btn-info-border #> 74 btn-warning-color #> 75 btn-warning-bg #> 76 btn-warning-border #> 77 btn-danger-color #> 78 btn-danger-bg #> 79 btn-danger-border #> 80 btn-link-disabled-color #> 81 btn-border-radius-base #> 82 btn-border-radius-large #> 83 btn-border-radius-small #> 84 input-bg #> 85 input-bg-disabled #> 86 input-color #> 87 input-border #> 88 input-border-radius #> 89 input-border-radius-large #> 90 input-border-radius-small #> 91 input-border-focus #> 92 input-color-placeholder #> 96 form-group-margin-bottom #> 97 legend-color #> 98 legend-border-color #> 99 input-group-addon-bg #> 100 input-group-addon-border-color #> 101 cursor-disabled #> 102 dropdown-bg #> 103 dropdown-border #> 104 dropdown-fallback-border #> 105 dropdown-divider-bg #> 106 dropdown-link-color #> 107 dropdown-link-hover-color #> 108 dropdown-link-hover-bg #> 109 dropdown-link-active-color #> 110 dropdown-link-active-bg #> 111 dropdown-link-disabled-color #> 112 dropdown-header-color #> 113 dropdown-caret-color #> 114 zindex-navbar #> 115 zindex-dropdown #> 116 zindex-popover #> 117 zindex-tooltip #> 118 zindex-navbar-fixed #> 119 zindex-modal-background #> 120 zindex-modal #> 121 screen-xs #> 122 screen-xs-min #> 123 screen-phone #> 124 screen-sm #> 125 screen-sm-min #> 126 screen-tablet #> 127 screen-md #> 128 screen-md-min #> 129 screen-desktop #> 130 screen-lg #> 131 screen-lg-min #> 132 screen-lg-desktop #> 136 grid-columns #> 137 grid-gutter-width #> 138 grid-float-breakpoint #> 141 container-sm #> 143 container-md #> 145 container-lg #> 146 navbar-height #> 147 navbar-margin-bottom #> 148 navbar-border-radius #> 149 navbar-padding-horizontal #> 151 navbar-collapse-max-height #> 152 navbar-default-color #> 153 navbar-default-bg #> 154 navbar-default-border #> 155 navbar-default-link-color #> 156 navbar-default-link-hover-color #> 157 navbar-default-link-hover-bg #> 158 navbar-default-link-active-color #> 159 navbar-default-link-active-bg #> 160 navbar-default-link-disabled-color #> 161 navbar-default-link-disabled-bg #> 162 navbar-default-brand-color #> 163 navbar-default-brand-hover-color #> 164 navbar-default-brand-hover-bg #> 165 navbar-default-toggle-hover-bg #> 166 navbar-default-toggle-icon-bar-bg #> 167 navbar-default-toggle-border-color #> 168 navbar-inverse-color #> 169 navbar-inverse-bg #> 170 navbar-inverse-border #> 171 navbar-inverse-link-color #> 172 navbar-inverse-link-hover-color #> 173 navbar-inverse-link-hover-bg #> 174 navbar-inverse-link-active-color #> 175 navbar-inverse-link-active-bg #> 176 navbar-inverse-link-disabled-color #> 177 navbar-inverse-link-disabled-bg #> 178 navbar-inverse-brand-color #> 179 navbar-inverse-brand-hover-color #> 180 navbar-inverse-brand-hover-bg #> 181 navbar-inverse-toggle-hover-bg #> 182 navbar-inverse-toggle-icon-bar-bg #> 183 navbar-inverse-toggle-border-color #> 184 nav-link-padding #> 185 nav-link-hover-bg #> 186 nav-disabled-link-color #> 187 nav-disabled-link-hover-color #> 188 nav-tabs-border-color #> 189 nav-tabs-link-hover-border-color #> 190 nav-tabs-active-link-hover-bg #> 191 nav-tabs-active-link-hover-color #> 192 nav-tabs-active-link-hover-border-color #> 193 nav-tabs-justified-link-border-color #> 194 nav-tabs-justified-active-link-border-color #> 195 nav-pills-border-radius #> 196 nav-pills-active-link-hover-bg #> 197 nav-pills-active-link-hover-color #> 198 pagination-color #> 199 pagination-bg #> 200 pagination-border #> 201 pagination-hover-color #> 202 pagination-hover-bg #> 203 pagination-hover-border #> 204 pagination-active-color #> 205 pagination-active-bg #> 206 pagination-active-border #> 207 pagination-disabled-color #> 208 pagination-disabled-bg #> 209 pagination-disabled-border #> 210 pager-bg #> 211 pager-border #> 212 pager-border-radius #> 213 pager-hover-bg #> 214 pager-active-bg #> 215 pager-active-color #> 216 pager-disabled-color #> 217 jumbotron-padding #> 218 jumbotron-color #> 219 jumbotron-bg #> 220 jumbotron-heading-color #> 221 jumbotron-font-size #> 222 jumbotron-heading-font-size #> 223 state-success-text #> 224 state-success-bg #> 225 state-success-border #> 226 state-info-text #> 227 state-info-bg #> 228 state-info-border #> 229 state-warning-text #> 230 state-warning-bg #> 231 state-warning-border #> 232 state-danger-text #> 233 state-danger-bg #> 234 state-danger-border #> 235 tooltip-max-width #> 236 tooltip-color #> 237 tooltip-bg #> 238 tooltip-opacity #> 239 tooltip-arrow-width #> 240 tooltip-arrow-color #> 241 popover-bg #> 242 popover-max-width #> 243 popover-border-color #> 244 popover-fallback-border-color #> 245 popover-title-bg #> 246 popover-arrow-width #> 247 popover-arrow-color #> 249 popover-arrow-outer-color #> 250 popover-arrow-outer-fallback-color #> 251 label-default-bg #> 252 label-primary-bg #> 253 label-success-bg #> 254 label-info-bg #> 255 label-warning-bg #> 256 label-danger-bg #> 257 label-color #> 258 label-link-hover-color #> 259 modal-inner-padding #> 260 modal-title-padding #> 261 modal-title-line-height #> 262 modal-content-bg #> 263 modal-content-border-color #> 264 modal-content-fallback-border-color #> 265 modal-backdrop-bg #> 266 modal-backdrop-opacity #> 267 modal-header-border-color #> 268 modal-footer-border-color #> 269 modal-lg #> 270 modal-md #> 271 modal-sm #> 272 alert-padding #> 273 alert-border-radius #> 274 alert-link-font-weight #> 275 alert-success-bg #> 276 alert-success-text #> 277 alert-success-border #> 278 alert-info-bg #> 279 alert-info-text #> 280 alert-info-border #> 281 alert-warning-bg #> 282 alert-warning-text #> 283 alert-warning-border #> 284 alert-danger-bg #> 285 alert-danger-text #> 286 alert-danger-border #> 287 progress-bg #> 288 progress-bar-color #> 289 progress-border-radius #> 290 progress-bar-bg #> 291 progress-bar-success-bg #> 292 progress-bar-warning-bg #> 293 progress-bar-danger-bg #> 294 progress-bar-info-bg #> 295 list-group-bg #> 296 list-group-border #> 297 list-group-border-radius #> 298 list-group-hover-bg #> 299 list-group-active-color #> 300 list-group-active-bg #> 301 list-group-active-border #> 302 list-group-active-text-color #> 303 list-group-disabled-color #> 304 list-group-disabled-bg #> 305 list-group-disabled-text-color #> 306 list-group-link-color #> 307 list-group-link-hover-color #> 308 list-group-link-heading-color #> 309 panel-bg #> 310 panel-body-padding #> 311 panel-heading-padding #> 312 panel-footer-padding #> 313 panel-border-radius #> 314 panel-inner-border #> 315 panel-footer-bg #> 316 panel-default-text #> 317 panel-default-border #> 318 panel-default-heading-bg #> 319 panel-primary-text #> 320 panel-primary-border #> 321 panel-primary-heading-bg #> 322 panel-success-text #> 323 panel-success-border #> 324 panel-success-heading-bg #> 325 panel-info-text #> 326 panel-info-border #> 327 panel-info-heading-bg #> 328 panel-warning-text #> 329 panel-warning-border #> 330 panel-warning-heading-bg #> 331 panel-danger-text #> 332 panel-danger-border #> 333 panel-danger-heading-bg #> 334 thumbnail-padding #> 335 thumbnail-bg #> 336 thumbnail-border #> 337 thumbnail-border-radius #> 338 thumbnail-caption-color #> 339 thumbnail-caption-padding #> 340 well-bg #> 341 well-border #> 342 badge-color #> 343 badge-link-hover-color #> 344 badge-bg #> 345 badge-active-color #> 346 badge-active-bg #> 347 badge-font-weight #> 348 badge-line-height #> 349 badge-border-radius #> 350 breadcrumb-padding-vertical #> 351 breadcrumb-padding-horizontal #> 352 breadcrumb-bg #> 353 breadcrumb-color #> 354 breadcrumb-active-color #> 355 breadcrumb-separator #> 356 carousel-text-shadow #> 357 carousel-control-color #> 358 carousel-control-width #> 359 carousel-control-opacity #> 360 carousel-control-font-size #> 361 carousel-indicator-active-bg #> 362 carousel-indicator-border-color #> 363 carousel-caption-color #> 364 close-font-weight #> 365 close-color #> 366 close-text-shadow #> 367 code-color #> 368 code-bg #> 369 kbd-color #> 370 kbd-bg #> 371 pre-bg #> 372 pre-color #> 373 pre-border-color #> 374 pre-scrollable-max-height #> 375 component-offset-horizontal #> 376 text-muted #> 377 abbr-border-color #> 378 headings-small-color #> 379 blockquote-small-color #> 381 blockquote-border-color #> 382 page-header-border-color #> 383 dl-horizontal-offset #> 384 dl-horizontal-breakpoint #> 385 hr-border #> value #> 1 false #> 2 #000 #> 3 lighten($gray-base, 13.5%) // #222 #> 4 lighten($gray-base, 20%) // #333 #> 5 lighten($gray-base, 33.5%) // #555 #> 6 lighten($gray-base, 46.7%) // #777 #> 7 lighten($gray-base, 93.5%) // #eee #> 8 darken(#428bca, 6.5%) // #337ab7 #> 9 #5cb85c #> 10 #5bc0de #> 11 #f0ad4e #> 12 #d9534f #> 13 #fff #> 14 $gray-dark #> 15 $brand-primary #> 16 darken($link-color, 15%) #> 17 underline #> 18 "Helvetica Neue", Helvetica, Arial, sans-serif #> 19 Georgia, "Times New Roman", Times, serif #> 20 Menlo, Monaco, Consolas, "Courier New", monospace #> 21 $font-family-sans-serif #> 22 14px #> 23 ceil(($font-size-base * 1.25)) // ~18px #> 24 ceil(($font-size-base * .85)) // ~12px #> 25 floor(($font-size-base * 2.6)) // ~36px #> 26 floor(($font-size-base * 2.15)) // ~30px #> 27 ceil(($font-size-base * 1.7)) // ~24px #> 28 ceil(($font-size-base * 1.25)) // ~18px #> 29 $font-size-base #> 30 ceil(($font-size-base * .85)) // ~12px #> 31 1.428571429 // 20/14 #> 32 floor(($font-size-base * $line-height-base)) // ~20px #> 33 inherit #> 34 500 #> 35 1.1 #> 36 inherit #> 37 6px #> 38 12px #> 39 10px #> 40 16px #> 41 5px #> 42 10px #> 43 1px #> 44 5px #> 45 1.3333333 // extra decimals for Win 8.1 Chrome #> 46 1.5 #> 47 4px #> 48 6px #> 49 3px #> 50 #fff #> 51 $brand-primary #> 52 4px #> 53 5px #> 54 8px #> 55 5px #> 56 transparent #> 57 #f9f9f9 #> 58 #f5f5f5 #> 59 $table-bg-hover #> 60 #ddd #> 61 normal #> 62 #333 #> 63 #fff #> 64 #ccc #> 65 #fff #> 66 $brand-primary #> 67 darken($btn-primary-bg, 5%) #> 68 #fff #> 69 $brand-success #> 70 darken($btn-success-bg, 5%) #> 71 #fff #> 72 $brand-info #> 73 darken($btn-info-bg, 5%) #> 74 #fff #> 75 $brand-warning #> 76 darken($btn-warning-bg, 5%) #> 77 #fff #> 78 $brand-danger #> 79 darken($btn-danger-bg, 5%) #> 80 $gray-light #> 81 $border-radius-base #> 82 $border-radius-large #> 83 $border-radius-small #> 84 #fff #> 85 $gray-lighter #> 86 $gray #> 87 #ccc #> 88 $border-radius-base #> 89 $border-radius-large #> 90 $border-radius-small #> 91 #66afe9 #> 92 #999 #> 96 15px #> 97 $gray-dark #> 98 #e5e5e5 #> 99 $gray-lighter #> 100 $input-border #> 101 not-allowed #> 102 #fff #> 103 rgba(0, 0, 0, .15) #> 104 #ccc #> 105 #e5e5e5 #> 106 $gray-dark #> 107 darken($gray-dark, 5%) #> 108 #f5f5f5 #> 109 $component-active-color #> 110 $component-active-bg #> 111 $gray-light #> 112 $gray-light #> 113 #000 #> 114 1000 #> 115 1000 #> 116 1060 #> 117 1070 #> 118 1030 #> 119 1040 #> 120 1050 #> 121 480px #> 122 $screen-xs #> 123 $screen-xs-min #> 124 768px #> 125 $screen-sm #> 126 $screen-sm-min #> 127 992px #> 128 $screen-md #> 129 $screen-md-min #> 130 1200px #> 131 $screen-lg #> 132 $screen-lg-min #> 136 12 #> 137 30px #> 138 $screen-sm-min #> 141 $container-tablet #> 143 $container-desktop #> 145 $container-large-desktop #> 146 50px #> 147 $line-height-computed #> 148 $border-radius-base #> 149 floor(($grid-gutter-width / 2)) #> 151 340px #> 152 #777 #> 153 #f8f8f8 #> 154 darken($navbar-default-bg, 6.5%) #> 155 #777 #> 156 #333 #> 157 transparent #> 158 #555 #> 159 darken($navbar-default-bg, 6.5%) #> 160 #ccc #> 161 transparent #> 162 $navbar-default-link-color #> 163 darken($navbar-default-brand-color, 10%) #> 164 transparent #> 165 #ddd #> 166 #888 #> 167 #ddd #> 168 lighten($gray-light, 15%) #> 169 #222 #> 170 darken($navbar-inverse-bg, 10%) #> 171 lighten($gray-light, 15%) #> 172 #fff #> 173 transparent #> 174 $navbar-inverse-link-hover-color #> 175 darken($navbar-inverse-bg, 10%) #> 176 #444 #> 177 transparent #> 178 $navbar-inverse-link-color #> 179 #fff #> 180 transparent #> 181 #333 #> 182 #fff #> 183 #333 #> 184 10px 15px #> 185 $gray-lighter #> 186 $gray-light #> 187 $gray-light #> 188 #ddd #> 189 $gray-lighter #> 190 $body-bg #> 191 $gray #> 192 #ddd #> 193 #ddd #> 194 $body-bg #> 195 $border-radius-base #> 196 $component-active-bg #> 197 $component-active-color #> 198 $link-color #> 199 #fff #> 200 #ddd #> 201 $link-hover-color #> 202 $gray-lighter #> 203 #ddd #> 204 #fff #> 205 $brand-primary #> 206 $brand-primary #> 207 $gray-light #> 208 #fff #> 209 #ddd #> 210 $pagination-bg #> 211 $pagination-border #> 212 15px #> 213 $pagination-hover-bg #> 214 $pagination-active-bg #> 215 $pagination-active-color #> 216 $pagination-disabled-color #> 217 30px #> 218 inherit #> 219 $gray-lighter #> 220 inherit #> 221 ceil(($font-size-base * 1.5)) #> 222 ceil(($font-size-base * 4.5)) #> 223 #3c763d #> 224 #dff0d8 #> 225 darken(adjust-hue($state-success-bg, -10), 5%) #> 226 #31708f #> 227 #d9edf7 #> 228 darken(adjust-hue($state-info-bg, -10), 7%) #> 229 #8a6d3b #> 230 #fcf8e3 #> 231 darken(adjust-hue($state-warning-bg, -10), 5%) #> 232 #a94442 #> 233 #f2dede #> 234 darken(adjust-hue($state-danger-bg, -10), 5%) #> 235 200px #> 236 #fff #> 237 #000 #> 238 .9 #> 239 5px #> 240 $tooltip-bg #> 241 #fff #> 242 276px #> 243 rgba(0, 0, 0, .2) #> 244 #ccc #> 245 darken($popover-bg, 3%) #> 246 10px #> 247 $popover-bg #> 249 fade_in($popover-border-color, 0.05) #> 250 darken($popover-fallback-border-color, 20%) #> 251 $gray-light #> 252 $brand-primary #> 253 $brand-success #> 254 $brand-info #> 255 $brand-warning #> 256 $brand-danger #> 257 #fff #> 258 #fff #> 259 15px #> 260 15px #> 261 $line-height-base #> 262 #fff #> 263 rgba(0, 0, 0, .2) #> 264 #999 #> 265 #000 #> 266 .5 #> 267 #e5e5e5 #> 268 $modal-header-border-color #> 269 900px #> 270 600px #> 271 300px #> 272 15px #> 273 $border-radius-base #> 274 bold #> 275 $state-success-bg #> 276 $state-success-text #> 277 $state-success-border #> 278 $state-info-bg #> 279 $state-info-text #> 280 $state-info-border #> 281 $state-warning-bg #> 282 $state-warning-text #> 283 $state-warning-border #> 284 $state-danger-bg #> 285 $state-danger-text #> 286 $state-danger-border #> 287 #f5f5f5 #> 288 #fff #> 289 $border-radius-base #> 290 $brand-primary #> 291 $brand-success #> 292 $brand-warning #> 293 $brand-danger #> 294 $brand-info #> 295 #fff #> 296 #ddd #> 297 $border-radius-base #> 298 #f5f5f5 #> 299 $component-active-color #> 300 $component-active-bg #> 301 $list-group-active-bg #> 302 lighten($list-group-active-bg, 40%) #> 303 $gray-light #> 304 $gray-lighter #> 305 $list-group-disabled-color #> 306 #555 #> 307 $list-group-link-color #> 308 #333 #> 309 #fff #> 310 15px #> 311 10px 15px #> 312 $panel-heading-padding #> 313 $border-radius-base #> 314 #ddd #> 315 #f5f5f5 #> 316 $gray-dark #> 317 #ddd #> 318 #f5f5f5 #> 319 #fff #> 320 $brand-primary #> 321 $brand-primary #> 322 $state-success-text #> 323 $state-success-border #> 324 $state-success-bg #> 325 $state-info-text #> 326 $state-info-border #> 327 $state-info-bg #> 328 $state-warning-text #> 329 $state-warning-border #> 330 $state-warning-bg #> 331 $state-danger-text #> 332 $state-danger-border #> 333 $state-danger-bg #> 334 4px #> 335 $body-bg #> 336 #ddd #> 337 $border-radius-base #> 338 $text-color #> 339 9px #> 340 #f5f5f5 #> 341 darken($well-bg, 7%) #> 342 #fff #> 343 #fff #> 344 $gray-light #> 345 $link-color #> 346 #fff #> 347 bold #> 348 1 #> 349 10px #> 350 8px #> 351 15px #> 352 #f5f5f5 #> 353 #ccc #> 354 $gray-light #> 355 "/" #> 356 0 1px 2px rgba(0, 0, 0, .6) #> 357 #fff #> 358 15% #> 359 .5 #> 360 20px #> 361 #fff #> 362 #fff #> 363 #fff #> 364 bold #> 365 #000 #> 366 0 1px 0 #fff #> 367 #c7254e #> 368 #f9f2f4 #> 369 #fff #> 370 #333 #> 371 #f5f5f5 #> 372 $gray-dark #> 373 #ccc #> 374 340px #> 375 180px #> 376 $gray-light #> 377 $gray-light #> 378 $gray-light #> 379 $gray-light #> 381 $gray-lighter #> 382 $gray-lighter #> 383 $component-offset-horizontal #> 384 $grid-float-breakpoint #> 385 $gray-lighter#> [1] variable value #> <0 rows> (or 0-length row.names)