moony/Gab-Social
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Added some more necessary styles in global.css

Browse Source 
• Added:
- some more necessary styles in global.css
This commit is contained in:
mgabdev 2020-10-29 23:35:26 -05:00
parent b9f15b28a6
commit f6e3a9ad96
1 changed files with 27 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
app/javascript/styles/global.css
View File

@ -45,6 +45,7 @@
/* Navigation bar. Only themes. Non-editable */ /* Navigation bar. Only themes. Non-editable */
--navigation_background: var(--color_brand); --navigation_background: var(--color_brand);
--navigation_blend: var(--color_brand-dark); --navigation_blend: var(--color_brand-dark);
--navigation_blend--light: #29c173;
--navigation_primary: var(--color_white); --navigation_primary: var(--color_white);
--navigation_brand: var(--color_white); --navigation_brand: var(--color_white);
--navigation_search: var(--color_brand-light); --navigation_search: var(--color_brand-light);
@ -87,6 +88,7 @@
/* Navigation bar. Only themes. Non-editable */ /* Navigation bar. Only themes. Non-editable */
--navigation_background: #000 !important; --navigation_background: #000 !important;
--navigation_blend: var(--text_color_secondary) !important; --navigation_blend: var(--text_color_secondary) !important;
--navigation_blend--light: var(--solid_color_block);
--navigation_primary: var(--text_color_primary) !important; --navigation_primary: var(--text_color_primary) !important;
--navigation_brand: var(--color_brand) !important; --navigation_brand: var(--color_brand) !important;
--navigation_search: var(--solid_color_tertiary) !important; --navigation_search: var(--solid_color_tertiary) !important;
@ -109,6 +111,7 @@
/* Navigation bar. Only themes. Non-editable */ /* Navigation bar. Only themes. Non-editable */
--navigation_background: #000 !important; --navigation_background: #000 !important;
--navigation_blend: var(--text_color_secondary) !important; --navigation_blend: var(--text_color_secondary) !important;
--navigation_blend--light: var(--solid_color_block);
--navigation_primary: var(--text_color_primary) !important; --navigation_primary: var(--text_color_primary) !important;
--navigation_brand: var(--color_brand) !important; --navigation_brand: var(--color_brand) !important;
--navigation_search: var(--solid_color_block) !important; --navigation_search: var(--solid_color_block) !important;
@ -721,7 +724,10 @@ pre {
.underline { text-decoration: underline; } .underline { text-decoration: underline; }
.underline_onHover:hover { text-decoration: underline; } .underline_onHover:hover { text-decoration: underline; }
.objectFitCover { object-fit: cover; } .objectFitCover {
-webkit-touch-callout: none;
object-fit: cover;
}
.objectFitContain { object-fit: contain; } .objectFitContain { object-fit: contain; }
.textShadow { .textShadow {
@ -751,6 +757,7 @@ pre {
.ml10 { margin-left: 10px; } .ml10 { margin-left: 10px; }
.ml7 { margin-left: 7px; } .ml7 { margin-left: 7px; }
.ml5 { margin-left: 5px; } .ml5 { margin-left: 5px; }
.ml2 { margin-left: 2px; }
.mlAuto { margin-left: auto; } .mlAuto { margin-left: auto; }
.mlNeg5PX { margin-left: -5px; } .mlNeg5PX { margin-left: -5px; }
@ -1011,6 +1018,14 @@ pre {
background-color: var(--navigation_blend); background-color: var(--navigation_blend);
} }
.bgNavigationBlendLight {
background-color: var(--navigation_blend--light);
}
.fillPrimary {
fill: var(--color_primary);
}
.fillWhite { .fillWhite {
fill: var(--color_white); fill: var(--color_white);
} }
@ -1034,6 +1049,17 @@ pre {
color: var(--navigation_brand); color: var(--navigation_brand);
} }
.navigationUnderlineActive:after {
content: '';
display: block;
left: 0;
right: 0;
height: 2px;
bottom: 1px;
position: absolute;
background-color: var(--navigation_primary);
}
.searchNavigation { .searchNavigation {
background-color: var(--navigation_search); background-color: var(--navigation_search);
} }