Regular Expressions 101

Save & Share

Flavor

  • PCRE2 (PHP)
  • ECMAScript (JavaScript)
  • Python
  • Golang
  • Java
  • .NET 7.0 (C#)
  • Rust
  • PCRE (Legacy)
  • Regex Flavor Guide

Function

  • Match
  • Substitution
  • List
  • Unit Tests
Sponsors
There are currently no sponsors. Become a sponsor today!
An explanation of your regex will be automatically generated as you type.
Detailed match information will be displayed here automatically.
  • All Tokens
  • Common Tokens
  • General Tokens
  • Anchors
  • Meta Sequences
  • Quantifiers
  • Group Constructs
  • Character Classes
  • Flags/Modifiers
  • Substitution
  • A single character of: a, b or c
    [abc]
  • A character except: a, b or c
    [^abc]
  • A character in the range: a-z
    [a-z]
  • A character not in the range: a-z
    [^a-z]
  • A character in the range: a-z or A-Z
    [a-zA-Z]
  • Any single character
    .
  • Alternate - match either a or b
    a|b
  • Any whitespace character
    \s
  • Any non-whitespace character
    \S
  • Any digit
    \d
  • Any non-digit
    \D
  • Any word character
    \w
  • Any non-word character
    \W
  • Non-capturing group
    (?:...)
  • Capturing group
    (...)
  • Zero or one of a
    a?
  • Zero or more of a
    a*
  • One or more of a
    a+
  • Exactly 3 of a
    a{3}
  • 3 or more of a
    a{3,}
  • Between 3 and 6 of a
    a{3,6}
  • Start of string
    ^
  • End of string
    $
  • A word boundary
    \b
  • Non-word boundary
    \B

Regular Expression
Processing...

Test String

Code Generator

Language

Generated Code

import re regex = re.compile(r"(?P<selector>\$[\w\-]+)\s*:\s*(?P<properties>[^;]*?)\s*\;") test_str = ("$bootstrap-sass-asset-helper: false !default;\n" "// Cosmo 3.3.6\n" "// Variables\n" "// --------------------------------------------------\n\n\n" "//== Colors\n" "//\n" "//## Gray and brand colors for use across Bootstrap.\n\n" "$gray-base: #000 !default;\n" "$gray-darker: lighten($gray-base, 13.5%) !default; // #222\n" "$gray-dark: lighten($gray-base, 20%) !default; // #333\n" "$gray: lighten($gray-base, 33.5%) !default; // #555\n" "$gray-light: lighten($gray-base, 60%) !default; // #999\n" "$gray-lighter: lighten($gray-base, 90%) !default; // #eee\n\n" "$brand-primary: #0092d9 !default;\n" "$brand-success: #3FB618 !default;\n" "$brand-info: #3FB618 !default;\n" "$brand-warning: #3FB618 !default;\n" "$brand-danger: #3FB618 !default;\n" "$txt-blanco: #fff !default;\n" "$fdo-blanco: #fff !default;\n\n" "$cdad-base: #221d4d !default;\n" "$cdad-darker: lighten($cdad-base, 13.5%) !default; // \n" "$cdad-dark: lighten($cdad-base, 20%) !default; // \n" "$cdad: lighten($cdad-base, 33.5%) !default; //\n" "$cdad-light: lighten($cdad-base, 60%) !default; //\n" "$cdad-lighter: lighten($cdad-base, 80%) !default; //\n\n\n\n\n" "//== Scaffolding\n" "//\n" "//## Settings for some of the most global styles.\n\n" "//** Background color for `<body>`.\n" "$body-bg: #fff !default;\n" "//** Global text color on `<body>`.\n" "$text-color: $gray-dark !default;\n\n" "//** Global textual link color.\n" "$link-color: $brand-primary !default;\n" "//** Link hover color set via `darken()` function.\n" "$link-hover-color: darken($link-color, 15%) !default;\n" "//** Link hover decoration.\n" "$link-hover-decoration: underline !default;\n\n\n" "//== Typography\n" "//\n" "//## Font, line-height, and color for body text, headings, and more.\n\n" "$font-family-sans-serif: \"Source Sans Pro\", Calibri, Candara, Arial, sans-serif !default;\n" "$font-family-serif: Georgia, \"Times New Roman\", Times, serif !default;\n" "//** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`.\n" "$font-family-monospace: Menlo, Monaco, Consolas, \"Courier New\", monospace !default;\n" "$font-family-base: $font-family-sans-serif !default;\n\n" "$font-size-base: 15px !default;\n" "$font-size-large: ceil(($font-size-base * 1.25)) !default; // ~18px\n" "$font-size-small: ceil(($font-size-base * 0.85)) !default; // ~12px\n" "$font-size-xl: floor(($font-size-base * 3.13)) !default; // ~50px\n\n" "$font-size-h1: floor(($font-size-base * 2.6)) !default; // ~36px\n" "$font-size-h2: floor(($font-size-base * 2.15)) !default; // ~30px\n" "$font-size-h3: ceil(($font-size-base * 1.7)) !default; // ~24px\n" "$font-size-h4: ceil(($font-size-base * 1.25)) !default; // ~18px\n" "$font-size-h5: $font-size-base !default;\n" "$font-size-h6: ceil(($font-size-base * 0.85)) !default; // ~12px\n\n" "//** Unit-less `line-height` for use in components like buttons.\n" "$line-height-base: 1.428571429 !default; // 20/14\n" "//** Computed \"line-height\" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.\n" "$line-height-computed: floor(($font-size-base * $line-height-base)) !default; // ~20px\n\n" "//** By default, this inherits from the `<body>`.\n" "$headings-font-family: $font-family-base !default;\n" "$headings-font-weight: 300 !default;\n" "$headings-line-height: 1.1 !default;\n" "$headings-color: inherit !default;\n\n\n" "//== Iconography\n" "//\n" "//## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower.\n\n" "//** Load fonts from this directory.\n" "$icon-font-path: if($bootstrap-sass-asset-helper, \"bootstrap/\", \"../fonts/bootstrap/\") !default;\n" "//** File name for all font files.\n" "$icon-font-name: \"glyphicons-halflings-regular\" !default;\n" "//** Element ID within SVG icon file.\n" "$icon-font-svg-id: \"glyphicons_halflingsregular\" !default;\n\n\n" "//== Components\n" "//\n" "//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).\n\n" "$padding-base-vertical: 10px !default;\n" "$padding-base-horizontal: 18px !default;\n\n" "$padding-large-vertical: 18px !default;\n" "$padding-large-horizontal: 30px !default;\n\n" "$padding-small-vertical: 5px !default;\n" "$padding-small-horizontal: 10px !default;\n\n" "$padding-xs-vertical: 1px !default;\n" "$padding-xs-horizontal: 5px !default;\n\n" "$line-height-large: 1.3333333 !default; // extra decimals for Win 8.1 Chrome\n" "$line-height-small: 1.5 !default;\n\n" "$border-radius-base: 0 !default;\n" "$border-radius-large: 0 !default;\n" "$border-radius-small: 0 !default;\n\n" "//** Global color for active items (e.g., navs or dropdowns).\n" "$component-active-color: #fff !default;\n" "//** Global background color for active items (e.g., navs or dropdowns).\n" "$component-active-bg: $brand-primary !default;\n\n" "//** Width of the `border` for generating carets that indicator dropdowns.\n" "$caret-width-base: 4px !default;\n" "//** Carets increase slightly in size for larger components.\n" "$caret-width-large: 5px !default;\n\n\n" "//== Tables\n" "//\n" "//## Customizes the `.table` component with basic values, each used across all table variations.\n\n" "//** Padding for `<th>`s and `<td>`s.\n" "$table-cell-padding: 8px !default;\n" "//** Padding for cells in `.table-condensed`.\n" "$table-condensed-cell-padding: 5px !default;\n\n" "//** Default background color used for all tables.\n" "$table-bg: transparent !default;\n" "//** Background color used for `.table-striped`.\n" "$table-bg-accent: #f9f9f9 !default;\n" "//** Background color used for `.table-hover`.\n" "$table-bg-hover: #f5f5f5 !default;\n" "$table-bg-active: $table-bg-hover !default;\n\n" "//** Border color for table and cell borders.\n" "$table-border-color: #ddd !default;\n\n\n" "//== Buttons\n" "//\n" "//## For each of Bootstrap's buttons, define text, background and border color.\n\n" "$btn-font-weight: normal !default;\n\n" "$btn-default-color: #fff !default;\n" "$btn-default-bg: $gray-darker !default;\n" "$btn-default-border: $btn-default-bg !default;\n\n" "$btn-primary-color: $btn-default-color !default;\n" "$btn-primary-bg: $brand-primary !default;\n" "$btn-primary-border: $btn-primary-bg !default;\n\n" "$btn-success-color: $btn-default-color !default;\n" "$btn-success-bg: $brand-success !default;\n" "$btn-success-border: $btn-success-bg !default;\n\n" "$btn-info-color: $btn-default-color !default;\n" "$btn-info-bg: $brand-info !default;\n" "$btn-info-border: $btn-info-bg !default;\n\n" "$btn-warning-color: $btn-default-color !default;\n" "$btn-warning-bg: $brand-warning !default;\n" "$btn-warning-border: $btn-warning-bg !default;\n\n" "$btn-danger-color: $btn-default-color !default;\n" "$btn-danger-bg: $brand-danger !default;\n" "$btn-danger-border: $btn-danger-bg !default;\n\n" "$btn-link-disabled-color: $gray-light !default;\n\n" "// Allows for customizing button radius independently from global border radius\n" "$btn-border-radius-base: $border-radius-base !default;\n" "$btn-border-radius-large: $border-radius-large !default;\n" "$btn-border-radius-small: $border-radius-small !default;\n\n\n" "//== Forms\n" "//\n" "//##\n\n" "//** `<input>` background color\n" "$input-bg: #fff !default;\n" "//** `<input disabled>` background color\n" "$input-bg-disabled: $gray-lighter !default;\n\n" "//** Text color for `<input>`s\n" "$input-color: $text-color !default;\n" "//** `<input>` border color\n" "$input-border: #ccc !default;\n\n" "// TODO: Rename `$input-border-radius` to `$input-border-radius-base` in v4\n" "//** Default `.form-control` border radius\n" "// This has no effect on `<select>`s in some browsers, due to the limited stylability of `<select>`s in CSS.\n" "$input-border-radius: $border-radius-base !default;\n" "//** Large `.form-control` border radius\n" "$input-border-radius-large: $border-radius-large !default;\n" "//** Small `.form-control` border radius\n" "$input-border-radius-small: $border-radius-small !default;\n\n" "//** Border color for inputs on focus\n" "$input-border-focus: #66afe9 !default;\n\n" "//** Placeholder text color\n" "$input-color-placeholder: $gray-light !default;\n\n" "//** Default `.form-control` height\n" "$input-height-base: ($line-height-computed + ($padding-base-vertical * 2) + 2) !default;\n" "//** Large `.form-control` height\n" "$input-height-large: (ceil($font-size-large * $line-height-large) + ($padding-large-vertical * 2) + 2) !default;\n" "//** Small `.form-control` height\n" "$input-height-small: (floor($font-size-small * $line-height-small) + ($padding-small-vertical * 2) + 2) !default;\n\n" "//** `.form-group` margin\n" "$form-group-margin-bottom: 15px !default;\n\n" "$legend-color: $text-color !default;\n" "$legend-border-color: #e5e5e5 !default;\n\n" "//** Background color for textual input addons\n" "$input-group-addon-bg: $gray-lighter !default;\n" "//** Border color for textual input addons\n" "$input-group-addon-border-color: $input-border !default;\n\n" "//** Disabled cursor for form controls and buttons.\n" "$cursor-disabled: not-allowed !default;\n\n\n" "//== Dropdowns\n" "//\n" "//## Dropdown menu container and contents.\n\n" "//** Background for the dropdown menu.\n" "$dropdown-bg: #fff !default;\n" "//** Dropdown menu `border-color`.\n" "$dropdown-border: rgba(0,0,0,.15) !default;\n" "//** Dropdown menu `border-color` **for IE8**.\n" "$dropdown-fallback-border: #ccc !default;\n" "//** Divider color for between dropdown items.\n" "$dropdown-divider-bg: #e5e5e5 !default;\n\n" "//** Dropdown link text color.\n" "$dropdown-link-color: $gray-dark !default;\n" "//** Hover color for dropdown links.\n" "$dropdown-link-hover-color: #fff !default;\n" "//** Hover background for dropdown links.\n" "$dropdown-link-hover-bg: $component-active-bg !default;\n\n" "//** Active dropdown menu item text color.\n" "$dropdown-link-active-color: #fff !default;\n" "//** Active dropdown menu item background color.\n" "$dropdown-link-active-bg: $component-active-bg !default;\n\n" "//** Disabled dropdown menu item background color.\n" "$dropdown-link-disabled-color: $gray-light !default;\n\n" "//** Text color for headers within dropdown menus.\n" "$dropdown-header-color: $gray-light !default;\n\n" "//** Deprecated `$dropdown-caret-color` as of v3.1.0\n" "$dropdown-caret-color: #000 !default;\n\n\n" "//-- Z-index master list\n" "//\n" "// Warning: Avoid customizing these values. They're used for a bird's eye view\n" "// of components dependent on the z-axis and are designed to all work together.\n" "//\n" "// Note: These variables are not generated into the Customizer.\n\n" "$zindex-navbar: 1000 !default;\n" "$zindex-dropdown: 1000 !default;\n" "$zindex-popover: 1060 !default;\n" "$zindex-tooltip: 1070 !default;\n" "$zindex-navbar-fixed: 1030 !default;\n" "$zindex-modal-background: 1040 !default;\n" "$zindex-modal: 1050 !default;\n\n\n" "//== Media queries breakpoints\n" "//\n" "//## Define the breakpoints at which your layout will change, adapting to different screen sizes.\n\n" "// Extra small screen / phone\n" "//** Deprecated `$screen-xs` as of v3.0.1\n" "$screen-xs: 480px !default;\n" "//** Deprecated `$screen-xs-min` as of v3.2.0\n" "$screen-xs-min: $screen-xs !default;\n" "//** Deprecated `$screen-phone` as of v3.0.1\n" "$screen-phone: $screen-xs-min !default;\n\n" "// Small screen / tablet\n" "//** Deprecated `$screen-sm` as of v3.0.1\n" "$screen-sm: 768px !default;\n" "$screen-sm-min: $screen-sm !default;\n" "//** Deprecated `$screen-tablet` as of v3.0.1\n" "$screen-tablet: $screen-sm-min !default;\n\n" "// Medium screen / desktop\n" "//** Deprecated `$screen-md` as of v3.0.1\n" "$screen-md: 992px !default;\n" "$screen-md-min: $screen-md !default;\n" "//** Deprecated `$screen-desktop` as of v3.0.1\n" "$screen-desktop: $screen-md-min !default;\n\n" "// Large screen / wide desktop\n" "//** Deprecated `$screen-lg` as of v3.0.1\n" "$screen-lg: 1200px !default;\n" "$screen-lg-min: $screen-lg !default;\n" "//** Deprecated `$screen-lg-desktop` as of v3.0.1\n" "$screen-lg-desktop: $screen-lg-min !default;\n\n" "// So media queries don't overlap when required, provide a maximum\n" "$screen-xs-max: ($screen-sm-min - 1) !default;\n" "$screen-sm-max: ($screen-md-min - 1) !default;\n" "$screen-md-max: ($screen-lg-min - 1) !default;\n\n\n" "//== Grid system\n" "//\n" "//## Define your custom responsive grid.\n\n" "//** Number of columns in the grid.\n" "$grid-columns: 12 !default;\n" "//** Padding between columns. Gets divided in half for the left and right.\n" "$grid-gutter-width: 30px !default;\n" "// Navbar collapse\n" "//** Point at which the navbar becomes uncollapsed.\n" "$grid-float-breakpoint: $screen-sm-min !default;\n" "//** Point at which the navbar begins collapsing.\n" "$grid-float-breakpoint-max: ($grid-float-breakpoint - 1) !default;\n\n\n" "//== Container sizes\n" "//\n" "//## Define the maximum width of `.container` for different screen sizes.\n\n" "// Small screen / tablet\n" "$container-tablet: (720px + $grid-gutter-width) !default;\n" "//** For `$screen-sm-min` and up.\n" "$container-sm: $container-tablet !default;\n\n" "// Medium screen / desktop\n" "$container-desktop: (940px + $grid-gutter-width) !default;\n" "//** For `$screen-md-min` and up.\n" "$container-md: $container-desktop !default;\n\n" "// Large screen / wide desktop\n" "$container-large-desktop: (1140px + $grid-gutter-width) !default;\n" "//** For `$screen-lg-min` and up.\n" "$container-lg: $container-large-desktop !default;\n\n\n" "//== Navbar\n" "//\n" "//##\n\n" "// Basics of a navbar\n" "$navbar-height: 50px !default;\n" "$navbar-margin-bottom: $line-height-computed !default;\n" "$navbar-border-radius: $border-radius-base !default;\n" "$navbar-padding-horizontal: floor(($grid-gutter-width / 2)) !default;\n" "$navbar-padding-vertical: (($navbar-height - $line-height-computed) / 2) !default;\n" "$navbar-collapse-max-height: 340px !default;\n\n" "$navbar-default-color: #fff !default;\n" "$navbar-default-bg: $gray-darker !default;\n" "$navbar-default-border: darken($navbar-default-bg, 6.5%) !default;\n\n" "// Navbar links\n" "$navbar-default-link-color: #fff !default;\n" "$navbar-default-link-hover-color: #fff !default;\n" "$navbar-default-link-hover-bg: darken($navbar-default-bg, 10%) !default;\n" "$navbar-default-link-active-color: $navbar-default-link-hover-color !default;\n" "$navbar-default-link-active-bg: $navbar-default-link-hover-bg !default;\n" "$navbar-default-link-disabled-color: #ccc !default;\n" "$navbar-default-link-disabled-bg: transparent !default;\n\n" "// Navbar brand label\n" "$navbar-default-brand-color: $navbar-default-link-color !default;\n" "$navbar-default-brand-hover-color: #fff !default;\n" "$navbar-default-brand-hover-bg: none !default;\n\n" "// Navbar toggle\n" "$navbar-default-toggle-hover-bg: $navbar-default-link-hover-bg !default;\n" "$navbar-default-toggle-icon-bar-bg: #fff !default;\n" "$navbar-default-toggle-border-color: transparent !default;\n\n\n" "//=== Inverted navbar\n" "// Reset inverted navbar basics\n" "$navbar-inverse-color: #fff !default;\n" "$navbar-inverse-bg: $brand-primary !default;\n" "$navbar-inverse-border: darken($navbar-inverse-bg, 10%) !default;\n\n" "// Inverted navbar links\n" "$navbar-inverse-link-color: #fff !default;\n" "$navbar-inverse-link-hover-color: #fff !default;\n" "$navbar-inverse-link-hover-bg: darken($navbar-inverse-bg, 10%) !default;\n" "$navbar-inverse-link-active-color: $navbar-inverse-link-hover-color !default;\n" "$navbar-inverse-link-active-bg: $navbar-inverse-link-hover-bg !default;\n" "$navbar-inverse-link-disabled-color: #fff !default;\n" "$navbar-inverse-link-disabled-bg: transparent !default;\n\n" "// Inverted navbar brand label\n" "$navbar-inverse-brand-color: $navbar-inverse-link-color !default;\n" "$navbar-inverse-brand-hover-color: #fff !default;\n" "$navbar-inverse-brand-hover-bg: none !default;\n\n" "// Inverted navbar toggle\n" "$navbar-inverse-toggle-hover-bg: $navbar-inverse-link-hover-bg !default;\n" "$navbar-inverse-toggle-icon-bar-bg: #fff !default;\n" "$navbar-inverse-toggle-border-color: transparent !default;\n\n\n" "//== Navs\n" "//\n" "//##\n\n" "//=== Shared nav styles\n" "$nav-link-padding: 10px 15px !default;\n" "$nav-link-hover-bg: $gray-lighter !default;\n\n" "$nav-disabled-link-color: $gray-light !default;\n" "$nav-disabled-link-hover-color: $gray-light !default;\n\n" "//== Tabs\n" "$nav-tabs-border-color: #ddd !default;\n\n" "$nav-tabs-link-hover-border-color: $gray-lighter !default;\n\n" "$nav-tabs-active-link-hover-bg: $body-bg !default;\n" "$nav-tabs-active-link-hover-color: $gray !default;\n" "$nav-tabs-active-link-hover-border-color: #ddd !default;\n\n" "$nav-tabs-justified-link-border-color: #ddd !default;\n" "$nav-tabs-justified-active-link-border-color: $body-bg !default;\n\n" "//== Pills\n" "$nav-pills-border-radius: $border-radius-base !default;\n" "$nav-pills-active-link-hover-bg: $component-active-bg !default;\n" "$nav-pills-active-link-hover-color: $component-active-color !default;\n\n\n" "//== Pagination\n" "//\n" "//##\n\n" "$pagination-color: $link-color !default;\n" "$pagination-bg: #fff !default;\n" "$pagination-border: #ddd !default;\n\n" "$pagination-hover-color: $link-hover-color !default;\n" "$pagination-hover-bg: $gray-lighter !default;\n" "$pagination-hover-border: #ddd !default;\n\n" "$pagination-active-color: $gray-light !default;\n" "$pagination-active-bg: #f5f5f5 !default;\n" "$pagination-active-border: #ddd !default;\n\n" "$pagination-disabled-color: $gray-light !default;\n" "$pagination-disabled-bg: #fff !default;\n" "$pagination-disabled-border: #ddd !default;\n\n\n" "//== Pager\n" "//\n" "//##\n\n" "$pager-bg: $pagination-bg !default;\n" "$pager-border: $pagination-border !default;\n" "$pager-border-radius: $border-radius-base !default;\n\n" "$pager-hover-bg: $pagination-hover-bg !default;\n\n" "$pager-active-bg: $pagination-active-bg !default;\n" "$pager-active-color: $pagination-active-color !default;\n\n" "$pager-disabled-color: $gray-light !default;\n\n\n" "//== Jumbotron\n" "//\n" "//##\n\n" "$jumbotron-padding: 30px !default;\n" "$jumbotron-color: inherit !default;\n" "$jumbotron-bg: $gray-lighter !default;\n" "$jumbotron-heading-color: inherit !default;\n" "$jumbotron-font-size: ceil(($font-size-base * 1.5)) !default;\n" "$jumbotron-heading-font-size: ceil(($font-size-base * 4.5)) !default;\n\n\n" "//== Form states and alerts\n" "//\n" "//## Define colors for form feedback states and, by default, alerts.\n\n" "$state-success-text: #fff !default;\n" "$state-success-bg: $brand-success !default;\n" "$state-success-border: darken(adjust-hue($state-success-bg, -10), 5%) !default;\n\n" "$state-info-text: #fff !default;\n" "$state-info-bg: $brand-info !default;\n" "$state-info-border: darken(adjust-hue($state-info-bg, -10), 7%) !default;\n\n" "$state-warning-text: #fff !default;\n" "$state-warning-bg: $brand-warning !default;\n" "$state-warning-border: darken(adjust-hue($state-warning-bg, -10), 3%) !default;\n\n" "$state-danger-text: #fff !default;\n" "$state-danger-bg: $brand-danger !default;\n" "$state-danger-border: darken(adjust-hue($state-danger-bg, -10), 3%) !default;\n\n\n" "//== Tooltips\n" "//\n" "//##\n\n" "//** Tooltip max width\n" "$tooltip-max-width: 200px !default;\n" "//** Tooltip text color\n" "$tooltip-color: #fff !default;\n" "//** Tooltip background color\n" "$tooltip-bg: #000 !default;\n" "$tooltip-opacity: .9 !default;\n\n" "//** Tooltip arrow width\n" "$tooltip-arrow-width: 5px !default;\n" "//** Tooltip arrow color\n" "$tooltip-arrow-color: $tooltip-bg !default;\n\n\n" "//== Popovers\n" "//\n" "//##\n\n" "//** Popover body background color\n" "$popover-bg: #fff !default;\n" "//** Popover maximum width\n" "$popover-max-width: 276px !default;\n" "//** Popover border color\n" "$popover-border-color: rgba(0,0,0,.2) !default;\n" "//** Popover fallback border color\n" "$popover-fallback-border-color: #ccc !default;\n\n" "//** Popover title background color\n" "$popover-title-bg: darken($popover-bg, 3%) !default;\n\n" "//** Popover arrow width\n" "$popover-arrow-width: 10px !default;\n" "//** Popover arrow color\n" "$popover-arrow-color: $popover-bg !default;\n\n" "//** Popover outer arrow width\n" "$popover-arrow-outer-width: ($popover-arrow-width + 1) !default;\n" "//** Popover outer arrow color\n" "$popover-arrow-outer-color: fadein($popover-border-color, 5%) !default;\n" "//** Popover outer arrow fallback color\n" "$popover-arrow-outer-fallback-color: darken($popover-fallback-border-color, 20%) !default;\n\n\n" "//== Labels\n" "//\n" "//##\n\n" "//** Default label background color\n" "$label-default-bg: $btn-default-bg !default;\n" "//** Primary label background color\n" "$label-primary-bg: $brand-primary !default;\n" "//** Success label background color\n" "$label-success-bg: $brand-success !default;\n" "//** Info label background color\n" "$label-info-bg: $brand-info !default;\n" "//** Warning label background color\n" "$label-warning-bg: $brand-warning !default;\n" "//** Danger label background color\n" "$label-danger-bg: $brand-danger !default;\n\n" "//** Default label text color\n" "$label-color: #fff !default;\n" "//** Default text color of a linked label\n" "$label-link-hover-color: #fff !default;\n\n\n" "//== Modals\n" "//\n" "//##\n\n" "//** Padding applied to the modal body\n" "$modal-inner-padding: 20px !default;\n\n" "//** Padding applied to the modal title\n" "$modal-title-padding: 15px !default;\n" "//** Modal title line-height\n" "$modal-title-line-height: $line-height-base !default;\n\n" "//** Background color of modal content area\n" "$modal-content-bg: #fff !default;\n" "//** Modal content border color\n" "$modal-content-border-color: transparent !default;\n" "//** Modal content border color **for IE8**\n" "$modal-content-fallback-border-color: #999 !default;\n\n" "//** Modal backdrop background color\n" "$modal-backdrop-bg: #000 !default;\n" "//** Modal backdrop opacity\n" "$modal-backdrop-opacity: .5 !default;\n" "//** Modal header border color\n" "$modal-header-border-color: #e5e5e5 !default;\n" "//** Modal footer border color\n" "$modal-footer-border-color: $modal-header-border-color !default;\n\n" "$modal-lg: 900px !default;\n" "$modal-md: 600px !default;\n" "$modal-sm: 300px !default;\n\n\n" "//== Alerts\n" "//\n" "//## Define alert colors, border radius, and padding.\n\n" "$alert-padding: 15px !default;\n" "$alert-border-radius: $border-radius-base !default;\n" "$alert-link-font-weight: bold !default;\n\n" "$alert-success-bg: $state-success-bg !default;\n" "$alert-success-text: $state-success-text !default;\n" "$alert-success-border: $state-success-border !default;\n\n" "$alert-info-bg: $state-info-bg !default;\n" "$alert-info-text: $state-info-text !default;\n" "$alert-info-border: $state-info-border !default;\n\n" "$alert-warning-bg: $state-warning-bg !default;\n" "$alert-warning-text: $state-warning-text !default;\n" "$alert-warning-border: $state-warning-border !default;\n\n" "$alert-danger-bg: $state-danger-bg !default;\n" "$alert-danger-text: $state-danger-text !default;\n" "$alert-danger-border: $state-danger-border !default;\n\n\n" "//== Progress bars\n" "//\n" "//##\n\n" "//** Background color of the whole progress component\n" "$progress-bg: #ccc !default;\n" "//** Progress bar text color\n" "$progress-bar-color: #fff !default;\n" "//** Variable for setting rounded corners on progress bar.\n" "$progress-border-radius: $border-radius-base !default;\n\n" "//** Default progress bar color\n" "$progress-bar-bg: $brand-primary !default;\n" "//** Success progress bar color\n" "$progress-bar-success-bg: $brand-success !default;\n" "//** Warning progress bar color\n" "$progress-bar-warning-bg: $brand-warning !default;\n" "//** Danger progress bar color\n" "$progress-bar-danger-bg: $brand-danger !default;\n" "//** Info progress bar color\n" "$progress-bar-info-bg: $brand-info !default;\n\n\n" "//== List group\n" "//\n" "//##\n\n" "//** Background color on `.list-group-item`\n" "$list-group-bg: #fff !default;\n" "//** `.list-group-item` border color\n" "$list-group-border: #ddd !default;\n" "//** List group border radius\n" "$list-group-border-radius: $border-radius-base !default;\n\n" "//** Background color of single list items on hover\n" "$list-group-hover-bg: #f5f5f5 !default;\n" "//** Text color of active list items\n" "$list-group-active-color: $component-active-color !default;\n" "//** Background color of active list items\n" "$list-group-active-bg: $component-active-bg !default;\n" "//** Border color of active list elements\n" "$list-group-active-border: $list-group-border !default;\n" "//** Text color for content within active list items\n" "$list-group-active-text-color: lighten($list-group-active-bg, 40%) !default;\n\n" "//** Text color of disabled list items\n" "$list-group-disabled-color: $gray-light !default;\n" "//** Background color of disabled list items\n" "$list-group-disabled-bg: $gray-lighter !default;\n" "//** Text color for content within disabled list items\n" "$list-group-disabled-text-color: $list-group-disabled-color !default;\n\n" "$list-group-link-color: #555 !default;\n" "$list-group-link-hover-color: $list-group-link-color !default;\n" "$list-group-link-heading-color: #333 !default;\n\n\n" "//== Panels\n" "//\n" "//##\n\n" "$panel-bg: #fff !default;\n" "$panel-body-padding: 15px !default;\n" "$panel-heading-padding: 10px 15px !default;\n" "$panel-footer-padding: $panel-heading-padding !default;\n" "$panel-border-radius: $border-radius-base !default;\n\n" "//** Border color for elements within panels\n" "$panel-inner-border: #ddd !default;\n" "$panel-footer-bg: #f5f5f5 !default;\n\n" "$panel-default-text: $gray-dark !default;\n" "$panel-default-border: #ddd !default;\n" "$panel-default-heading-bg: #f5f5f5 !default;\n\n" "$panel-primary-text: #fff !default;\n" "$panel-primary-border: $brand-primary !default;\n" "$panel-primary-heading-bg: $brand-primary !default;\n\n" "$panel-success-text: $state-success-text !default;\n" "$panel-success-border: $state-success-border !default;\n" "$panel-success-heading-bg: $state-success-bg !default;\n\n" "$panel-info-text: $state-info-text !default;\n" "$panel-info-border: $state-info-border !default;\n" "$panel-info-heading-bg: $state-info-bg !default;\n\n" "$panel-warning-text: $state-warning-text !default;\n" "$panel-warning-border: $state-warning-border !default;\n" "$panel-warning-heading-bg: $state-warning-bg !default;\n\n" "$panel-danger-text: $state-danger-text !default;\n" "$panel-danger-border: $state-danger-border !default;\n" "$panel-danger-heading-bg: $state-danger-bg !default;\n\n\n" "//== Thumbnails\n" "//\n" "//##\n\n" "//** Padding around the thumbnail image\n" "$thumbnail-padding: 4px !default;\n" "//** Thumbnail background color\n" "$thumbnail-bg: $body-bg !default;\n" "//** Thumbnail border color\n" "$thumbnail-border: #ddd !default;\n" "//** Thumbnail border radius\n" "$thumbnail-border-radius: $border-radius-base !default;\n\n" "//** Custom text color for thumbnail captions\n" "$thumbnail-caption-color: $text-color !default;\n" "//** Padding around the thumbnail caption\n" "$thumbnail-caption-padding: 9px !default;\n\n\n" "//== Wells\n" "//\n" "//##\n" "$well-padding: 0px !default;\n" "$well-bg: #f5f5f5 !default;\n" "$well-border: darken($well-bg, 7%) !default;\n\n\n" "//== Badges\n" "//\n" "//##\n\n" "$badge-color: #fff !default;\n" "//** Linked badge text color on hover\n" "$badge-link-hover-color: #fff !default;\n" "$badge-bg: $brand-primary !default;\n\n" "//** Badge text color in active nav link\n" "$badge-active-color: $link-color !default;\n" "//** Badge background color in active nav link\n" "$badge-active-bg: #fff !default;\n\n" "$badge-font-weight: bold !default;\n" "$badge-line-height: 1 !default;\n" "$badge-border-radius: 10px !default;\n\n\n" "//== Breadcrumbs\n" "//\n" "//##\n\n" "$breadcrumb-padding-vertical: 8px !default;\n" "$breadcrumb-padding-horizontal: 15px !default;\n" "//** Breadcrumb background color\n" "$breadcrumb-bg: #f5f5f5 !default;\n" "//** Breadcrumb text color\n" "$breadcrumb-color: #ccc !default;\n" "//** Text color of current page in the breadcrumb\n" "$breadcrumb-active-color: $gray-light !default;\n" "//** Textual separator for between breadcrumb elements\n" "$breadcrumb-separator: \"/\" !default;\n\n\n" "//== Carousel\n" "//\n" "//##\n\n" "$carousel-text-shadow: 0 1px 2px rgba(0,0,0,.6) !default;\n\n" "$carousel-control-color: #fff !default;\n" "$carousel-control-width: 15% !default;\n" "$carousel-control-opacity: .5 !default;\n" "$carousel-control-font-size: 20px !default;\n\n" "$carousel-indicator-active-bg: #fff !default;\n" "$carousel-indicator-border-color: #fff !default;\n\n" "$carousel-caption-color: #fff !default;\n\n\n" "//== Close\n" "//\n" "//##\n\n" "$close-font-weight: bold !default;\n" "$close-color: #fff !default;\n" "$close-text-shadow: 0 1px 0 #fff !default;\n\n\n" "//== Code\n" "//\n" "//##\n\n" "$code-color: #c7254e !default;\n" "$code-bg: #f9f2f4 !default;\n\n" "$kbd-color: #fff !default;\n" "$kbd-bg: #333 !default;\n\n" "$pre-bg: #f5f5f5 !default;\n" "$pre-color: $gray-dark !default;\n" "$pre-border-color: #ccc !default;\n" "$pre-scrollable-max-height: 340px !default;\n\n\n" "//== Type\n" "//\n" "//##\n\n" "//** Horizontal offset for forms and lists.\n" "$component-offset-horizontal: 180px !default;\n" "//** Text muted color\n" "$text-muted: $gray-light !default;\n" "//** Abbreviations and acronyms border color\n" "$abbr-border-color: $gray-light !default;\n" "//** Headings small color\n" "$headings-small-color: $gray-light !default;\n" "//** Blockquote small color\n" "$blockquote-small-color: $gray-light !default;\n" "//** Blockquote font size\n" "$blockquote-font-size: ($font-size-base * 1.25) !default;\n" "//** Blockquote border color\n" "$blockquote-border-color: $gray-lighter !default;\n" "//** Page header border color\n" "$page-header-border-color: $gray-lighter !default;\n" "//** Width of horizontal description list titles\n" "$dl-horizontal-offset: $component-offset-horizontal !default;\n" "//** Point at which .dl-horizontal becomes horizontal\n" "$dl-horizontal-breakpoint: $grid-float-breakpoint !default;\n" "//** Horizontal line color.\n" "$hr-border: $gray-lighter !default;\n") matches = regex.finditer(test_str) for match_num, match in enumerate(matches, start=1): print(f"Match {match_num} was found at {match.start()}-{match.end()}: {match.group()}") for group_num, group in enumerate(match.groups(), start=1): print(f"Group {group_num} found at {match.start(group_num)}-{match.end(group_num)}: {group}")

Please keep in mind that these code samples are automatically generated and are not guaranteed to work. If you find any syntax errors, feel free to submit a bug report. For a full regex reference for Python, please visit: https://docs.python.org/3/library/re.html