polished template
This commit is contained in:
@@ -1,4 +1,5 @@
|
||||
@import 'tailwindcss';
|
||||
@custom-variant dark (&:where(.dark, .dark *));
|
||||
@import './theme.css';
|
||||
@import './fonts.css';
|
||||
@import './utilities.css';
|
||||
|
||||
@@ -57,6 +57,20 @@ html, body {
|
||||
transition: background-position 180ms cubic-bezier(0.4, 0.0, 0.2, 1);
|
||||
}
|
||||
|
||||
.dark .grey-gradient-hover {
|
||||
border: 1px solid rgba(248, 248, 248, 0.12);
|
||||
backdrop-filter: blur(20px);
|
||||
background: linear-gradient(90deg, #2b2c35 39.42%, #6e7996 92.9%);
|
||||
background-size: 177% 100%;
|
||||
background-position: -1px 0;
|
||||
transition: background-position 180ms cubic-bezier(0.4, 0.0, 0.2, 1);
|
||||
}
|
||||
|
||||
.dark .grey-gradient-hover:hover {
|
||||
background-position: 9.42% 0;
|
||||
transition: background-position 180ms cubic-bezier(0.4, 0.0, 0.2, 1);
|
||||
}
|
||||
|
||||
.red-gradient-hover {
|
||||
background: linear-gradient(90deg, #e21e24 39.42%, #ff2f35 92.9%);
|
||||
background-size: 177% 100%;
|
||||
@@ -80,4 +94,6 @@ html, body {
|
||||
.dark-gradient-hover:hover {
|
||||
background-position: 39.42% 0;
|
||||
transition: background-position 180ms cubic-bezier(0.4, 0.0, 0.2, 1);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user