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

Jump to bottom

Install Lightning CSS dependency and process rollup-plugin CSS using … #691

Merged
merged 12 commits into from
Sep 27, 2024
Merged

Install Lightning CSS dependency and process rollup-plugin CSS using … #691

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
12 commits
Select commit Hold shift + click to select a range
2211d4a
Install Lightning CSS dependency and process rollup-plugin CSS using …
Prakshal-Jain Sep 21, 2024
2d7e28b
added lightningcss dependency to package.json file
Prakshal-Jain Sep 23, 2024
34b8d07
Sanatize the lotsOfStyles.js file to remove invalid CSS riles for lig…
Prakshal-Jain Sep 24, 2024
0b4d944
Add lightningcss as dependency to the rollup-plugin.
Prakshal-Jain Sep 24, 2024
8e69852
Minify generated CSS from lightningcss
Prakshal-Jain Sep 24, 2024
be0b27a
Remove the minified version
Prakshal-Jain Sep 24, 2024
2a643e9
added vendor list (targets) and minify to rollup-plugin
Prakshal-Jain Sep 25, 2024
cdd6bf7
added vendor list (targets) and minify to rollup-plugin
Prakshal-Jain Sep 25, 2024
969b412
Updated the Flow type for lightningcssOptions to TransformOptions and…
Prakshal-Jain Sep 25, 2024
2e5db22
Fix lint error and updated snapshot tests
Prakshal-Jain Sep 26, 2024
42b2582
fix prettier
Prakshal-Jain Sep 26, 2024
453a080
Merge branch 'main' into install-rollup_plugin
Prakshal-Jain Sep 26, 2024
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
60 changes: 29 additions & 31 deletions apps/rollup-example/lotsOfStyles.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -122580,7 +122580,7 @@ export const lotsOfStyles = [
position: 'relative',
userSelect: 'none',
width: '100%',
':after': {
'::after': {
background:
'linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%)',
bottom: '0',
Expand All @@ -122593,7 +122593,7 @@ export const lotsOfStyles = [
start: '0',
zIndex: 1,
},
':before': {
'::before': {
background:
'linear-gradient(280deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.2) 60%, rgba(0, 0, 0, 0.6) 100%)',
content: ' ',
Expand Down Expand Up @@ -157776,7 +157776,7 @@ export const lotsOfStyles = [
marginHorizontal: 32,
minHeight: 140,
overflow: 'hidden',
':after': {
'::after': {
clear: 'both',
content: ' ',
display: 'block',
Expand Down Expand Up @@ -207408,7 +207408,7 @@ export const lotsOfStyles = [
verticalAlign: 'top',
width: 2,
'::after': {
backgroundColor: 'var(big-gray-30)',
backgroundColor: 'var(--big-gray-30)',
bottom: -15,
content: '""',
end: 0,
Expand Down Expand Up @@ -238774,7 +238774,7 @@ export const lotsOfStyles = [
overflow: 'hidden',
position: 'relative',
width: 218,
':after': {
'::after': {
borderColor: 'var(--messenger-card-background)',
borderRadius: 54,
borderStyle: 'solid',
Expand Down Expand Up @@ -245077,7 +245077,7 @@ export const lotsOfStyles = [
display: 'flex',
maxWidth: 'calc(100% - 8px)',
position: 'relative',
':after': {
'::after': {
borderColor: 'black',
borderRadius: 22,
borderStyle: 'solid',
Expand All @@ -245092,7 +245092,7 @@ export const lotsOfStyles = [
top: -4,
zIndex: 1,
},
':before': {
'::before': {
borderColor: 'white',
borderRadius: 22,
borderStyle: 'solid',
Expand All @@ -245111,58 +245111,58 @@ export const lotsOfStyles = [
},
emphasis_ring_before_xma: {
borderBottomStyle: 'none',
':after': {
'::after': {
borderBottomStyle: 'none',
borderBottomEndRadius: 0,
borderBottomStartRadius: 0,
},
':before': {
'::before': {
borderBottomStyle: 'none',
borderBottomEndRadius: 0,
borderBottomStartRadius: 0,
},
},
emphasis_ring_connect_bottom_incoming: {
':after': {
'::after': {
borderBottomStartRadius: 6,
},
':before': {
'::before': {
borderBottomStartRadius: 6,
},
},
emphasis_ring_connect_bottom_outgoing: {
':after': {
'::after': {
borderBottomEndRadius: 6,
},
':before': {
'::before': {
borderBottomEndRadius: 6,
},
},
emphasis_ring_connect_top_incoming: {
':after': {
'::after': {
borderTopStartRadius: 6,
},
':before': {
'::before': {
borderTopStartRadius: 6,
},
},
emphasis_ring_connect_top_outgoing: {
':after': {
'::after': {
borderTopEndRadius: 6,
},
':before': {
'::before': {
borderTopEndRadius: 6,
},
},
emphasis_ring_xma: {
borderTopStyle: 'none',
width: 'calc(100% - 8px)',
':after': {
'::after': {
borderTopStyle: 'none',
borderTopEndRadius: 0,
borderTopStartRadius: 0,
},
':before': {
'::before': {
borderTopStyle: 'none',
borderTopEndRadius: 0,
borderTopStartRadius: 0,
Expand Down Expand Up @@ -249120,7 +249120,7 @@ export const lotsOfStyles = [
},
overlay: {
maxWidth: '100%',
':before': {
'::before': {
content: "''",
height: '100%',
position: 'absolute',
Expand Down Expand Up @@ -249473,7 +249473,7 @@ export const lotsOfStyles = [
overflow: 'hidden',
padding: 0,
position: 'relative',
':after': {
'::after': {
borderColor: 'var(--messenger-card-background)',
borderRadius: 56,
borderStyle: 'solid',
Expand Down Expand Up @@ -250746,7 +250746,7 @@ export const lotsOfStyles = [
padding: '7px 12px 8px 12px',
position: 'relative',
wordBreak: 'break-word',
':after': {
'::after': {
borderColor: 'var(--messenger-card-background)',
borderRadius: 56,
borderStyle: 'solid',
Expand All @@ -250762,30 +250762,30 @@ export const lotsOfStyles = [
},
},
incoming_connect_bot: {
':after': {
'::after': {
borderBottomStartRadius: 42,
},
},
incoming_connect_top: {
':after': {
'::after': {
borderTopStartRadius: 42,
},
},
outgoing_connect_bot: {
':after': {
'::after': {
borderBottomEndRadius: 42,
},
},
outgoing_connect_top: {
':after': {
'::after': {
borderTopEndRadius: 42,
},
},
precedes_xma: {
boxSizing: 'border-box',
maxWidth: 300,
width: '100%',
':after': {
'::after': {
borderBottomEndRadius: 0,
borderBottomStartRadius: 0,
},
Expand Down Expand Up @@ -316838,7 +316838,7 @@ export const lotsOfStyles = [
caretColor: 'var(--primary-text)',
},
markdown: {
fontFamily: 'var(x-monospace-font) !important',
fontFamily: 'var(--x-monospace-font) !important',
},
companyPoll: {
minHeight: 60,
Expand Down Expand Up @@ -341595,7 +341595,7 @@ export const lotsOfStyles = [
display: 'block',
pointerEvents: 'none',
position: 'absolute',
':after': {
'::after': {
content: '""',
display: 'block',
position: 'absolute',
Expand Down Expand Up @@ -349434,7 +349434,6 @@ export const lotsOfStyles = [

borderRadius: '18px',
height: '34px!important',
padding: '9px!important 30px!important',
width: '100%',
},
plusIcon: {
Expand Down Expand Up @@ -349524,7 +349523,6 @@ export const lotsOfStyles = [

borderRadius: '18px',
height: '34px!important',
padding: '9px!important 30px!important',
width: '100%',
},
plusIcon: {
Expand Down
Loading