burkkyy/calebburke.dev
1
0
Fork 0
generated from alphane/template
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

scss formatting

Browse Source
This commit is contained in:
Caleb Burke
2026-06-26 01:25:07 -07:00
parent 033c962ebe
commit f83d4d579c
7 changed files with 913 additions and 942 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/scss/_override.scss
+8 -20
View File
@@ -18,13 +18,10 @@ html {
} }
.bg-secondary-gradient { .bg-secondary-gradient {
background: linear-gradient(287deg, rgb(var(--v-theme-primary)) .54%, #1bcaff 100.84%); background: linear-gradient(287deg, rgb(var(--v-theme-primary)) 0.54%, #1bcaff 100.84%);
} }
} }
.border, .border,
.v-divider { .v-divider {
border-color: rgba(var(--v-border-color)) !important; border-color: rgba(var(--v-border-color)) !important;
@@ -69,7 +66,6 @@ html {
line-height: 0 !important; line-height: 0 !important;
} }
.lh-28 { .lh-28 {
line-height: 28px !important; line-height: 28px !important;
} }
@@ -80,7 +76,6 @@ html {
.space-p-96 { .space-p-96 {
padding: 96px 0 !important; padding: 96px 0 !important;
} }
.ps-96 { .ps-96 {
@@ -107,22 +102,21 @@ html {
height: calc(-500px + 100vh); height: calc(-500px + 100vh);
} }
@media screen and (max-width:991px) { @media screen and (max-width: 991px) {
.overflow-x-reposive { .overflow-x-reposive {
overflow-x: scroll; overflow-x: scroll;
overflow-y: hidden; overflow-y: hidden;
} }
.border-m-none { .border-m-none {
border: 0 !important border: 0 !important;
} }
} }
@media screen and (max-height:767px) { @media screen and (max-height: 767px) {
.msg-chat-height { .msg-chat-height {
height: calc(-315px + 100vh); height: calc(-315px + 100vh);
} }
} }
.max-h-600 { .max-h-600 {
@@ -130,13 +124,12 @@ html {
height: calc(100vh - 100px); height: calc(100vh - 100px);
} }
.custom-hover-primary { .custom-hover-primary {
.iconify { .iconify {
color: rgb(255, 255, 255) !important; color: rgb(255, 255, 255) !important;
@media screen and (max-width:991px) { @media screen and (max-width: 991px) {
color: rgba(var(--v-theme-textPrimary), 0.8) !important color: rgba(var(--v-theme-textPrimary), 0.8) !important;
} }
} }
@@ -144,8 +137,8 @@ html {
background-color: rgba(var(--v-theme-lightprimary), 0.1); background-color: rgba(var(--v-theme-lightprimary), 0.1);
.iconify { .iconify {
@media screen and (max-width:991px) { @media screen and (max-width: 991px) {
color: rgb(var(--v-theme-primary)) !important color: rgb(var(--v-theme-primary)) !important;
} }
} }
} }
@@ -153,18 +146,14 @@ html {
.custom-hover-primary-white { .custom-hover-primary-white {
.iconify { .iconify {
color: rgb(255, 255, 255) !important; color: rgb(255, 255, 255) !important;
} }
&:hover { &:hover {
background-color: rgba(var(--v-theme-lightprimary), 0.1); background-color: rgba(var(--v-theme-lightprimary), 0.1);
} }
} }
.no-icon { .no-icon {
.v-input__prepend, .v-input__prepend,
.v-input__append { .v-input__append {
display: none !important; display: none !important;
@@ -181,7 +170,6 @@ html {
height: 6px !important; height: 6px !important;
width: 6px !important; width: 6px !important;
} }
} }
} }
web/src/scss/layout/_dark.scss
+20 -20
View File
@@ -1,40 +1,41 @@
// theme : dark // theme : dark
div[class*='v-theme--DARK_'] { div[class*="v-theme--DARK_"] {
.smallCap { .smallCap {
color: rgb(var(--v-theme-textSecondary)); color: rgb(var(--v-theme-textSecondary));
} }
.elevation-10 { .elevation-10 {
box-shadow: rgb(145 158 171 / 30%) 0px 0px 2px 0px, rgb(145 158 171 / 2%) 0px 12px 24px -4px !important; box-shadow:
rgb(145 158 171 / 30%) 0px 0px 2px 0px,
rgb(145 158 171 / 2%) 0px 12px 24px -4px !important;
} }
.v-field__outline{ .v-field__outline {
--v-field-border-opacity: 0.38 !important; --v-field-border-opacity: 0.38 !important;
} }
.front-wraper{ .front-wraper {
.bg-background{ .bg-background {
background-color: rgb(var(--v-theme-hoverColor)) !important; background-color: rgb(var(--v-theme-hoverColor)) !important;
} }
.front-dark{ .front-dark {
&.bg-textPrimary{ &.bg-textPrimary {
background-color: rgb(var(--v-theme-surface)) !important; background-color: rgb(var(--v-theme-surface)) !important;
} }
} }
.bg-textPrimary{ .bg-textPrimary {
background-color: rgb(var(--v-theme-textSecondary)) !important; background-color: rgb(var(--v-theme-textSecondary)) !important;
} }
} }
#vector-map .dxm-layers path { #vector-map .dxm-layers path {
fill: #7C8FAC !important; fill: #7c8fac !important;
} }
.svgMap-map-wrapper { .svgMap-map-wrapper {
.svgMap-country { .svgMap-country {
stroke: #878585; stroke: #878585;
fill: #1A2537 !important; fill: #1a2537 !important;
&#svgMap-map-country-IN { &#svgMap-map-country-IN {
fill: rgb(var(--v-theme-secondary)) !important; fill: rgb(var(--v-theme-secondary)) !important;
@@ -52,30 +53,29 @@ div[class*='v-theme--DARK_'] {
.svgMap-map-controls-zoom { .svgMap-map-controls-zoom {
background: #c9d6de !important; background: #c9d6de !important;
} }
.svgMap-control-button{ .svgMap-control-button {
background-color: rgb(var(--v-theme-textSecondary)) !important; background-color: rgb(var(--v-theme-textSecondary)) !important;
} }
} }
.dark-card-title{ .dark-card-title {
color:rgb(var(--v-theme-surface)); color: rgb(var(--v-theme-surface));
} }
.fc{ .fc {
.fc-button-primary:not(:disabled).fc-button-active { .fc-button-primary:not(:disabled).fc-button-active {
background-color: rgb(var(--v-theme-grey100)); background-color: rgb(var(--v-theme-grey100));
} }
.fc-button-group { .fc-button-group {
>.fc-button { > .fc-button {
&:hover,&:focus{ &:hover,
&:focus {
background-color: rgba(var(--v-theme-grey100)); background-color: rgba(var(--v-theme-grey100));
color: #fff; color: #fff;
.fc-icon{ .fc-icon {
color: #fff; color: #fff;
} }
} }
} }
} }
} }
} }
web/src/scss/layout/_horizontal.scss
+3 -12
View File
@@ -22,7 +22,6 @@
padding: 0 8px !important; padding: 0 8px !important;
} }
} }
} }
.ddMenu { .ddMenu {
@@ -67,7 +66,6 @@
} }
} }
.horizontalMenu { .horizontalMenu {
.v-toolbar__content { .v-toolbar__content {
max-width: 1270px; max-width: 1270px;
@@ -82,7 +80,6 @@
color: rgba(255, 255, 255); color: rgba(255, 255, 255);
} }
} }
} }
.mobile-menu { .mobile-menu {
@@ -153,9 +150,7 @@
.dot { .dot {
background-color: rgb(var(--v-theme-secondary)) !important; background-color: rgb(var(--v-theme-secondary)) !important;
} }
} }
} }
} }
@@ -168,7 +163,6 @@
} }
} }
.ddMenu { .ddMenu {
.navItem { .navItem {
.navcollapse { .navcollapse {
@@ -178,8 +172,6 @@
} }
} }
} }
} }
.ddMenu { .ddMenu {
@@ -205,17 +197,16 @@
} }
.navItem:hover { .navItem:hover {
> .ddMenu {
>.ddMenu {
display: block; display: block;
} }
} }
>li:hover { > li:hover {
background-color: rgb(var(--v-theme-lightprimary)); background-color: rgb(var(--v-theme-lightprimary));
border-radius: 9999px; border-radius: 9999px;
>.navItemLink { > .navItemLink {
color: rgb(var(--v-theme-secondary)); color: rgb(var(--v-theme-secondary));
opacity: 1; opacity: 1;
} }
web/src/scss/layout/_sidebar.scss
+11 -19
View File
@@ -2,7 +2,9 @@
/*This is for the logo*/ /*This is for the logo*/
.leftSidebar { .leftSidebar {
box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .03), 0 0 1px 0 rgba(0, 0, 0, .1); box-shadow:
0 3px 4px 0 rgba(0, 0, 0, 0.03),
0 0 1px 0 rgba(0, 0, 0, 0.1);
.logo { .logo {
padding-left: 7px; padding-left: 7px;
@@ -41,7 +43,7 @@
.logo { .logo {
width: 250px; width: 250px;
@media screen and (max-width:1024px) { @media screen and (max-width: 1024px) {
width: auto; width: auto;
} }
} }
@@ -69,8 +71,6 @@
} }
} }
/*General Menu css*/ /*General Menu css*/
.v-list-group__items .v-list-item, .v-list-group__items .v-list-item,
.v-list-item { .v-list-item {
@@ -79,15 +79,10 @@
margin: 0 0 2px; margin: 0 0 2px;
&:hover { &:hover {
color: rgb(var(--v-theme-secondary)); color: rgb(var(--v-theme-secondary));
} }
.v-list-item__prepend { .v-list-item__prepend {
margin-inline-end: 13px; margin-inline-end: 13px;
} }
@@ -136,7 +131,6 @@
background-color: rgb(var(--v-theme-secondary)); background-color: rgb(var(--v-theme-secondary));
} }
} }
} }
} }
@@ -144,23 +138,23 @@
.v-list { .v-list {
color: rgb(var(--v-theme-textPrimary)); color: rgb(var(--v-theme-textPrimary));
>.v-list-item.v-list-item--active, > .v-list-item.v-list-item--active,
.v-list-item--active>.v-list-item__overlay { .v-list-item--active > .v-list-item__overlay {
background: rgb(var(--v-theme-secondary)); background: rgb(var(--v-theme-secondary));
color: white; color: white;
} }
>.v-list-group { > .v-list-group {
position: relative; position: relative;
>.v-list-item--active, > .v-list-item--active,
>.v-list-item--active:hover { > .v-list-item--active:hover {
background: rgb(var(--v-theme-secondary)); background: rgb(var(--v-theme-secondary));
color: white; color: white;
} }
.v-list-group__items .v-list-item.v-list-item--active, .v-list-group__items .v-list-item.v-list-item--active,
.v-list-group__items .v-list-item.v-list-item--active>.v-list-item__overlay { .v-list-group__items .v-list-item.v-list-item--active > .v-list-item__overlay {
background: transparent; background: transparent;
color: rgb(var(--v-theme-secondary)); color: rgb(var(--v-theme-secondary));
} }
@@ -169,7 +163,6 @@
} }
.v-navigation-drawer--rail { .v-navigation-drawer--rail {
.scrollnavbar .v-list .v-list-group__items, .scrollnavbar .v-list .v-list-group__items,
.hide-menu { .hide-menu {
opacity: 1; opacity: 1;
@@ -265,7 +258,7 @@
.v-list-group__items { .v-list-group__items {
.v-list-item { .v-list-item {
.v-list-item__prepend .dot { .v-list-item__prepend .dot {
opacity:0; opacity: 0;
} }
} }
} }
@@ -301,7 +294,6 @@
} }
} }
} }
} }
} }
web/src/scss/pages/_apps.scss
+14 -14
View File
@@ -12,7 +12,7 @@
//Full Calendar //Full Calendar
.fc { .fc {
.fc-button-group { .fc-button-group {
>.fc-button { > .fc-button {
display: flex; display: flex;
align-items: center; align-items: center;
padding: 7px 10px; padding: 7px 10px;
@@ -20,38 +20,39 @@
font-size: 14px; font-size: 14px;
background-color: rgba(var(--v-theme-grey200)); background-color: rgba(var(--v-theme-grey200));
color: rgba(var(--v-theme-textPrimary)); color: rgba(var(--v-theme-textPrimary));
.fc-icon{ .fc-icon {
color: rgba(var(--v-theme-textPrimary)); color: rgba(var(--v-theme-textPrimary));
font-size: 20px; font-size: 20px;
} }
&:hover,&:focus{ &:hover,
&:focus {
background-color: rgba(var(--v-theme-textPrimary)); background-color: rgba(var(--v-theme-textPrimary));
color: #fff; color: #fff;
.fc-icon{ .fc-icon {
color: #fff; color: #fff;
} }
} }
} }
.fc-button-primary:not(:disabled):active{ .fc-button-primary:not(:disabled):active {
background-color: rgba(var(--v-theme-textPrimary)); background-color: rgba(var(--v-theme-textPrimary));
} }
.fc-button-primary:not(:disabled).fc-button-active { .fc-button-primary:not(:disabled).fc-button-active {
background-color: rgb(var(--v-theme-textPrimary)); background-color: rgb(var(--v-theme-textPrimary));
} }
} }
.fc-today-button{ .fc-today-button {
padding: 7px 20px; padding: 7px 20px;
border: 0; border: 0;
background-color: rgba(var(--v-theme-primary)); background-color: rgba(var(--v-theme-primary));
} }
.fc-prev-button{ .fc-prev-button {
border-radius: 30px 0 0 30px; border-radius: 30px 0 0 30px;
} }
.fc-toolbar-title{ .fc-toolbar-title {
font-weight: 600; font-weight: 600;
} }
.fc-event-title{ .fc-event-title {
font-size: 14px; font-size: 14px;
padding: 3px 6px; padding: 3px 6px;
} }
@@ -66,7 +67,7 @@
vertical-align: unset; vertical-align: unset;
} }
} }
.fc-daygrid-day-number{ .fc-daygrid-day-number {
color: rgba(var(--v-theme-textSecondary)); color: rgba(var(--v-theme-textSecondary));
font-size: 15px; font-size: 15px;
} }
@@ -115,7 +116,7 @@
font-size: 14px; font-size: 14px;
font-weight: 600; font-weight: 600;
} }
.fc-button-primary:not(:disabled).fc-button-active{ .fc-button-primary:not(:disabled).fc-button-active {
background-color: rgb(var(--v-theme-textPrimary)); background-color: rgb(var(--v-theme-textPrimary));
} }
} }
@@ -147,7 +148,7 @@
.fc-direction-ltr { .fc-direction-ltr {
.fc-button-group { .fc-button-group {
>.fc-button { > .fc-button {
&:not(:last-child) { &:not(:last-child) {
border-bottom-left-radius: 30px; border-bottom-left-radius: 30px;
border-top-left-radius: 30px; border-top-left-radius: 30px;
@@ -186,7 +187,7 @@
font-size: 14px; font-size: 14px;
} }
@media screen and (max-width:600px) { @media screen and (max-width: 600px) {
.fc { .fc {
.fc-toolbar { .fc-toolbar {
display: block; display: block;
@@ -229,7 +230,6 @@
.email-title { .email-title {
color: rgb(var(--v-theme-primary)) !important; color: rgb(var(--v-theme-primary)) !important;
} }
} }
} }
web/src/scss/theme/_themeColors.scss
+1 -1
View File
@@ -34,7 +34,7 @@
--v-theme-lightsecondary: 239, 249, 255; --v-theme-lightsecondary: 239, 249, 255;
} }
.v-theme--DARK_AQUA_THEME{ .v-theme--DARK_AQUA_THEME {
--v-theme-primary: 0, 116, 186; --v-theme-primary: 0, 116, 186;
--v-theme-secondary: 71, 215, 188; --v-theme-secondary: 71, 215, 188;
} }