Css 7

Javascript Css
•

How to dynamically build tailwind class names

Issue #950

Inspired by shadcn

Combine

  • tailwind-merge: Utility function to efficiently merge Tailwind CSS classes in JS without style conflicts.
  • clsx: constructing className strings conditionally.
ts …

Khoa Pham
Written by
Khoa Pham
Css
•

How to add under highlight to text in css

Issue #701

Use mark. This does not work for multiline

css 
<p>
    <mark css={css`
        display: inline-block;
        line-height: 0em; …

Khoa Pham
Written by
Khoa Pham
Css React
•

How to conditionally apply css in emotion js

Issue #649

Check flag then define css

javascript 
const Picture = (feature) => {
    const shadowCss = feature.shadow ? css`
        border-radius: 5px; …

Khoa Pham
Written by
Khoa Pham
Css Javascript
•

How to make simple filter menu in css

Issue #643

Use material icons

html 
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
css …

Khoa Pham
Written by
Khoa Pham
Css
•

How to make simple grid gallery in css

Issue #642

Specify container with flex-wrap and justify-content, and item with float: left

css 
div.cards {
  display: flex;
  justify-content: center; …

Khoa Pham
Written by
Khoa Pham
Css
•

How to edit hexo theme hiero

Issue #494

Code

Remove max-width from source/css/style.styl

css 
.outer
  clearfix()
  // max-width: ( …

Khoa Pham
Written by
Khoa Pham
Css
•

Dealing with CSS responsiveness in Wordpress

Issue #208

During the alpha test of LearnTalks, some of my friends reported that the screen is completely blank in the search page, and this happened in mobile only. This article is how I identify the problem and found a workaround for the issue, it …

Khoa Pham
Written by
Khoa Pham