Skip to content

Commit afbb5ea

Browse files
mnoconmnocon
committed
New pill colors in PHP API ref
1 parent 32d188b commit afbb5ea

File tree

4 files changed

+90
-44
lines changed

4 files changed

+90
-44
lines changed

‎docs/api/php_api/php_api_reference/css/base.css‎

Lines changed: 45 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -199,7 +199,8 @@ html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:n
199199
--mid-grey: rgb(201,201,208);
200200
--dark-grey: rgb(151,151,151);
201201

202-
202+
--color-warning-dark-01: rgb(211,130,43);
203+
--color-primary-main: rgb(163,39,104);
203204
--caution-border: var(--ibexa-orange);
204205
--note-border: var(--mid-grey);
205206
--enterprise-border: var(--ibexa-jazzberry);
@@ -699,12 +700,39 @@ div.pills {
699700
float: right;
700701
}
701702

703+
.pill {
704+
border-radius: 2.18px;
705+
padding: 3px 8px;
706+
color: var(--white);
707+
font-size: 10px;
708+
font-weight: 500;
709+
}
710+
711+
.experience-pill::after {
712+
content: "Experience";
713+
}
714+
715+
.experience-pill {
716+
color: var(--color-warning-dark-01);
717+
border: 1px solid var(--color-warning-dark-01);
718+
}
719+
720+
.commerce-pill::after {
721+
content: "Commerce";
722+
}
723+
724+
.commerce-pill {
725+
color: var(--color-primary-main);
726+
border: 1px solid var(--color-primary-main);
727+
}
728+
702729
.optional-pill::after {
703730
content: "Optional";
704731
}
705732

706733
.optional-pill {
707-
background-color: var(--sherpa-blue);
734+
color: var(--sherpa-blue);
735+
border: 1px solid var(--sherpa-blue);
708736
}
709737

