Half-automated CSS-Code transfer into existing .CSS-file (e. g. with a Batch file)

Question

I am searching for a way to "(half)-automatically" copy CSS-code into an existing .CSS-file (e. g. via Batch File).

The problem beyond this is, that we are using an application we customized some existing stylesheets in (by "hand") - but however after every update of the application (which happens pretty often) the customizations are gone. We also didn't find any workaround to outsource for example our stylesheets. The application only supports the by manufacturer created stylesheet-files.

Simply replacing the css-files with same name is risky, because there are often new changes with new version of the application.

That is why we search for a simple way, by which we can insert some css-code to several css-files - as we don't always want to insert more than 1000 lines of CSS-Code into circa 10 different Stylesheet-files from the manufacturer.

If someone knows any other workaround which may work, I will also appreciate it.

In batch: echo "* {color: red !important;}" >> styles.css. But what kind of system is this? Try prepending @include: "../my-styles.css" — Justinas
– Justinas, Commented Jun 22, 2018 at 13:32
One more question. This 2nd line of code you posted means I would affect another CSS-File with same changes or? Or how can I import for example this css to multiple css-files? — SteffPoint
– SteffPoint, Commented Jun 22, 2018 at 14:01
It will literally import your code to the beginning of file. All other CSS flow will be as is. — Justinas
– Justinas, Commented Jun 22, 2018 at 14:09

Justinas · Accepted Answer · 2018-06-22 14:13:21Z

1

In batch to append something to file simply use >> command:

echo "* {color: red !important;}" >> styles.css

Or you can have somewhere your own CSS rules with higher priority then applications and use this code:

mv styles.css styles.css.tmp
echo '@import "../my-styles.css"' > styles.css
cat styles.css.tmp >> styles.css
rm styles.css.tmp

What it does:

Copy existing css file to temporary file
Write CSS @import rule as it must be in the beginning of file
Append rest of CSS to your file from tmp file
Remove temporary file

Move your my-styles.css to somewhere where application update would not overwrite it/remove it

answered Jun 22, 2018 at 14:13

Justinas

43.9k5 gold badges72 silver badges108 bronze badges

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

Collectives™ on Stack Overflow

Half-automated CSS-Code transfer into existing .CSS-file (e. g. with a Batch file)

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