regex101: JavaScript Match Workspace

Regular Expression

((\s*?(?:\/\*[\s\S]*?\*\/)?\s*?@media[\s\S]*?){([\s\S]*?)(?!.*}})}\s*?(?:}))|(([\s\S]*?){([\s\S]*?)(?![\s\S]?}})[\s\S]})

New

.someClass{margin:0;}.someClass{margin : {{ test}};}

@media -ro-pdfreactor {

    .top-logo {background-image: url({{ test }}) !important;}
   
    .header-background {
        background-color: cmyk(54%,27%,36%,82%) !important;
    }
   
    .headline {
        color: cmyk(54%,0%,100%,0%) !important;
    }
   
    .body-text-container {
        color: cmyk(54%,27%,36%,82%) !important;
    }
   
    .cta {
        color: cmyk(54%,27%,36%,82%) !important;
    }
}


                .brand-user-logo {
    background-image: url("https://example.com/image.png");
}

.brand-company-logo {
    background-image: url("");
}

.brand-primary-color {
    color: rgb(19, 44, 69);
}

.brand-secondary-color {
    color: rgb(236, 194, 117);
}

.brand-primary-bg-color {
    background-color: rgb(19, 44, 69);
}

.brand-secondary-bg-color {
    background-color: rgb(236, 194, 117);
}

.brand-primary-brdr-color {
    border-color: rgb(19,44,69)gb(19, 44, 69);
    border-left-color: rgb(19, 44, 69);
}

.brand-secondary-brdr-color {
    border-color: rgb(236,194,117);
    border-top-color: rgb(236, 194, 117);
    border-right-color: rgb(236, 194, 117);
    border-bottom-color: rgb(236, 194, 117);
    border-left-color: rgb(236, 194, 117);
}

.brand-primary-fill-color {
    fill: rgb(19, 44, 69);
}

.brand-secondary-fill-color {
    fill: rgb(236, 194, 117);
}

.te-bg-image-locked {
    background-position: 50% 50%;
    background-size: cover;
    background-position-x: 50%;
    background-position-y: 50%;
}

/*
    BOX - Flyer - Single Branded Static Full
    Width 222.25mm = 8.75"
    Height 285.75mm = 11.25"
    bleed: 3.175mm = .125in
*/
.te-bg-image {
    background-repeat: no-repeat;
    background-repeat-x: no-repeat;
    background-repeat-y: no-repeat;
}

.cover-image {
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat-x: no-repeat;
    background-repeat-y: no-repeat;
    background-position-x: center;
    background-position-y: center;
}

.te-page {
    width: 222.25mm;
    height: 285.75mm;
    position: relative;
}

.flyer p {
    margin: 0;
    padding: 0;
    margin-top: 0mm;
    margin-right: 0mm;
    margin-bottom: 0mm;
    margin-left: 0mm;
    padding-top: 0mm;
    padding-right: 0mm;
    padding-bottom: 0mm;
    padding-left: 0mm;
}

.te-top-vars {
    display: none;
}

.hidden {
    display: none;
}

.header-background {
    width: 100%;
    height: 112mm;
    position: absolute !important;
    top: 0mm;
    left: 0mm;
}

.header-text {
    position: absolute !important;
    text-transform: uppercase;
    color: black;
    font-size: 36pt;
    overflow: hidden;
    white-space: nowrap;
    font-family: PoppinsBold;
    top: 35mm;
    left: 15.7mm;
    overflow-x: hidden;
    overflow-y: hidden;
    z-index: 1000;
    width: 190mm;
}

.subhead-text {
    position: absolute !important;
    text-transform: uppercase;
    color: black;
    font-size: 30pt;
    overflow: hidden;
    white-space: nowrap;
    font-family: PoppinsMedium;
    top: 48mm;
    left: 15.7mm;
    overflow-x: hidden;
    overflow-y: hidden;
    z-index: 1000;
    width: 190mm;
}

.body-header {
    position: absolute !important;
    top: 119mm;
    left: 15.7mm;
    width: 190mm;
    height: 13mm;
    overflow: hidden;
    color: black;
    font-family: PoppinsMedium;
    font-size: 14pt;
    line-height: 16pt;
    overflow-x: hidden;
    overflow-y: hidden;
}

ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 0mm;
    margin-block-end: 0mm;
    margin-inline-start: 0mm;
    margin-inline-end: 0mm;
    padding-inline-start: 5mm;
}

.do-header {
    position: absolute !important;
    left: 15.7mm;
    width: 90mm;
    top: 135mm;
    height: 7.5mm;
    white-space: nowrap;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
    font-family: PoppinsSemiBold;
    font-size: 15pt;
}

.do-underline {
    left: 15.7mm;
    top: 142.5mm;
    width: 90mm;
    height: 0.79375mm;
    position: absolute !important;
}

.left-column {
    position: absolute !important;
    left: 15mm;
    top: 145mm;
    width: 89mm;
    height: 61mm;
    /*font-family: PoppinsRegular;
    */
    font-size: 11pt;
    color: black;
    line-height: 1.25;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
    /*font-family: PoppinsRegular;
    */;
    font-size: 11pt;
}

.do-column {
    /*position: absolute !important;
    left: 15mm;
    top: 145mm;
    width: 89mm;
    height: 61mm;
    */
    /*font-family: PoppinsRegular;
    */
    font-size: 11pt;
    color: black;
    line-height: 1.25;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
    /*font-family: PoppinsRegular;
    */;
    font-size: 11pt;
}