710738
.md-clipboard:focus, .md-clipboard:hover {
@@ -1570,17 +1598,17 @@ ul.breadcrumbs li.breadcrumb-item-current span {
15701598
color: var(--ibexa-dusk-black);
15711599
}
15721600

1601+
1602+
15731603
.md-typeset h1,
15741604
.md-typeset h2,
15751605
.md-typeset h3,
15761606
.md-typeset h4 {
15771607
font-family: "Work Sans";
1578-
display: flex;
1579-
align-items: center
15801608
}
15811609

15821610
.md-typeset h1 {
1583-
font-size: 24px;
1611+
font-size: 28px;
15841612
line-height: 34px;
15851613
margin-bottom: 0;
15861614
}
@@ -1592,19 +1620,18 @@ ul.breadcrumbs li.breadcrumb-item-current span {
15921620
align-items: flex-end;
15931621
}
15941622

1595-
.md-typeset .content-header .experience-pill {
1596-
color: var(--ibexa-orange);
1597-
border: 1px solid var(--ibexa-orange);
1598-
}
1599-
1600-
.md-typeset .content-header .commerce-pill {
1601-
color: var(--ibexa-jazzberry);
1602-
border: 1px solid var(--ibexa-jazzberry);
1623+
.md-typeset .content-header .pills {
1624+
float: none;
1625+
width: 100%;
16031626
}
16041627

1605-
.md-typeset .content-header .optional-pill {
1606-
color: var(--sherpa-blue);
1607-
border: 1px solid var(--sherpa-blue);
1628+
.md-typeset .content-header .pill {
1629+
display: inline-block;
1630+
margin-bottom: 12px;
1631+
font-size: 12px;
1632+
line-height: 18px;
1633+
padding: 0 8px;
1634+
background-color: transparent;
16081635
}
16091636

16101637
.md-typeset .content-header img {
@@ -1663,7 +1690,7 @@ ul.breadcrumbs li.breadcrumb-item-current span {
16631690
}
16641691

16651692
.md-typeset h2 {
1666-
font-size: 20px;
1693+
font-size: 22px;
16671694
line-height: 27px;
16681695
margin: 24px 0 0;
16691696
}
@@ -1681,16 +1708,11 @@ ul.breadcrumbs li.breadcrumb-item-current span {
16811708
}
16821709

16831710
.md-typeset h5 {
1684-
font-size: 14px;
1711+
font-size: 15px;
16851712
line-height: 18px;
16861713
margin: 24px 0 0;
16871714
}
16881715

1689-
.md-typeset h6 {
1690-
font-size: 12px;
1691-
line-height: 18px;
1692-
margin: 24px 0 0;
1693-
}
16941716

16951717
.md-typeset .highlighttable,
16961718
.md-typeset .highlight pre,

‎docs/api/php_api/php_api_reference/css/template.css‎

Lines changed: 8 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -290,7 +290,8 @@
290290
--mid-grey: rgb(201,201,208);
291291
--dark-grey: rgb(151,151,151);
292292

293-
293+
--color-warning-dark-01: rgb(211,130,43);
294+
--color-primary-main: rgb(163,39,104);
294295
--caution-border: var(--ibexa-orange);
295296
--note-border: var(--mid-grey);
296297
--enterprise-border: var(--ibexa-jazzberry);
@@ -791,7 +792,6 @@ div.pills {
791792
}
792793

793794
.pill {
794-
background-color: var(--ibexa-jazzberry);
795795
border-radius: 2.18px;
796796
padding: 3px 8px;
797797
color: var(--white);
@@ -804,23 +804,26 @@ div.pills {
804804
}
805805

806806
.experience-pill {
807-
background-color: var(--ibexa-orange);
807+
color: var(--color-warning-dark-01);
808+
border: 1px solid var(--color-warning-dark-01);
808809
}
809810

810811
.commerce-pill::after {
811812
content: "Commerce";
812813
}
813814

814815
.commerce-pill {
815-
background-color: var(--ibexa-jazzberry);
816+
color: var(--color-primary-main);
817+
border: 1px solid var(--color-primary-main);
816818
}
817819

818820
.optional-pill::after {
819821
content: "Optional";
820822
}
821823

822824
.optional-pill {
823-
background-color: var(--sherpa-blue);
825+
color: var(--sherpa-blue);
826+
border: 1px solid var(--sherpa-blue);
824827
}
825828

826829
.md-clipboard:focus, .md-clipboard:hover {

‎tools/php_api_ref/.phpdoc/template/css/base.css.twig‎

Lines changed: 0 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -246,21 +246,6 @@ ul.breadcrumbs li.breadcrumb-item-current span {
246246
background-color: transparent;
247247
}
248248

249-
.md-typeset .content-header .experience-pill {
250-
color: var(--ibexa-orange);
251-
border: 1px solid var(--ibexa-orange);
252-
}
253-
254-
.md-typeset .content-header .commerce-pill {
255-
color: var(--ibexa-jazzberry);
256-
border: 1px solid var(--ibexa-jazzberry);
257-
}
258-
259-
.md-typeset .content-header .optional-pill {
260-
color: var(--sherpa-blue);
261-
border: 1px solid var(--sherpa-blue);
262-
}
263-
264249
.md-typeset .content-header img {
265250
display: inline-block;
266251
margin-bottom: -2px;

‎tools/php_api_ref/.phpdoc/template/css/custom.css.twig‎

Lines changed: 37 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,8 @@
1515
--mid-grey: rgb(201,201,208);
1616
--dark-grey: rgb(151,151,151);
1717

18-
18+
--color-warning-dark-01: rgb(211,130,43);
19+
--color-primary-main: rgb(163,39,104);
1920
--caution-border: var(--ibexa-orange);
2021
--note-border: var(--mid-grey);
2122
--enterprise-border: var(--ibexa-jazzberry);
@@ -515,6 +516,41 @@ div.pills {
515516
float: right;
516517
}
517518

519+
.pill {
520+
border-radius: 2.18px;
521+
padding: 3px 8px;
522+
color: var(--white);
523+
font-size: 10px;
524+
font-weight: 500;
525+
}
526+
527+
.experience-pill::after {
528+
content: "Experience";
529+
}
530+
531+
.experience-pill {
532+
color: var(--color-warning-dark-01);
533+
border: 1px solid var(--color-warning-dark-01);
534+
}
535+
536+
.commerce-pill::after {
537+
content: "Commerce";
538+
}
539+
540+
.commerce-pill {
541+
color: var(--color-primary-main);
542+
border: 1px solid var(--color-primary-main);
543+
}
544+
545+
.optional-pill::after {
546+
content: "Optional";
547+
}
548+
549+
.optional-pill {
550+
color: var(--sherpa-blue);
551+
border: 1px solid var(--sherpa-blue);
552+
}
553+
518554
.md-clipboard:focus, .md-clipboard:hover {
519555
color: var(--ibexa-jazzberry);
520556
}

0 commit comments

Comments
 (0)