Simon Grim
6 years ago
3 changed files with 84 additions and 61 deletions
@ -0,0 +1,83 @@
@@ -0,0 +1,83 @@
|
||||
/********** FOLLOWING OWN ***********/ |
||||
|
||||
.following-own-modal |
||||
.modal-content |
||||
padding: 0 |
||||
.following-list |
||||
display: flex |
||||
flex-wrap: wrap |
||||
justify-content: space-evenly |
||||
> li |
||||
width: 48% |
||||
margin: 2px |
||||
padding-top: 12px |
||||
padding-bottom: 8px |
||||
border: solid 1px rgba(69, 71, 77, .1) |
||||
background: #FFF |
||||
text-align: center |
||||
> div |
||||
position: relative |
||||
&:hover |
||||
border-bottom: solid 1px $main-color-color |
||||
.mini-profile-actions |
||||
display: block |
||||
.mini-profile-photo |
||||
width: 64px |
||||
height: 64px |
||||
margin: 2px |
||||
.mini-profile-name |
||||
padding: 4px |
||||
.mini-screen-name |
||||
display: none |
||||
.following-config |
||||
width: 100% |
||||
text-align: center |
||||
margin: 4px |
||||
.following-config button |
||||
display: inline-block |
||||
.mini-profile-actions |
||||
display: none |
||||
position: absolute |
||||
top: 0 |
||||
right: 8px |
||||
.mini-profile-actions |
||||
span |
||||
cursor: pointer |
||||
display: inline-block |
||||
position: relative |
||||
top: -12px |
||||
right: -8px |
||||
z-index: 10 |
||||
background: $main-color-color |
||||
&:hover |
||||
background: #AAA |
||||
ul |
||||
height: 0 |
||||
overflow: hidden |
||||
position: absolute |
||||
z-index: 20 |
||||
top: 8px |
||||
right: -8px |
||||
padding: 0 |
||||
background: #FFF |
||||
transition: height .2s linear |
||||
> li |
||||
text-align: left |
||||
white-space: nowrap |
||||
color: rgba(0, 0, 0, .7) |
||||
font-size: 12px |
||||
margin: 0 |
||||
padding: 4px 16px 4px 8px |
||||
border-bottom: solid 1px rgba(0, 0, 0, 0) |
||||
background: #FFF |
||||
&:hover |
||||
border-bottom: solid 1px $main-color-color |
||||
&:hover |
||||
ul |
||||
height: 57px |
||||
box-shadow: 8px 10px 10px 0px rgba(0, 0, 0, .2) |
||||
.swarm-status |
||||
font-size: 11px |
||||
display: block |
||||
.latest-activity |
||||
font-size: 11px |
@ -1,60 +0,0 @@
@@ -1,60 +0,0 @@
|
||||
|
||||
.following |
||||
width: $postboardWidth |
||||
float: left |
||||
h2 |
||||
display: none |
||||
.following-list li |
||||
border-bottom: 1px solid $main-background-color |
||||
line-height: 45px |
||||
background: $bloc-light-color |
||||
position: relative |
||||
+transition-property(background) |
||||
+transition-duration(.1s) |
||||
&:hover |
||||
background: white |
||||
|
||||
a |
||||
display: block |
||||
padding: $space |
||||
width: 100% |
||||
@extend .clear-fix |
||||
color: $defaut-font-color |
||||
|
||||
|
||||
.mini-profile-photo |
||||
width: $mini-usr-img |
||||
line-height: 0 |
||||
margin: 0 $space 0 0 |
||||
float: left |
||||
.mini-profile-name |
||||
font-size: 1rem |
||||
font-weight: 500 |
||||
float: left |
||||
display: block |
||||
line-height: 1rem |
||||
padding: 10px 0 |
||||
.mini-screen-name |
||||
display: block |
||||
float: left |
||||
line-height: 1rem |
||||
font-weight: 400 |
||||
font-size: 1rem |
||||
padding: 10px |
||||
color: #666 |
||||
b |
||||
font-weight: 400 |
||||
padding: 0 |
||||
color: inherit |
||||
font-size: inherit |
||||
line-height: inherit |
||||
.mini-profile-actions |
||||
display: none |
||||
.following-config |
||||
position: absolute |
||||
top: 0 |
||||
right: 0 |
||||
padding: $space |
||||
|
||||
.swarm-status |
||||
display: none!important |
Loading…
Reference in new issue