Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Feat/Color Standardization #9

Merged
merged 1 commit into from
Oct 1, 2020
Merged

Feat/Color Standardization #9

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
24 changes: 12 additions & 12 deletions docs/docs/border-radius.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,12 +9,12 @@ Utility classes to control the border radius
```html live
<>
<div class="lil-flex">
<div class="lil-rounded-sm lil-w-4/12 lil-m-2 lil-p-2 lil-bg-green-100">sm - 2px</div>
<div class="lil-rounded-md lil-w-4/12 lil-m-2 lil-p-2 lil-bg-green-100">md - 4px</div>
<div class="lil-rounded-lg lil-w-4/12 lil-m-2 lil-p-2 lil-bg-green-100">lg - 8px</div>
<div class="lil-rounded-sm lil-w-4/12 lil-m-2 lil-p-2 lil-bg-green-200">sm - 2px</div>
<div class="lil-rounded-md lil-w-4/12 lil-m-2 lil-p-2 lil-bg-green-200">md - 4px</div>
<div class="lil-rounded-lg lil-w-4/12 lil-m-2 lil-p-2 lil-bg-green-200">lg - 8px</div>
</div>
<div>
Full - 50% <div class="lil-rounded-full lil-w-16 lil-h-16 lil-bg-green-100 lil-leading-loose"></div>
Full - 50% <div class="lil-rounded-full lil-w-16 lil-h-16 lil-bg-green-200 lil-leading-loose"></div>
</div>
</>
```
Expand All @@ -26,10 +26,10 @@ Use `lil-rounded-{l|r|t|n}-{size}` to round one side of an element
```html live
<>
<div class="lil-flex">
<div class="lil-rounded-l-lg lil-w-3/12 lil-m-2 lil-p-2 lil-bg-green-100">left rounded</div>
<div class="lil-rounded-r-lg lil-w-3/12 lil-m-2 lil-p-2 lil-bg-green-100">right rounded</div>
<div class="lil-rounded-t-lg lil-w-3/12 lil-m-2 lil-p-2 lil-bg-green-100">top rounded</div>
<div class="lil-rounded-b-lg lil-w-3/12 lil-m-2 lil-p-2 lil-bg-green-100">bottom rounded</div>
<div class="lil-rounded-l-lg lil-w-3/12 lil-m-2 lil-p-2 lil-bg-green-200">left rounded</div>
<div class="lil-rounded-r-lg lil-w-3/12 lil-m-2 lil-p-2 lil-bg-green-200">right rounded</div>
<div class="lil-rounded-t-lg lil-w-3/12 lil-m-2 lil-p-2 lil-bg-green-200">top rounded</div>
<div class="lil-rounded-b-lg lil-w-3/12 lil-m-2 lil-p-2 lil-bg-green-200">bottom rounded</div>
</div>
</>
```
Expand All @@ -39,10 +39,10 @@ Or use `lil-rounded-{tl|tr|bl|br}-{size}` to round one corner of an element
```html live
<>
<div class="lil-flex">
<div class="lil-rounded-tl-lg lil-w-3/12 lil-m-2 lil-p-2 lil-bg-green-100">top-left rounded</div>
<div class="lil-rounded-tr-lg lil-w-3/12 lil-m-2 lil-p-2 lil-bg-green-100">top-right rounded</div>
<div class="lil-rounded-bl-lg lil-w-3/12 lil-m-2 lil-p-2 lil-bg-green-100">bottom-left rounded</div>
<div class="lil-rounded-br-lg lil-w-3/12 lil-m-2 lil-p-2 lil-bg-green-100">bottom-right rounded</div>
<div class="lil-rounded-tl-lg lil-w-3/12 lil-m-2 lil-p-2 lil-bg-green-200">top-left rounded</div>
<div class="lil-rounded-tr-lg lil-w-3/12 lil-m-2 lil-p-2 lil-bg-green-200">top-right rounded</div>
<div class="lil-rounded-bl-lg lil-w-3/12 lil-m-2 lil-p-2 lil-bg-green-200">bottom-left rounded</div>
<div class="lil-rounded-br-lg lil-w-3/12 lil-m-2 lil-p-2 lil-bg-green-200">bottom-right rounded</div>
</div>
</>
```
16 changes: 8 additions & 8 deletions docs/docs/border-width.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,10 +9,10 @@ Utilities for controlling the width of an element's borders.
```html live
<>
<div class="lil-flex">
<div class="lil-border-sm lil-w-3/12 lil-m-2 lil-p-2 lil-bg-green-100">sm - 1px</div>
<div class="lil-border-md lil-w-3/12 lil-m-2 lil-p-2 lil-bg-green-100">md - 2px</div>
<div class="lil-border-lg lil-w-3/12 lil-m-2 lil-p-2 lil-bg-green-100">lg - 3px</div>
<div class="lil-border-xl lil-w-3/12 lil-m-2 lil-p-2 lil-bg-green-100">xl - 4px</div>
<div class="lil-border-sm lil-w-3/12 lil-m-2 lil-p-2 lil-bg-green-200">sm - 1px</div>
<div class="lil-border-md lil-w-3/12 lil-m-2 lil-p-2 lil-bg-green-200">md - 2px</div>
<div class="lil-border-lg lil-w-3/12 lil-m-2 lil-p-2 lil-bg-green-200">lg - 3px</div>
<div class="lil-border-xl lil-w-3/12 lil-m-2 lil-p-2 lil-bg-green-200">xl - 4px</div>
</div>
</>
```
Expand All @@ -22,10 +22,10 @@ Border widths can also be applied to individual side by following the convention
```html live
<>
<div class="lil-flex">
<div class="lil-border-t-md lil-w-3/12 lil-m-2 lil-p-2 lil-bg-green-100">top border</div>
<div class="lil-border-b-md lil-w-3/12 lil-m-2 lil-p-2 lil-bg-green-100">border bottom</div>
<div class="lil-border-l-md lil-w-3/12 lil-m-2 lil-p-2 lil-bg-green-100">left border</div>
<div class="lil-border-r-md lil-w-3/12 lil-m-2 lil-p-2 lil-bg-green-100">right border</div>
<div class="lil-border-t-md lil-w-3/12 lil-m-2 lil-p-2 lil-bg-green-200">top border</div>
<div class="lil-border-b-md lil-w-3/12 lil-m-2 lil-p-2 lil-bg-green-200">border bottom</div>
<div class="lil-border-l-md lil-w-3/12 lil-m-2 lil-p-2 lil-bg-green-200">left border</div>
<div class="lil-border-r-md lil-w-3/12 lil-m-2 lil-p-2 lil-bg-green-200">right border</div>
</div>
</>
```
6 changes: 3 additions & 3 deletions docs/docs/box-shadow.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,9 +9,9 @@ Utilities for controlling the box shadow of an element.
```html live
<>
<div class="lil-flex">
<div class="lil-border-sm lil-border-grey-200 lil-shadow-sm lil-w-4/12 lil-m-2 lil-p-2">sm</div>
<div class="lil-border-sm lil-border-grey-200 lil-shadow-md lil-w-4/12 lil-m-2 lil-p-2">md</div>
<div class="lil-border-sm lil-border-grey-200 lil-shadow-lg lil-w-4/12 lil-m-2 lil-p-2">lg</div>
<div class="lil-border-sm lil-border-grey-400 lil-shadow-sm lil-w-4/12 lil-m-2 lil-p-2">sm</div>
<div class="lil-border-sm lil-border-grey-400 lil-shadow-md lil-w-4/12 lil-m-2 lil-p-2">md</div>
<div class="lil-border-sm lil-border-grey-400 lil-shadow-lg lil-w-4/12 lil-m-2 lil-p-2">lg</div>
</div>
</>
```
2 changes: 1 addition & 1 deletion docs/docs/button.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ sidebar_label: Button
<div>
<button class="lil-btn lil-btn-blue">lil-btn-blue</button>
</div>
<div class="lil-bg-grey-500 lil-p-5 lil-my-2">
<div class="lil-bg-grey-550 lil-p-5 lil-my-2">
<button class="lil-btn lil-btn-white">lil-btn-white</button>
</div>
<div>
Expand Down
4 changes: 2 additions & 2 deletions docs/docs/card.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -40,7 +40,7 @@ sidebar_label: Cards
</div>
</div>
</div>
<div class="lg:lil-w-1/2 md:lil-w-full sm:lil-w-full lil-p-1 lil-bg-grey-150">
<div class="lg:lil-w-1/2 md:lil-w-full sm:lil-w-full lil-p-1 lil-bg-grey-350">
<div class="lil-card lil-bg-white">
<div class="lil-card-header">
<div class="lil-card-icon">
Expand All @@ -55,7 +55,7 @@ sidebar_label: Cards
</div>
</div>
</div>
<div class="lg:lil-w-1/2 md:lil-w-full sm:lil-w-full lil-p-1 lil-bg-grey-150">
<div class="lg:lil-w-1/2 md:lil-w-full sm:lil-w-full lil-p-1 lil-bg-grey-350">
<div class="lil-card lil-bg-white">
<div class="lil-card-header">
<div class="lil-card-icon">
Expand Down
61 changes: 56 additions & 5 deletions docs/docs/colors.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,42 +11,93 @@ Here is a color palette based on the specifications. Each of these colors can be
<>
<div class="lil-mb-4 lil-p-2">
<h2 class="lil-mb-3">Blue</h2>
<div class="lil-bg-blue-50 lil-p-3">Blue 50</div>
<div class="lil-bg-blue-100 lil-p-3">Blue 100</div>
<div class="lil-bg-blue-150 lil-p-3">Blue 150</div>
<div class="lil-bg-blue-200 lil-p-3">Blue 200</div>
<div class="lil-bg-blue-300 lil-p-3 lil-text-white">Blue 300</div>
<div class="lil-bg-blue-250 lil-p-3">Blue 250</div>
<div class="lil-bg-blue-300 lil-p-3">Blue 300</div>
<div class="lil-bg-blue-350 lil-p-3">Blue 350</div>
<div class="lil-bg-blue-400 lil-p-3 lil-text-white">Blue 400</div>
<div class="lil-bg-blue-450 lil-p-3 lil-text-white">Blue 450</div>
<div class="lil-bg-blue-500 lil-p-3 lil-text-white">Blue 500</div>
<div class="lil-bg-blue-550 lil-p-3 lil-text-white">Blue 550</div>
</div>
<div class="lil-mb-4 lil-p-2">
<h2 class="lil-mb-3">Clearsky</h2>
<div class="lil-bg-clearsky-100 lil-p-3">Clearsky 100</div>
<div class="lil-bg-clearsky-200 lil-p-3">Clearsky 200</div>
<div class="lil-bg-clearsky-300 lil-p-3">Clearsky 300</div>
<div class="lil-bg-clearsky-400 lil-p-3 lil-text-white">Clearsky 400</div>
<div class="lil-bg-clearsky-500 lil-p-3 lil-text-white">Clearsky 500</div>
</div>
<div class="lil-mb-4 lil-p-2">
<h2 class="lil-mb-3">Green</h2>
<div class="lil-bg-green-100 lil-p-3">Green 100</div>
<div class="lil-bg-green-150 lil-p-3">Green 150</div>
<div class="lil-bg-green-200 lil-p-3">Green 200</div>
<div class="lil-bg-green-300 lil-p-3 lil-text-white">Green 300</div>
<div class="lil-bg-green-250 lil-p-3">Green 250</div>
<div class="lil-bg-green-300 lil-p-3">Green 300</div>
<div class="lil-bg-green-350 lil-p-3">Green 350</div>
<div class="lil-bg-green-400 lil-p-3">Green 400</div>
<div class="lil-bg-green-450 lil-p-3 lil-text-white">Green 450</div>
<div class="lil-bg-green-500 lil-p-3 lil-text-white">Green 500</div>
</div>
<div class="lil-mb-4 lil-p-2">
<h2 class="lil-mb-3">Orange</h2>
<div class="lil-bg-orange-100 lil-p-3">Orange 100</div>
<div class="lil-bg-orange-150 lil-p-3">Orange 150</div>
<div class="lil-bg-orange-200 lil-p-3">Orange 200</div>
<div class="lil-bg-orange-300 lil-p-3 lil-text-white">Orange 300</div>
<div class="lil-bg-orange-250 lil-p-3">Orange 250</div>
<div class="lil-bg-orange-300 lil-p-3">Orange 300</div>
<div class="lil-bg-orange-350 lil-p-3 lil-text-white">Orange 350</div>
<div class="lil-bg-orange-400 lil-p-3 lil-text-white">Orange 400</div>
<div class="lil-bg-orange-500 lil-p-3 lil-text-white">Orange 500</div>
</div>
<div class="lil-mb-4 lil-p-2">
<h2 class="lil-mb-3">Grey</h2>
<div class="lil-bg-grey-100 lil-p-3">Grey 100</div>
<div class="lil-bg-grey-150 lil-p-3">Grey 150</div>
<div class="lil-bg-grey-200 lil-p-3">Grey 200</div>
<div class="lil-bg-grey-250 lil-p-3">Grey 250</div>
<div class="lil-bg-grey-300 lil-p-3">Grey 300</div>
<div class="lil-bg-grey-400 lil-p-3 lil-text-white">Grey 400</div>
<div class="lil-bg-grey-350 lil-p-3">Grey 350</div>
<div class="lil-bg-grey-400 lil-p-3">Grey 400</div>
<div class="lil-bg-grey-450 lil-p-3">Grey 450</div>
<div class="lil-bg-grey-500 lil-p-3 lil-text-white">Grey 500</div>
<div class="lil-bg-grey-550 lil-p-3 lil-text-white">Grey 550</div>
<div class="lil-bg-grey-600 lil-p-3 lil-text-white">Grey 600</div>
</div>
<div class="lil-mb-4 lil-p-2">
<h2 class="lil-mb-3">Yellow</h2>
<div class="lil-bg-yellow-100 lil-p-3">Yellow 100</div>
<div class="lil-bg-yellow-200 lil-p-3">Yellow 200</div>
<div class="lil-bg-yellow-300 lil-p-3">Yellow 300</div>
<div class="lil-bg-yellow-400 lil-p-3 lil-text-white">Yellow 400</div>
<div class="lil-bg-yellow-500 lil-p-3 lil-text-white">Yellow 500</div>
<div class="lil-bg-yellow-600 lil-p-3 lil-text-white">Yellow 600</div>
</div>
<div class="lil-mb-4 lil-p-2">
<h2 class="lil-mb-3">Purple</h2>
<div class="lil-bg-purple-100 lil-p-3">Purple 100</div>
<div class="lil-bg-purple-200 lil-p-3">Purple 200</div>
<div class="lil-bg-purple-300 lil-p-3">Purple 300</div>
<div class="lil-bg-purple-400 lil-p-3 lil-text-white">Purple 400</div>
<div class="lil-bg-purple-500 lil-p-3 lil-text-white">Purple 500</div>
</div>
<div class="lil-mb-4 lil-p-2">
<h2 class="lil-mb-3">Font</h2>
<div class="lil-bg-font-100 lil-p-3 lil-text-white">Font 100</div>
<div class="lil-bg-font-200 lil-p-3 lil-text-white">Font 200</div>
<div class="lil-bg-font-300 lil-p-3 lil-text-white">Font 300</div>
<div class="lil-bg-font-400 lil-p-3 lil-text-white">Font 400</div>
<div class="lil-bg-font-500 lil-p-3 lil-text-white">Font 500</div>
<div class="lil-bg-font-600 lil-p-3 lil-text-white">Font 600</div>
</div>
<div class="lil-mb-4 lil-p-2 lil-bg-orange-200">
<h2 class="lil-mb-3">Common</h2>
<div class="lil-bg-white lil-p-3">White</div>
<div class="lil-bg-black lil-p-3 lil-text-white">Black</div>
<div class="lil-bg-red lil-p-3 lil-text-white">Red</div>
<div class="lil-bg-transparent lil-p-3">Transparent</div>
</div>
</>
Expand Down
6 changes: 3 additions & 3 deletions docs/docs/cursor.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,9 +11,9 @@ Utilities for controlling the cursor style when hovering over an element.
Hover on the cards to check the cursors
<br />
<div class="lil-flex">
<div class="lil-cursor-pointer lil-bg-blue-100 lil-w-4/12 lil-m-2 lil-p-2">pointer</div>
<div class="lil-cursor-text lil-bg-blue-100 lil-w-4/12 lil-m-2 lil-p-2">text</div>
<div class="lil-cursor-not-allowed lil-bg-blue-100 lil-w-4/12 lil-m-2 lil-p-2">not-allowed</div>
<div class="lil-cursor-pointer lil-bg-blue-250 lil-w-4/12 lil-m-2 lil-p-2">pointer</div>
<div class="lil-cursor-text lil-bg-blue-250 lil-w-4/12 lil-m-2 lil-p-2">text</div>
<div class="lil-cursor-not-allowed lil-bg-blue-250 lil-w-4/12 lil-m-2 lil-p-2">not-allowed</div>
</div>
</>
```
4 changes: 2 additions & 2 deletions docs/docs/font-color.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,8 +10,8 @@ Control the font color of an element using the `lil-text-{color}` utilities. You
<>
<p class='lil-text-black'>Black</p>
<p class='lil-text-white lil-bg-black'>White</p>
<p class='lil-text-blue-100'>Blue 100</p>
<p class='lil-text-blue-200'>Blue 200</p>
<p class='lil-text-blue-250'>Blue 250</p>
<p class='lil-text-blue-300'>Blue 300</p>
<p class='lil-text-blue-400'>Blue 400</p>
</>
```
2 changes: 1 addition & 1 deletion docs/docs/getting-started.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -18,5 +18,5 @@ Want to use `littleGIANT`? Just Copy-paste the following snippet into your `<hea
Now you can use the CSS Utilities directly as class names.

```html live
<button class="lil-button lil-bg-blue-300 lil-text-xl lil-text-white lil-px-3 lil-py-1 lil-rounded lil-rounded-lg">Hello</button>
<button class="lil-button lil-bg-blue-400 lil-text-xl lil-text-white lil-px-3 lil-py-1 lil-rounded lil-rounded-lg">Hello</button>
```
16 changes: 8 additions & 8 deletions docs/docs/grid.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,19 +11,19 @@ Examples and Documentation of building grid layouts with LittleGiant
```html live
<>
<div class="lil-flex lil-mb-2">
<div class="lil-w-1/2 lil-bg-grey-300 lil-text-white lil-p-2">Width 1/2</div>
<div class="lil-w-1/2 lil-bg-grey-200 lil-text-white lil-p-2">Width 1/2</div>
<div class="lil-w-1/2 lil-bg-grey-450 lil-text-white lil-p-2">Width 1/2</div>
<div class="lil-w-1/2 lil-bg-grey-400 lil-text-white lil-p-2">Width 1/2</div>
</div>
<div class="lil-flex lil-mb-2">
<div class="lil-w-1/3 lil-bg-grey-300 lil-text-white lil-p-2">Width 1/3</div>
<div class="lil-w-1/3 lil-bg-grey-200 lil-text-white lil-p-2">Width 1/3</div>
<div class="lil-w-1/3 lil-bg-grey-100 lil-text-black lil-p-2">Width 1/3</div>
<div class="lil-w-1/3 lil-bg-grey-450 lil-text-white lil-p-2">Width 1/3</div>
<div class="lil-w-1/3 lil-bg-grey-400 lil-text-white lil-p-2">Width 1/3</div>
<div class="lil-w-1/3 lil-bg-grey-200 lil-text-black lil-p-2">Width 1/3</div>
</div>
<div class="lil-flex lil-mb-2">
<div class="lil-w-1/4 lil-bg-grey-400 lil-text-white lil-p-2">Width 1/4</div>
<div class="lil-w-1/4 lil-bg-grey-300 lil-text-white lil-p-2">Width 1/4</div>
<div class="lil-w-1/4 lil-bg-grey-500 lil-text-white lil-p-2">Width 1/4</div>
<div class="lil-w-1/4 lil-bg-grey-450 lil-text-white lil-p-2">Width 1/4</div>
<div class="lil-w-1/4 lil-bg-grey-400 lil-text-black lil-p-2">Width 1/4</div>
<div class="lil-w-1/4 lil-bg-grey-200 lil-text-black lil-p-2">Width 1/4</div>
<div class="lil-w-1/4 lil-bg-grey-100 lil-text-black lil-p-2">Width 1/4</div>
</div>
</>
```
Expand Down
2 changes: 1 addition & 1 deletion docs/docs/presscard.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ sidebar_label: Press Card

```html live
<>
<div class="lil-flex lil-flex-wrap lil-bg-grey-150 lil-items-center">
<div class="lil-flex lil-flex-wrap lil-bg-grey-350 lil-items-center">
<div class="lil-presscard">
<div class="lil-presscard-heading">
2019
Expand Down
2 changes: 1 addition & 1 deletion docs/docs/responsive-design.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -34,6 +34,6 @@ To add a utility but only have it take effect at a certain breakpoint, all you n

