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

Updated all component styles

Browse Source 
new mixins, consolidated
all original styles files uncomitted
This commit is contained in:
mgabdev
2019-08-12 16:48:46 -04:00
parent 3d509c84a2
commit 47b43d78d9
45 changed files with 829 additions and 202 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
app/javascript/gabsocial/components/panel/panel.scss
View File

@@ -1,12 +1,12 @@
.panel {
display: flex;
width: 100%;
border-radius: 10px;
flex-direction: column;
height: auto;
box-sizing: border-box;
background: $gab-background-container;
@include size(100%, auto);
body.theme-gabsocial-light & {
// @include light-theme-shadow();
background: $gab-background-container-light;
@@ -66,11 +66,11 @@
padding-right: 10px;
&__avatar {
height: 46px;
width: 46px;
background-color: red;
left: -58px;
position: absolute;
@include size(46px);
}
&__name {
@@ -81,18 +81,17 @@
&__name {
color: $primary-text-color;
font-size: 14px;
font-weight: bold;
line-height: 16px;
margin-bottom: 2px;
max-height: 32px; //2 lines of text
overflow: hidden;
@include text-sizing(14px, 700, 16px);
}
&__username {
color: $lighter-text-color;
font-size: 12px;
line-height: 14px;
@include text-sizing(12px, 400, 14px);
}
}
}
@@ -125,8 +124,7 @@
&__title {
flex: 1 1;
color: $primary-text-color;
font-size: 16px;
font-weight: bold;
line-height: 19px;
@include text-sizing(16px, 700, 19px);
}
}