Skip to content

Instantly share code, notes, and snippets.

@Grawl

Grawl/Regex

Last active December 20, 2015 08:09
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save Grawl/6098147 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save Grawl/6098147 to your computer and use it in GitHub Desktop.
Download ZIP
Regular expression to find prefixed values and parameters in CSS
Raw
content
^(?!.media)(.*|[ \f\t\v])(-(moz|ms|webkit|khtml|o)-|filter)([^-tap-]|[^touch]).*$
Raw
Regex
http://regexpal.com/?flags=gm&regex=%5E(%3F!.media)((.*)%7C(%5B%20%5Cf%5Ct%5Cv%5D*))(-(moz%7Cms%7Cwebkit%7Ckhtml%7Co)-%7Cfilter%7C%5C*)(%5B%5E-tap-%5D%7C%5B%5Etouch%5D)(.*)%24&input=.select2-container%20%7B%0A%20%20%20%20zoom%3A%201%3B%0A%20%20%20%20*display%3A%20inline%3B%0A%20%20%20%20vertical-align%3A%20middle%3B%0A%7D%0A.select2-results%20.select2-result-label%20%7B%0A%20%20%20%20min-height%3A%201em%3B%0A%20%20%20%20-webkit-touch-callout%3A%20none%3B%0A%20%20%20%20%20%20-webkit-user-select%3A%20none%3B%0A%20%20%20%20%20%20%20-khtml-user-select%3A%20none%3B%0A%20%20%20%20%20%20%20%20%20-moz-user-select%3A%20none%3B%0A%20%20%20%20%20%20%20%20%20%20-ms-user-select%3A%20none%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20user-select%3A%20none%3B%0A%7D%0A.select2-container-multi%20.select2-choices%20%7B%0A%20%20%20%20overflow%3A%20hidden%3B%0A%20%20%20%20background-color%3A%20%23fff%3B%0A%20%20%20%20background-image%3A%20-webkit-gradient(linear%2C%200%25%200%25%2C%200%25%20100%25%2C%20color-stop(1%25%2C%20%23eeeeee)%2C%20color-stop(15%25%2C%20%23ffffff))%3B%0A%20%20%20%20background-image%3A%20-webkit-linear-gradient(top%2C%20%23eeeeee%201%25%2C%20%23ffffff%2015%25)%3B%0A%20%20%20%20background-image%3A%20-moz-linear-gradient(top%2C%20%23eeeeee%201%25%2C%20%23ffffff%2015%25)%3B%0A%20%20%20%20background-image%3A%20-o-linear-gradient(top%2C%20%23eeeeee%201%25%2C%20%23ffffff%2015%25)%3B%0A%20%20%20%20background-image%3A%20-ms-linear-gradient(top%2C%20%23eeeeee%201%25%2C%20%23ffffff%2015%25)%3B%0A%20%20%20%20background-image%3A%20linear-gradient(top%2C%20%23eeeeee%201%25%2C%20%23ffffff%2015%25)%3B%0A%7D%0A.select2-container-multi.select2-container-active%20.select2-choices%20%7B%0A%20%20%20%20border%3A%201px%20solid%20%235897fb%3B%0A%20%20%20%20outline%3A%20none%3B%0A%20%20%20%20-webkit-box-shadow%3A%200%200%205px%20rgba(0%2C0%2C0%2C.3)%3B%0A%20%20%20%20%20%20%20-moz-box-shadow%3A%200%200%205px%20rgba(0%2C0%2C0%2C.3)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20box-shadow%3A%200%200%205px%20rgba(0%2C0%2C0%2C.3)%3B%0A%7D%0A.select2-container-multi%20.select2-choices%20.select2-search-choice%20%7B%0A%20%20%20%20-webkit-border-radius%3A%203px%3B%0A%20%20%20%20%20%20%20-moz-border-radius%3A%203px%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20border-radius%3A%203px%3B%0A%20%20%20%20-webkit-box-shadow%3A%200%200%202px%20%23ffffff%20inset%2C%200%201px%200%20rgba(0%2C0%2C0%2C0.05)%3B%0A%20%20%20%20%20%20%20-moz-box-shadow%3A%200%200%202px%20%23ffffff%20inset%2C%200%201px%200%20rgba(0%2C0%2C0%2C0.05)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20box-shadow%3A%200%200%202px%20%23ffffff%20inset%2C%200%201px%200%20rgba(0%2C0%2C0%2C0.05)%3B%0A%20%20%20%20-webkit-background-clip%3A%20padding-box%3B%0A%20%20%20%20%20%20%20-moz-background-clip%3A%20padding%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20background-clip%3A%20padding-box%3B%0A%20%20%20%20-webkit-touch-callout%3A%20none%3B%0A%20%20%20%20%20%20-webkit-user-select%3A%20none%3B%0A%20%20%20%20%20%20%20-khtml-user-select%3A%20none%3B%0A%20%20%20%20%20%20%20%20%20-moz-user-select%3A%20none%3B%0A%20%20%20%20%20%20%20%20%20%20-ms-user-select%3A%20none%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20user-select%3A%20none%3B%0A%20%20%20%20background-color%3A%20%23e4e4e4%3B%0A%20%20%20%20filter%3A%20progid%3ADXImageTransform.Microsoft.gradient(%20startColorstr%3D'%23eeeeee'%2C%20endColorstr%3D'%23f4f4f4'%2C%20GradientType%3D0%20)%3B%0A%20%20%20%20background-image%3A%20-webkit-gradient(linear%2C%200%25%200%25%2C%200%25%20100%25%2C%20color-stop(20%25%2C%20%23f4f4f4)%2C%20color-stop(50%25%2C%20%23f0f0f0)%2C%20color-stop(52%25%2C%20%23e8e8e8)%2C%20color-stop(100%25%2C%20%23eeeeee))%3B%0A%20%20%20%20background-image%3A%20-webkit-linear-gradient(top%2C%20%23f4f4f4%2020%25%2C%20%23f0f0f0%2050%25%2C%20%23e8e8e8%2052%25%2C%20%23eeeeee%20100%25)%3B%0A%20%20%20%20background-image%3A%20-moz-linear-gradient(top%2C%20%23f4f4f4%2020%25%2C%20%23f0f0f0%2050%25%2C%20%23e8e8e8%2052%25%2C%20%23eeeeee%20100%25)%3B%0A%20%20%20%20background-image%3A%20-o-linear-gradient(top%2C%20%23f4f4f4%2020%25%2C%20%23f0f0f0%2050%25%2C%20%23e8e8e8%2052%25%2C%20%23eeeeee%20100%25)%3B%0A%20%20%20%20background-image%3A%20-ms-linear-gradient(top%2C%20%23f4f4f4%2020%25%2C%20%23f0f0f0%2050%25%2C%20%23e8e8e8%2052%25%2C%20%23eeeeee%20100%25)%3B%0A%20%20%20%20background-image%3A%20linear-gradient(top%2C%20%23f4f4f4%2020%25%2C%20%23f0f0f0%2050%25%2C%20%23e8e8e8%2052%25%2C%20%23eeeeee%20100%25)%3B%0A%7D%0A%40media%20only%20screen%20and%20(-webkit-min-device-pixel-ratio%3A%201.5)%2C%20only%20screen%20and%20(min-resolution%3A%20144dpi)%20%20%7B%0A%20%20.select2-search%20input%20%7B%0A%20%20%20%20%20%20background-position%3A%20100%25%20-21px%20!important%3B%0A%20%20%7D%0A%7D
Raw
test
.select2-container {
zoom: 1;
*display: inline;
vertical-align: middle;
}
.select2-results .select2-result-label {
min-height: 1em;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.select2-container-multi .select2-choices {
overflow: hidden;
background-color: #fff;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
background-image: -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
background-image: -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
background-image: -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
background-image: -ms-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
background-image: linear-gradient(top, #eeeeee 1%, #ffffff 15%);
}
.select2-container-multi.select2-container-active .select2-choices {
border: 1px solid #5897fb;
outline: none;
-webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
-moz-box-shadow: 0 0 5px rgba(0,0,0,.3);
box-shadow: 0 0 5px rgba(0,0,0,.3);
}
.select2-container-multi .select2-choices .select2-search-choice {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
-moz-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: #e4e4e4;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0 );
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: -ms-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
.select2-search input {
background-position: 100% -21px !important;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment