bigbuffet/bigbuffet-rw
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add tailwind.css

Browse source
This commit is contained in:
Alex Gleason 2023-01-17 21:24:11 -06:00
parent 44c3ddb8a9
commit 5712ec110a
No known key found for this signature in database
GPG key ID: 7211D1F99744FBB7
3 changed files with 56 additions and 57 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
app/soapbox/main.tsx
View file

@ -21,6 +21,7 @@ import 'react-datepicker/dist/react-datepicker.css';
import '../soapbox/iframe';
import '../styles/application.scss';
import '../styles/tailwind.css';
import './precheck';
import { default as Soapbox } from './containers/soapbox';

57
app/styles/application.scss
View file

@ -35,63 +35,6 @@
@import 'components/crypto-donate';
@import 'components/aliases';
@import 'components/icon';
@tailwind base;
@tailwind components;
@tailwind utilities;
@layer utilities {
.break-word-nested > p {
word-break: break-word;
}
.shadow-inset {
box-shadow: inset 0 0 0 1px rgb(255 255 255 / 10%);
}
.truncate-child > * {
@apply truncate;
}
.d-screen {
height: 100vh; // Backwards compatibility
/* stylelint-disable-next-line unit-no-unknown */
height: 100dvh;
}
.bg-gradient-light {
background: linear-gradient(
115deg,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0) 20%,
rgba(var(--color-gradient-start) / 0.1) 35%,
rgba(var(--color-gradient-end) / 0.1) 70%,
rgba(0, 0, 0, 0) 80%,
rgba(0, 0, 0, 0) 100%
);
}
.bg-gradient-dark {
background: linear-gradient(
115deg,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0) 30%,
rgba(var(--color-gradient-start) / 0.1) 45%,
rgba(var(--color-gradient-start) / 0.2) 55%,
rgba(0, 0, 0, 0) 70%,
rgba(0, 0, 0, 0) 100%
);
}
.bg-gradient-sm {
background: linear-gradient(
112deg,
rgba(var(--color-gradient-start) / 0.1) 0%,
rgba(var(--color-gradient-end) / 0.1) 50%
);
}
}
@import 'forms';
@import 'utilities';
@import 'components/datepicker';

55
app/styles/tailwind.css Normal file
View file

@ -0,0 +1,55 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
@layer utilities {
.break-word-nested > p {
word-break: break-word;
}
.shadow-inset {
box-shadow: inset 0 0 0 1px rgb(255 255 255 / 10%);
}
.truncate-child > * {
@apply truncate;
}
.d-screen {
height: 100vh; /* Backwards compatibility */
/* stylelint-disable-next-line unit-no-unknown */
height: 100dvh;
}
.bg-gradient-light {
background: linear-gradient(
115deg,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0) 20%,
rgba(var(--color-gradient-start) / 0.1) 35%,
rgba(var(--color-gradient-end) / 0.1) 70%,
rgba(0, 0, 0, 0) 80%,
rgba(0, 0, 0, 0) 100%
);
}
.bg-gradient-dark {
background: linear-gradient(
115deg,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0) 30%,
rgba(var(--color-gradient-start) / 0.1) 45%,
rgba(var(--color-gradient-start) / 0.2) 55%,
rgba(0, 0, 0, 0) 70%,
rgba(0, 0, 0, 0) 100%
);
}
.bg-gradient-sm {
background: linear-gradient(
112deg,
rgba(var(--color-gradient-start) / 0.1) 0%,
rgba(var(--color-gradient-end) / 0.1) 50%
);
}
}