```html live
<>
<div class="lil-w-1/2 lg:lil-w-4/5 md:lil-w-1/3 sm:lil-w-full lil-bg-green-100">I am responsive</div>
<div class="lil-w-1/2 lg:lil-w-4/5 md:lil-w-1/3 sm:lil-w-full lil-bg-green-200">I am responsive</div>
</>
```
6 changes: 3 additions & 3 deletions src/components/Button/button.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,13 +3,13 @@
@apply lil-inline-flex lil-py-3 lil-px-6 lil-rounded-lg lil-text-center lil-justify-center lil-items-center lil-font-bold;
}
.lil-btn-blue {
@apply lil-bg-blue-250 lil-text-white;
@apply lil-bg-blue-350 lil-text-white;
}
.lil-btn-white {
@apply lil-bg-white lil-text-blue-250;
@apply lil-bg-white lil-text-blue-350;
}
.lil-btn-link {
@apply lil-inline-flex lil-text-blue-250 lil-font-bold lil-text-base;
@apply lil-inline-flex lil-text-blue-350 lil-font-bold lil-text-base;
}
.lil-btn-link > .lil-icon {
@apply lil-ml-1;
Expand Down
4 changes: 2 additions & 2 deletions src/components/Card/card.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
.lil-card {
height: 250px;
width: 250px;
@apply lil-rounded-xl lil-bg-grey-150 lil-p-5 lil-relative lil-cursor-pointer;
@apply lil-rounded-xl lil-bg-grey-350 lil-p-5 lil-relative lil-cursor-pointer;
}
.lil-card > .lil-card-header {
height: 65%;
Expand All @@ -17,7 +17,7 @@
@apply lil-w-full lil-clear-both;
}
.lil-card > .lil-card-content {
@apply lil-rounded-xl lil-hidden lil-h-full lil-w-full lil-bg-blue-100 lil-absolute lil-top-0 lil-left-0 lil-p-5 lil-text-white lil-whitespace-normal;
@apply lil-rounded-xl lil-hidden lil-h-full lil-w-full lil-bg-blue-250 lil-absolute lil-top-0 lil-left-0 lil-p-5 lil-text-white lil-whitespace-normal;
}
.lil-card:hover > .lil-card-content {
@apply lil-block;
Expand Down
2 changes: 1 addition & 1 deletion src/components/Card/presscard.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ Colors have to be modified for .lil-presscard-heading & .lil-presscard-content
@apply lil-text-base lil-text-black lil-text-center lil-mx-2 lil-my-3 lil-h-12;
}
.lil-presscard > .lil-presscard-content {
@apply lil-text-s-24 lil-text-blue-300 lil-text-center lil-font-bold lil-h-24 lil-whitespace-normal;
@apply lil-text-s-24 lil-text-blue-400 lil-text-center lil-font-bold lil-h-24 lil-whitespace-normal;
}
.lil-presscard > .lil-presscard-image {
@apply lil-flex lil-justify-center lil-items-center lil-mx-2 lil-h-24;
Expand Down
Loading