jamesparkin/Results-Page
1
0
Fork 0
Code Issues 9 Pull Requests Projects 1 Releases Activity

remove older unused styles

Browse Source
This commit is contained in:
Corban-Lee Jones 2024-11-11 22:45:50 +00:00
parent ad9ec5d470
commit 32032f4f9e
1 changed files with 120 additions and 118 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

238
static/scss/base.scss
View File

@ -13,138 +13,140 @@ $body-bg :#000;
@import "scss/navbar.scss";
.bg-primary {
background-color: $primary-colour !important;
}
.btn {
&.btn-primary {
border-color: $primary-colour;
background-color: $primary-colour;
transition: background-color 0.3s, border-color 0.3s;
&:hover {
border-color: $primary-hover-colour;
background-color: $primary-hover-colour;
}
}
&.btn-outline-primary {
color: $primary-colour;
border-color: $primary-colour;
transition: background-color 0.3s, border-color 0.3s;
&:hover {
color: white;
border-color: $primary-hover-colour;
background-color: $primary-hover-colour
}
.btn-check:checked + & {
border-color: $primary-colour;
background-color: $primary-colour;
}
}
}
// .bg-primary {
// background-color: $primary-colour !important;
// }
.nav-pills {
.nav-item {
.nav-link {
color: $primary-colour;
&.active {
color: white;
background-color: $primary-colour;
transition: background-color 0.3s;
}
}
}
}
// .btn {
// &.btn-primary {
// border-color: $primary-colour;
// background-color: $primary-colour;
// transition: background-color 0.3s, border-color 0.3s;
// &:hover {
// border-color: $primary-hover-colour;
// background-color: $primary-hover-colour;
// }
// }
.text-hover-primary {
transition: color 0.3s;
&:hover { color: $primary-colour !important; }
}
// &.btn-outline-primary {
// color: $primary-colour;
// border-color: $primary-colour;
// transition: background-color 0.3s, border-color 0.3s;
// &:hover {
// color: white;
// border-color: $primary-hover-colour;
// background-color: $primary-hover-colour
// }
// .btn-check:checked + & {
// border-color: $primary-colour;
// background-color: $primary-colour;
// }
// }
// }
.tooltip-inner { text-align: left; }
// .nav-pills {
// .nav-item {
// .nav-link {
// color: $primary-colour;
// &.active {
// color: white;
// background-color: $primary-colour;
// transition: background-color 0.3s;
// }
// }
// }
// }
// Width Fit Content
.w-fc { width: fit-content; }
.mw-fc { min-width: fit-content; }
.mxw-fc { max-width: fit-content; }
// .text-hover-primary {
// transition: color 0.3s;
// &:hover { color: $primary-colour !important; }
// }
.hover-fill-secondary {
background-color: transparent;
transition: color 0.3s, background-color 0.3s;
&:hover {
color: $secondary-emphasis-colour;
background-color: $secondary-subtle-colour;
}
}
// .tooltip-inner { text-align: left; }
.hover-fill-danger {
background-color: transparent;
transition: color 0.3s, background-color 0.3s;
&:hover {
color: $danger-emphasis-colour;
background-color: $danger-subtle-colour;
}
}
// // Width Fit Content
// .w-fc { width: fit-content; }
// .mw-fc { min-width: fit-content; }
// .mxw-fc { max-width: fit-content; }
.hover-fill-primary {
background-color: transparent;
transition: color 0.3s, background-color 0.3s;
&:hover {
color: white;
background-color: $primary-hover-colour;
}
}
// .hover-fill-secondary {
// background-color: transparent;
// transition: color 0.3s, background-color 0.3s;
// &:hover {
// color: $secondary-emphasis-colour;
// background-color: $secondary-subtle-colour;
// }
// }
.separator {
display: flex;
align-items: center;
text-align: center;
line-height: normal;
&::before,&::after {
content: '';
flex: 1;
border-bottom: 1px solid $border-color;
}
&:not(:empty)::before {
margin-right: .75em;
}
&:not(:empty)::after {
margin-left: .75em;
}
}
// .hover-fill-danger {
// background-color: transparent;
// transition: color 0.3s, background-color 0.3s;
// &:hover {
// color: $danger-emphasis-colour;
// background-color: $danger-subtle-colour;
// }
// }
.fluid-hover-zoom {
transition:
.3s transform cubic-bezier(.155,1.105,.295,1.12),
.3s box-shadow,
.3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12);
backface-visibility: hidden;
&:hover {
transform: scale(1.035);
}
}
// .hover-fill-primary {
// background-color: transparent;
// transition: color 0.3s, background-color 0.3s;
// &:hover {
// color: white;
// background-color: $primary-hover-colour;
// }
// }
.dropdown-menu {
.dropdown-item {
&:active {
color: black;
background-color: #f8f9fa;
}
}
}
// .separator {
// display: flex;
// align-items: center;
// text-align: center;
// line-height: normal;
// &::before,&::after {
// content: '';
// flex: 1;
// border-bottom: 1px solid $border-color;
// }
// &:not(:empty)::before {
// margin-right: .75em;
// }
// &:not(:empty)::after {
// margin-left: .75em;
// }
// }
.venue-textarea {
resize: none;
min-height: 152px !important;
}
// .fluid-hover-zoom {
// transition:
// .3s transform cubic-bezier(.155,1.105,.295,1.12),
// .3s box-shadow,
// .3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12);
// backface-visibility: hidden;
// &:hover {
// transform: scale(1.035);
// }
// }
#newVenuePages .page {
display: none;
&.active {
display: block !important;
}
}
// .dropdown-menu {
// .dropdown-item {
// &:active {
// color: black;
// background-color: #f8f9fa;
// }
// }
// }
// .venue-textarea {
// resize: none;
// min-height: 152px !important;
// }
// #newVenuePages .page {
// display: none;
// &.active {
// display: block !important;
// }
// }