Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

missing custom theme properties

See original GitHub issue

custom theme doesn’t show in IntelliSense tailwind.config.js

module.exports = {
 purge: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
 darkMode: 'class', // or 'media' or 'class'
 theme: {
   extend: {
     'spacing-minus': {
       'screen-px': 'calc(100vh - 1px)',
       'screen-0': 'calc(100vh - 0px)',
       'screen-0.5': 'calc(100vh - 0.125rem)',
       'screen-1': 'calc(100vh - 0.25rem)',
       'screen-1.5': 'calc(100vh - 0.375rem)',
       'screen-2': 'calc(100vh - 0.5rem)',
       'screen-2.5': 'calc(100vh - 0.625rem)',
       'screen-3': 'calc(100vh - 0.75rem)',
       'screen-3.5': 'calc(100vh - 0.875rem)',
       'screen-4': 'calc(100vh - 1rem)',
       'screen-5': 'calc(100vh - 1.25rem)',
       'screen-6': 'calc(100vh - 1.5rem)',
       'screen-7': 'calc(100vh - 1.75rem)',
       'screen-8': 'calc(100vh - 2rem)',
       'screen-9': 'calc(100vh - 2.25rem)',
       'screen-10': 'calc(100vh - 2.5rem)',
       'screen-11': 'calc(100vh - 2.75rem)',
       'screen-12': 'calc(100vh - 3rem)',
       'screen-14': 'calc(100vh - 3.5rem)',
       'screen-16': 'calc(100vh - 4rem)',
       'screen-20': 'calc(100vh - 5rem)',
       'screen-24': 'calc(100vh - 6rem)',
       'screen-28': 'calc(100vh - 7rem)',
       'screen-32': 'calc(100vh - 8rem)',
       'screen-36': 'calc(100vh - 9rem)',
       'screen-40': 'calc(100vh - 10rem)',
       'screen-44': 'calc(100vh - 11rem)',
       'screen-48': 'calc(100vh - 12rem)',
       'screen-52': 'calc(100vh - 13rem)',
       'screen-56': 'calc(100vh - 14rem)',
       'screen-60': 'calc(100vh - 15rem)',
       'screen-64': 'calc(100vh - 16rem)',
       'screen-72': 'calc(100vh - 18rem)',
       'screen-80': 'calc(100vh - 20rem)',
       'screen-96': 'calc(100vh - 24rem)',
     },
     height: (theme) => ({
       ...theme('spacing-minus'),
     }),
     maxHeight: (theme) => ({
       ...theme('spacing-minus'),
     }),
   },
 },
 variants: {
   extend: {},
 },
 plugins: [],
};

here, h-screen-1,2,3,4,12,.... should be present

Issue Analytics

State:
Created 2 years ago
Reactions:2
Comments:9 (6 by maintainers)

Top GitHub Comments

1reaction

voorjaarcommented, May 14, 2021

The cause of this bug is due to theme('spacing-minus') was treated as theme('spacing') so properties was missing. fixed from next version.

1reaction

alexanderniebuhrcommented, Mar 28, 2021

@Zenthae is this a bug of vs code extension itself or is it a upstream bug that windicss does not know properties at all. seems to be an issue with it as a spread operator function ( hard copy works, for me)

      height: (theme) => ({
        ...theme('spacing-minus')
      }),

/cc @antfu

Top Results From Across the Web

Custom theme properties missing when using withTheme #3571

The custom theme property is missing from the theme object when wrapping a component with withTheme . Modifying existing theme properties, like ...

Re: Missing related lists when using custom theme - ServiceNow

It seems when following the directions to create a custom theme, that ServiceNow loses the ability to display related lists. I created a...

Page templates missing from page attributes after 5.8

Hi,. Since the upgrade to 5.8, I've noticed templates are missing from page attributes on several websites I manage. It's only the select...

Theme is missing the style.css stylesheet error

A common issue that can occur when installing a WordPress themes is “The package could not be installed. The theme is missing the...

Custom theme JSON properties ‒ Qlik Sense for developers

Defines if the custom theme inherits style properties from the Sense Classic theme. Properties defined in the JSON file override the inherited properties....