Notepad++ regex replace Css @media

Question

I want to clean out everything between @media and }. Only after research I still cannot find how. I want to replace everything between the BOLD text below, including the BOLD text itself:

@media all and (max-width: 240px)

{
  #toast-container>div
  {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }

  #toast-container .toast-close-button
  {
    right: -.2em;
    top: -.2em;
  };
}

@media (min-width: 768px)
{
  .lead
  {
    font-size: 19.5px;
  };
}

RESULT 1: @media }

RESULT 2: nothing

guipivoto · Accepted Answer · 2016-02-24 16:14:15Z

2

In Replace Dialog(Ctrl+H), enable Regular Expression and . matches newline

Then, search for:

@media.*?\};.*?\}

or

@media.*?(\};)\s*?\}

And replace for empty string... (this will remove all - including bold text)

Let me know if it works.

edited Feb 24, 2016 at 16:14

answered Feb 24, 2016 at 16:01

guipivoto

18.7k9 gold badges63 silver badges79 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Notepad++ regex replace Css @media

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related