random-mirrors
/
gab-social
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Stopping point. 

Just saving current progress to pick back up tomorrow.
This commit is contained in:
Dank Gabs 2019-07-19 00:53:20 -04:00
parent 96bd40f2ff
commit 8e1d931996
5 changed files with 36 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
app/javascript/styles/gabsocial/_mixins.scss
View File

@ -1,3 +1,23 @@
// NEW GAB SPECIFIC MIXINS
// THEME MIXINS
// standard container drop shadow
@mixin light-theme-shadow() {box-shadow: 0 0 6px 0 rgba(0,0,0,0.1);}
// common properties for all standard containers
@mixin gab-container-standards() {
border-radius: 10px;
background: $gab-background-container;
body.theme-gabsocial-light & {
@include light-theme-shadow();
background: $gab-background-container-light;
}
}
// OLDER MIXINS
@mixin avatar-radius() {
border-radius: 50%;
background: transparent no-repeat;

4
app/javascript/styles/gabsocial/components.scss
View File

@ -1303,7 +1303,7 @@ a.account__display-name {
flex: 1 1 auto;
flex-direction: row;
justify-content: flex-start;
overflow-x: auto;
//overflow-x: auto;
position: relative;
&__panels {
@ -1476,7 +1476,7 @@ a.account__display-name {
flex-direction: column;
width: 100%;
margin: 0 auto;
overflow: hidden;
//overflow: hidden;
.column,
.drawer {

10
app/javascript/styles/gabsocial/components/group-card.scss
View File

@ -1,22 +1,16 @@
.group-column-header {
border-radius: 10px;
background: $gab-background-container;
overflow: hidden;
@include gab-container-standards();
.group-column-header__title {
padding: 15px;
font-size: 20px;
font-weight: bold;
}
.group-column-header__cta {
float: right;
padding: 15px;
font-size: 17px;
a {
color: $primary-text-color;
}
a {color: #fff;}
}
}

8
app/javascript/styles/gabsocial/components/user-panel.scss
View File

@ -3,13 +3,7 @@
width: 285px;
flex-direction: column;
overflow-y: hidden;
border-radius: 10px;
background: $gab-background-container;
body.theme-gabsocial-light & {
@include light-theme-shadow();
background: $gab-background-container-light;
}
@include gab-container-standards();
&__header {
display: block;
height: 112px;

11
app/javascript/styles/gabsocial/variables.scss
View File

@ -32,6 +32,17 @@ $gab-default-text-light: #6c6c6c;
// theme mixins
@mixin light-theme-shadow() {box-shadow: 0 0 6px 0 rgba(0,0,0,0.1);}
// NOTE - probably a better place to put this
@mixin gab-container-standards() {
border-radius: 10px;
background: $gab-background-container;
body.theme-gabsocial-light & {
@include light-theme-shadow();
background: $gab-background-container-light;
}
}
// BREAKPOINT SETS