How can I sort CSS properties alphabetically?

simurq · 07-17-2020, 05:30 PM

I can see that sorting style rules is possible but what about sorting the properties inside a block, particularly a lengthy one. I know, it may break the priority of properties inside the block but this can be prevented by a user warning same as the existing sorting option.

e.g. from this:

Code:

img {
  width: 20%;
  max-width: 30%;
  padding-top: 40px;
  max-height: 30%;
}

to this:

Code:

img {
  max-height: 30%;
  max-width: 30%;
  padding-top: 40px;
  width: 20%;
}

Thanks!

Rustam

JSWolf · 07-17-2020, 05:42 PM

Manually

BetterRed · 07-17-2020, 05:59 PM

Quote:

Originally Posted by JSWolf

Manually

Or in an external text editor via right click Open xxxx.css with…

BR

theducks · 07-17-2020, 06:01 PM

I do not see the need for Attributes unless you have a large amount of the (enough that you need to scroll

OTOH it is convient to have the selectors sorted.

I thought the was a sort PI for CSS selectors in Sigil, but I don't have it.

Check the Index of Plugins in the sticky of the Plugins section here at MR

jbacelar · 07-19-2020, 03:05 AM

In Preferences ...

JSWolf · 07-19-2020, 04:56 AM

Google translate won't translate pictures to English.

theducks · 07-19-2020, 11:01 AM

Right Jon, but the visual CLUE works in any language (took me 20 seconds to locate that Image in English)
In Editor: Preferences (ctrl+P ): toolbars

Oops!
(deleted incorrect image)
Thanks DNSB for the correct one

DNSB · 07-19-2020, 11:43 AM

I suspect theducks meant to use the Tools for CSS editors preference as in the attached image. Unfortunately, this sorts the styles and not the contents of the styles which is what the OP wanted. And in many cases, this is not a good idea.

JSWolf · 07-19-2020, 04:53 PM

I've already answered the OP's question in the second post of this thread.

BetterRed · 07-19-2020, 05:37 PM

NB: not available if you shun toolbars

Ψ³

BR

07-17-2020, 05:30 PM	#1
simurq Member Posts: 20 Karma: 1000010 Join Date: Jul 2015 Device: Kindle Paperwhite v1	How can I sort CSS properties alphabetically? I can see that sorting style rules is possible but what about sorting the properties inside a block, particularly a lengthy one. I know, it may break the priority of properties inside the block but this can be prevented by a user warning same as the existing sorting option. e.g. from this: Code: img { width: 20%; max-width: 30%; padding-top: 40px; max-height: 30%; } to this: Code: img { max-height: 30%; max-width: 30%; padding-top: 40px; width: 20%; } Thanks! Rustam

07-19-2020, 03:05 AM	#5
jbacelar Interested in the matter Posts: 421 Karma: 426094 Join Date: Dec 2011 Location: Spain, south coast Device: Pocketbook InkPad 3	In Preferences ... Attached Thumbnails

07-19-2020, 11:01 AM	#7
theducks Well trained by Cats Posts: 30,973 Karma: 60358908 Join Date: Aug 2009 Location: The Central Coast of California Device: Kobo Libra2,Kobo Aura2v1, K4NT(Fixed: New Bat.), Galaxy Tab A	Right Jon, but the visual CLUE works in any language (took me 20 seconds to locate that Image in English) In Editor: Preferences (ctrl+P ): toolbars Oops! (deleted incorrect image) Thanks DNSB for the correct one Last edited by theducks; 07-19-2020 at 12:12 PM.

07-19-2020, 11:43 AM	#8
DNSB Bibliophagist Posts: 45,599 Karma: 168929308 Join Date: Jul 2010 Location: Vancouver Device: Kobo Sage, Libra Colour, Lenovo M8 FHD, Paperwhite 4, Tolino epos	I suspect theducks meant to use the Tools for CSS editors preference as in the attached image. Unfortunately, this sorts the styles and not the contents of the styles which is what the OP wanted. And in many cases, this is not a good idea. Attached Thumbnails

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Sort Libraries Alphabetically	MerlinMama	Calibre	2	08-20-2017 02:28 PM
Missing CSS properties	roger64	KOReader	0	06-01-2016 06:39 AM
Tag browser sort alphabetically by author?	Truthowl	Calibre	5	08-09-2015 06:12 PM
Sort TOC alphabetically	1v4n0	ePub	12	05-10-2014 12:48 PM
Can I use Calibre to sort SD card collections alphabetically?	Casander7	Calibre	3	07-12-2010 02:34 PM

07-17-2020, 05:42 PM	#2
JSWolf Resident Curmudgeon Posts: 79,506 Karma: 145863177 Join Date: Nov 2006 Location: Roslindale, Massachusetts Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3	Manually

07-17-2020, 06:01 PM	#4
theducks Well trained by Cats Posts: 30,973 Karma: 60358908 Join Date: Aug 2009 Location: The Central Coast of California Device: Kobo Libra2,Kobo Aura2v1, K4NT(Fixed: New Bat.), Galaxy Tab A	I do not see the need for Attributes unless you have a large amount of the (enough that you need to scroll OTOH it is convient to have the selectors sorted. I thought the was a sort PI for CSS selectors in Sigil, but I don't have it. Check the Index of Plugins in the sticky of the Plugins section here at MR

07-19-2020, 04:56 AM	#6
JSWolf Resident Curmudgeon Posts: 79,506 Karma: 145863177 Join Date: Nov 2006 Location: Roslindale, Massachusetts Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3	Google translate won't translate pictures to English.

07-19-2020, 04:53 PM	#9
JSWolf Resident Curmudgeon Posts: 79,506 Karma: 145863177 Join Date: Nov 2006 Location: Roslindale, Massachusetts Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3	I've already answered the OP's question in the second post of this thread.

07-19-2020, 05:37 PM	#10
BetterRed null operator (he/him) Posts: 21,681 Karma: 29711016 Join Date: Mar 2012 Location: Sydney Australia Device: none	NB: not available if you shun toolbars Ψ³ BR

Advert

Advert