diff options
Diffstat (limited to 'styles/global')
| -rw-r--r-- | styles/global/base.css | 14 | ||||
| -rw-r--r-- | styles/global/bootstrap.css | 57 | ||||
| -rw-r--r-- | styles/global/buttons.css | 206 | ||||
| -rw-r--r-- | styles/global/form.css | 19 |
4 files changed, 0 insertions, 296 deletions
diff --git a/styles/global/base.css b/styles/global/base.css index b88b928..e69de29 100644 --- a/styles/global/base.css +++ b/styles/global/base.css @@ -1,14 +0,0 @@ -:root {
- --darkreader-background-ffffff: transparent;
-}
-
-body,
-html,
-main {
- background: none !important;
-
- &::before,
- &::after {
- background: none !important;
- }
-}
diff --git a/styles/global/bootstrap.css b/styles/global/bootstrap.css index 0d32957..e69de29 100644 --- a/styles/global/bootstrap.css +++ b/styles/global/bootstrap.css @@ -1,57 +0,0 @@ -.navbar {
- background: var(--transparent-background-dark) !important;
- backdrop-filter: var(--backdrop-blur);
-
- &:focus-within,
- &:hover {
- background: var(--color-bg) !important;
- }
-}
-
-.card,
-.jumbotron,
-.modal-content {
- background: var(--transparent-background) !important;
- color: var(--color-text) !important;
- border-radius: var(--border-radius);
-}
-
-.modal {
- background: var(--transparent-background) !important;
- backdrop-filter: var(--backdrop-blur);
-}
-
-.alert {
- border: 2px solid rgb(from var(--alert-color) r g b / 0.5) !important;
- color: var(--alert-color) !important;
-}
-.alert-success {
- --alert-color: var(--color-green);
-}
-.alert-danger {
- --alert-color: var(--color-red);
-}
-.alert-warning {
- --alert-color: var(--color-orange);
-}
-.alert-primary {
- --alert-color: var(--color-primary);
-}
-.alert-secondary {
- --alert-color: var(--color-secondary);
-}
-.alert-info {
- --alert-color: var(--color-blue);
-}
-
-.dropdown-menu {
- background: var(--transparent-background-dark) !important;
-
- .dropdown-item {
- color: var(--color-text) !important;
-
- &:hover {
- background: var(--color-primary) !important;
- }
- }
-}
diff --git a/styles/global/buttons.css b/styles/global/buttons.css index 60f7ec0..e69de29 100644 --- a/styles/global/buttons.css +++ b/styles/global/buttons.css @@ -1,206 +0,0 @@ -.button,
-.btn,
-button[type="submit"] {
- --button-color: var(--color-text);
- --button-border: 2px solid var(--color-text);
- --button-background: transparent;
- --button-image: none;
-
- display: inline-flex;
- justify-content: center;
- align-items: center;
- gap: 5px;
- background: var(--button-background) !important;
- border: var(--button-border) !important;
- border-image: var(--button-image) 1 !important;
- border-radius: var(--border-radius) !important;
- color: var(--button-color) !important;
- font-weight: 500;
- position: relative;
-
- &:hover {
- --button-background: var(--color-text);
- --button-color: var(--color-black);
-
- /* override existing hover states */
- background: var(--button-background) !important;
- }
-
- &::before {
- background: none !important;
- }
-
- /* Fix for rendering issue
- &::after {
- content: "";
- display: block;
- position: absolute;
- left: 0;
- top: 0;
- right: 0;
- bottom: 0;
- width: 100%;
- height: 100%;
- border: var(--button-border) !important;
- border-image: var(--button-image) 1 !important;
- transform: none !important;
- }*/
-
- * {
- color: var(--button-color) !important;
- }
-
- img,
- svg {
- position: static;
- }
-
- &.btn-primary,
- &.button-primary,
- &[type="submit"] {
- --button-color: var(--color-white);
- --button-border: 2px solid var(--color-primary);
- --button-background: var(--gradient);
- --button-image: var(--gradient);
-
- &:hover {
- --button-background: var(--gradient-reverse);
- --button-image: var(--gradient-reverse);
- --button-color: var(--color-white);
- }
- }
-
- &.btn-secondary,
- &.btn-clear,
- &.btn-transparent,
- &.btn-outline,
- &.button-secondary,
- &.button-clear,
- &.button-transparent,
- &.button-outline {
- --button-color: var(--color-primary);
- --button-border: 2px solid var(--color-primary);
- --button-background: transparent;
- --button-image: var(--gradient);
-
- > a,
- > span {
- background: var(--button-image);
- -webkit-background-clip: text;
- -webkit-text-fill-color: transparent;
- }
-
- &:hover {
- --button-background: var(--gradient);
- --button-color: var(--color-white);
-
- > a,
- > span {
- -webkit-text-fill-color: var(--button-color);
- }
- }
- }
-
- &.btn-tertiary,
- &.button-tertiary {
- --button-color: var(--color-tertiary);
- --button-border: 2px solid var(--color-tertiary);
-
- &:hover {
- --button-background: var(--color-tertiary);
- --button-color: var(--color-white);
- }
- }
-
- &.btn-success,
- &.btn-green,
- &.button-success,
- &.button-green {
- --button-color: var(--color-green);
- --button-border: 2px solid var(--color-green);
-
- &:hover {
- --button-background: var(--color-green);
- --button-color: var(--color-black);
- }
- }
-
- &.btn-danger,
- &.btn-error,
- &.btn-red,
- &.button-danger,
- &.button-error,
- &.button-red {
- --button-color: var(--color-red);
- --button-border: 2px solid var(--color-red);
-
- &:hover {
- --button-background: var(--color-red);
- --button-color: var(--color-black);
- }
- }
-
- &.btn-warning,
- &.btn-orange,
- &.btn-yellow,
- &.button-warning,
- &.button-orange,
- &.button-yellow {
- --button-color: var(--color-orange);
- --button-border: 2px solid var(--color-orange);
-
- &:hover {
- --button-background: var(--color-orange);
- --button-color: var(--color-black);
- }
- }
-
- &.btn-info,
- &.btn-blue,
- &.button-info,
- &.button-blue {
- --button-color: var(--color-blue);
- --button-border: 2px solid var(--color-blue);
-
- &:hover {
- --button-background: var(--color-blue);
- --button-color: var(--color-black);
- }
- }
-
- &.btn-dark,
- &.btn-invert,
- &.btn-black,
- &.button-dark,
- &.button-invert,
- &.button-black {
- --button-border: 2px solid var(--color-bg);
- --button-background: var(--color-bg);
-
- &:hover {
- --button-border: 2px solid var(--color-white);
- --button-color: var(--color-white);
- }
- }
-
- &.btn-invisible,
- &.btn-text,
- &.btn-link,
- &.button-invisible,
- &.button-text,
- &.button-link,
- &.text {
- --button-border: none;
- --button-color: var(--color-primary);
-
- &:hover {
- --button-background: transparent;
- text-decoration: underline;
- }
- }
-
- &.btn-circle-icon {
- --button-border: none;
- border-radius: 50% !important;
- }
-}
diff --git a/styles/global/form.css b/styles/global/form.css index 71f5bf0..e69de29 100644 --- a/styles/global/form.css +++ b/styles/global/form.css @@ -1,19 +0,0 @@ -input[type="text"],
-input[type="number"],
-input[type="tel"],
-input[type="email"],
-input[type="password"],
-input[type="search"],
-textarea,
-select {
- color: var(--color-text);
- border-radius: var(--border-radius);
-
- &[type="file"] {
- background: transparent;
- }
-
- &::placeholder {
- color: var(--transparent-text);
- }
-}
|