[fpc-pascal] New FCL-CSS package in the GitLab repo

[Michael Van Canneyt]

On Mon, 28 Mar 2022, Alexey Torgashin via fpc-pascal wrote:

>> I will add some options to interpret "*zoom" as a property name, but they 
>> will
>> off by default.
>
> OK thanks.
> Can you try now with CSS (usual or minified) from
> https://getbootstrap.com/ ?
> See 'download' which gives file bootstrap-5.1.3-dist.zip .

Good idea, I will check this file. 
I use bootstrap a lot, although I prefer Bulma these days.

>From your samples, most if not all things should work.

By the way, it is easy to test. Just compile the extractcssclasses demo and run

extractcssclasses yourfile

But if you prefer a GUI program, the actual code is really simple:

uses fpcssutils;

Var
   L : TStringList;
   Util : TCSSUtils;

begin
   Util:=Nil;
   L:=TStringList.Create;
   try
     Util:=TCSSUtils.Create(Self);
     Util.ExtractClassNames(aFileName,L);
     // Do something with L
   finally
     Util.Free;
     L.Free;
   end; 
end;

Michael.

>
> Complex places:
> ====
>
> .link-dark:hover, .link-dark:focus {
>  color: #1a1e21;
> }
> //Here they have :suffixes.
> -----------
>  --bs-purple: #6f42c1;
>  --bs-pink: #d63384;
> //Here they have color varialbles.
> -----------
>
> .visually-hidden-focusable:not(:focus):not(:focus-within) {
>
> a:not([href]):not([class]), a:not([href]):not([class]):hover {
>
> button:not(:disabled),
> [type=button]:not(:disabled),
> [type=reset]:not(:disabled),
> [type=submit]:not(:disabled) {
>  cursor: pointer;
> }
>
> //Here they have weird boolean things.
> -----------
>
> *,
> *::before,
> *::after {
>  box-sizing: border-box;
> }
> //Here they have star-chars.
> -----------
>
>  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 
> 255, 255, 0));
> //They have complex func calls.
> -----------
>
> ::-webkit-datetime-edit-year-field {
>  padding: 0;
> }
> //More suffixes
> -----------
>
> From bootstrap-4.0.0-dist.zip I got also--
> -----------
>
>  abbr[title]::after {
>    content: " (" attr(title) ")";
>  }
> //strange value with 2 strings
> -----------
>
> .text-hide {
>  font: 0/0 a;
>  }
> //strange value
> -----------
>
> Alexey
> _______________________________________________
> fpc-pascal maillist  -  fpc-pascal at lists.freepascal.org
> https://lists.freepascal.org/cgi-bin/mailman/listinfo/fpc-pascal
>