back round 0 view raw

input.css: fix list items missing bullets #492

merged
opened by oppi.li targeting master from push-stktrzvlltpw
  • inline-block on li was too general, this only applies on li:has(input) now
  • all styles have been moved to input.css and apply only to children of prose

Signed-off-by: oppiliappan me@oppi.li

options
unified split
Changed files
+12 -6
input.css
tailwind.config.js
+12
input.css 
···

       
102

       
 

       
          disabled:before:bg-green-400 dark:disabled:before:bg-green-600;


     

       
103

       
 

       
        }


     

       
104

       
 

       



     

       

       

       
     

       

       

       
     

       

       

       
     

       

       

       
     

       

       

       
     

       

       

       
     

       

       

       
     

       

       

       
     

       

       

       
     

       

       

       
     

       

       

       
     

       

       

       
     

       
105

       
 

       
        .prose img {


     

       
106

       
 

       
            display: inline;


     

       
107

       
 

       
            margin: 0;


     
···

       
102

       
 

       
          disabled:before:bg-green-400 dark:disabled:before:bg-green-600;


     

       
103

       
 

       
        }


     

       
104

       
 

       



     

       
105

       
+

       
        .prose li:has(input) {


     

       
106

       
+

       
          list-style: none;


     

       
107

       
+

       
        }


     

       
108

       
+

       



     

       
109

       
+

       
        .prose li {


     

       
110

       
+

       
          @apply my-0 py-0;


     

       
111

       
+

       
        }


     

       
112

       
+

       



     

       
113

       
+

       
        .prose ul, .prose ol {


     

       
114

       
+

       
          @apply my-1 py-0;


     

       
115

       
+

       
        }


     

       
116

       
+

       



     

       
117

       
 

       
        .prose img {


     

       
118

       
 

       
            display: inline;


     

       
119

       
 

       
            margin: 0;
-6
tailwind.config.js 
···

       
40

       
 

       
							color: colors.black,


     

       
41

       
 

       
							"@apply font-normal text-black bg-gray-100 dark:bg-gray-900 dark:text-gray-300 dark:border-gray-700 dark:border": {},


     

       
42

       
 

       
						},


     

       
43

       
-

       
						li: {


     

       
44

       
-

       
							"@apply inline-block w-full my-0 py-0": {},


     

       
45

       
-

       
						},


     

       
46

       
-

       
						"ul, ol": {


     

       
47

       
-

       
							"@apply my-1 py-0": {},


     

       
48

       
-

       
						},


     

       
49

       
 

       
						code: {


     

       
50

       
 

       
							"@apply font-normal font-mono p-1 rounded text-black bg-gray-100 dark:bg-gray-900 dark:text-gray-300 dark:border-gray-700": {},


     

       
51

       
 

       
						},


     
···

       
40

       
 

       
							color: colors.black,


     

       
41

       
 

       
							"@apply font-normal text-black bg-gray-100 dark:bg-gray-900 dark:text-gray-300 dark:border-gray-700 dark:border": {},


     

       
42

       
 

       
						},


     

       

       

       
     

       

       

       
     

       

       

       
     

       

       

       
     

       

       

       
     

       

       

       
     

       
43

       
 

       
						code: {


     

       
44

       
 

       
							"@apply font-normal font-mono p-1 rounded text-black bg-gray-100 dark:bg-gray-900 dark:text-gray-300 dark:border-gray-700": {},


     

       
45

       
 

       
						},