.do-column li {
    margin-bottom: 1.1mm;
}

.dont-header {
    position: absolute !important;
    left: 117mm;
    width: 90mm;
    top: 135mm;
    height: 7.5mm;
    white-space: nowrap;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
    font-size: 15pt;
}

.right-column {
    position: absolute !important;
    left: 116.4mm;
    width: 88.5mm;
    height: 62mm;
    top: 145mm;
}

.dont-column {
    font-size: 11pt;
    line-height: 1.25;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
}

.all-font {
    font-family: PoppinsRegular;
    color: black;
}

.header-font {
    font-family: PoppinsSemiBold;
    color: black;
}

.dont-column li {
    margin-bottom: 1.1mm;
}

.dont-underline {
    left: 117mm;
    top: 142.5mm;
    width: 90mm;
    height: 0.79375mm;
    position: absolute !important;
}

.image-container {
    position: absolute !important;
    top: 0mm;
    width: 100%;
    height: 119.062mm;
}

.footer {
    bottom: 0mm;
    right: 0mm;
    height: 78mm;
    width: 100%;
}

/* GENERAL STYLES */
.cover-image {
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.contain-image {
    background-repeat: no-repeat;
    background-position: top center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    background-repeat-x: no-repeat;
    background-repeat-y: no-repeat;
    background-position-x: 50%;
    background-position-y: 0%;
}

p {
    margin: 0;
    padding: 0;
    margin-top: 0mm;
    margin-right: 0mm;
    margin-bottom: 0mm;
    margin-left: 0mm;
    padding-top: 0mm;
    padding-right: 0mm;
    padding-bottom: 0mm;
    padding-left: 0mm;
}

/* FOOTER STYLES */
.flyer-footer {
    position: absolute;
    bottom: 0mm;
    left: 0mm;
    height: 77.175mm;
    width: 100%;
}

.line {
    position: absolute;
    top: 0mm;
    left: 4.2%;
    height: 0.79375mm;
    width: 91.5%;
    background-color: rgb(19, 44, 69);
}

.lo-image {
    position: absolute;
    top: 3.9mm;
    left: 175.3mm;
    width: 17.56mm;
    height: 26.5mm;
}

.lo-content {
    position: absolute;
    top: 3mm;
    left: 82.3mm;
    height: 10mm;
    font-family: SarabunReg;
    font-size: 8pt;
    width: 90mm;
    overflow: hidden;
    color: rgb(0, 0, 0);
    text-align: right;
    overflow-x: hidden;
    overflow-y: hidden;
}

.lo-content-right {
    font-family: SarabunReg;
    font-size: 8pt;
    overflow: hidden;
    color: rgb(0, 0, 0);
    position: absolute;
    top: 14.2mm;
    left: 117.3mm;
    height: 11mm;
    line-height: 1.2;
    width: 55mm;
    text-align: right;
    overflow-x: hidden;
    overflow-y: hidden;
}

.lo-content-left {
    position: absolute;
    top: 14.2mm;
    left: 71.2mm;
    font-family: SarabunReg;
    font-size: 8pt;
    overflow: hidden;
    color: rgb(0, 0, 0);
    width: 45mm;
    height: 14mm;
    text-align: right;
    overflow-x: hidden;
    overflow-y: hidden;
}

.lo-content-bottom {
    position: absolute;
    top: 27.4mm;
    left: 50mm;
    font-family: SarabunReg;
    font-size: 8pt;
    width: 107mm;
    overflow: hidden;
    color: rgb(0, 0, 0);
    height: 10mm;
    overflow-x: hidden;
    overflow-y: hidden;
}

.lo-content-left p {
    line-height: 1.2;
}

.lo-name {
    font-family: SarabunExtraBold;
    font-size: 14pt;
    position: relative;
    top: 0mm;
    overflow: hidden;
    white-space: nowrap;
    overflow-x: hidden;
    overflow-y: hidden;
}

.lo-title {
    position: relative;
    top: -4.2mm;
    overflow: hidden;
    white-space: nowrap;
    overflow-x: hidden;
    overflow-y: hidden;
}

.lo-license {
    margin-bottom: 2.7mm;
    line-height: 1;
}

.lo-phone {
    margin-bottom: -0.7mm;
}

.lo-email {
    line-height: 1.4 !important;
}

.lo-website {
    line-height: 1.4 !important;
}

.lo-logo {
    position: absolute;
    left: 29.5mm;
    top: 8.5mm;
    width: 55mm;
    height: 23mm;
    background-position: center left;
    background-position-x: 0%;
    background-position-y: 50%;
}

/* DISCLAIMER STYLES */
.disclaimer {
    position: absolute;
    bottom: 8mm;
    left: 9.7mm;
    width: 91%;
    max-height: 20mm;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
}

.disclaimer-text {
    width: 100%;
    font-family: SarabunReg;
    font-size: 6pt;
    line-height: 1;
    color: rgb(60, 60, 60);
    text-align: justify;
}

.eh-logo {
    width: 10mm;
    height: 11mm;
    margin: 0mm 3.5mm 1mm 0mm;
    float: left;
    margin-top: 0mm;
    margin-right: 3.5mm;
    margin-bottom: 1mm;
    margin-left: 0mm;
}

.te-section {
    width: 100%;
    height: 100%;
}

.test{width:{{ test }};}

Regular Expressions 101

Regular Expression

Substitution