Mylene
9 years ago
3 changed files with 69 additions and 226 deletions
@ -1,228 +1,62 @@
@@ -1,228 +1,62 @@
|
||||
|
||||
.following |
||||
@extend .col |
||||
@extend .col-9 |
||||
@extend .last |
||||
|
||||
.following-list li |
||||
text-align: center |
||||
@extend .clear-fix |
||||
@extend .col |
||||
@extend .col-3 |
||||
margin-bottom: 2% |
||||
padding: 50px 0 |
||||
&:nth-child(4n) |
||||
@extend .last |
||||
|
||||
|
||||
|
||||
.following .mini-profile |
||||
margin-bottom: 10px |
||||
|
||||
.following .mini-profile-info |
||||
position: relative |
||||
|
||||
.following .mini-profile-photo |
||||
margin: 0 auto 10px auto |
||||
display: block |
||||
width: 64px |
||||
height: 64px |
||||
overflow: hidden |
||||
background: $main-background-color |
||||
|
||||
.following .mini-profile-view |
||||
display: inline |
||||
color: rgba(0, 0, 0, 0.5) |
||||
font-size: 12px |
||||
position: absolute |
||||
top: 32px |
||||
left: 65px |
||||
z-index: 1 |
||||
|
||||
.following .mini-profile-name |
||||
font-weight: 900 |
||||
font-size: 1em |
||||
line-height: 1em |
||||
padding: 0 |
||||
text-decoration: none |
||||
display: block |
||||
color: inherit |
||||
display: inline |
||||
.following .mini-screen-name |
||||
color: inherit |
||||
display: block |
||||
margin-bottom: 10px |
||||
|
||||
.following button |
||||
display: inline-block |
||||
margin: 5px 0 |
||||
&.unfollow |
||||
background-color: $main-color-light |
||||
&.public-following |
||||
background-color: $main-color-color |
||||
|
||||
|
||||
|
||||
.mini-profile-actions |
||||
position: absolute |
||||
width: auto |
||||
top: 0 |
||||
right: -16px |
||||
display: inline-block |
||||
|
||||
span |
||||
cursor: pointer!important |
||||
@extend button |
||||
border-top-right-radius: 0!important |
||||
border-bottom-right-radius: 0!important |
||||
@extend .extend-icon |
||||
@extend .icon-plus |
||||
&:before |
||||
margin: 0 |
||||
padding: 0 |
||||
line-height: 1em |
||||
font-size: 10px |
||||
ul |
||||
$action-padding-height: 8px |
||||
height: 0 |
||||
overflow: hidden |
||||
position: absolute |
||||
top: 2em |
||||
right: -2em |
||||
transition: height .4s linear |
||||
transition: padding-top .1s linear |
||||
background: $main-color-dark |
||||
z-index: 3 |
||||
|
||||
|
||||
|
||||
&:hover |
||||
ul |
||||
$action-li-height : 12px |
||||
$action-padding-height: 8px |
||||
padding: $action-padding-height |
||||
height: $action-li-height*4 + $action-padding-height*2*4 |
||||
ul li |
||||
text-align: left |
||||
margin: 0 |
||||
background: $main-color-dark |
||||
$action-li-height : 12px |
||||
$action-padding-height: 8px |
||||
white-space: nowrap |
||||
color: $main-color-light |
||||
font-size: $action-li-height |
||||
line-height: $action-li-height |
||||
cursor: pointer |
||||
display: block |
||||
float: none |
||||
width: auto |
||||
padding: $action-padding-height |
||||
|
||||
&:hover ul li:hover |
||||
color: $main-color-color |
||||
|
||||
|
||||
|
||||
|
||||
.following .who-follow |
||||
height: auto |
||||
background-color: rgba(69, 71, 77, 0.1) |
||||
overflow: hidden |
||||
font-size: 12px |
||||
|
||||
.following .show-more-followers |
||||
color: #f11 |
||||
font-weight: bold |
||||
cursor: pointer |
||||
float: right |
||||
|
||||
.following .mini-follower-link |
||||
display: inline-block |
||||
margin-right: 10px |
||||
&:before |
||||
content: " \2027" |
||||
|
||||
.following a.open-profile-modal |
||||
display: inline |
||||
text-align: center |
||||
color: $dark-grey |
||||
&:hover |
||||
color: $main-color-light |
||||
|
||||
|
||||
|
||||
|
||||
.following .post-area-new |
||||
padding-bottom: 4px |
||||
textarea |
||||
resize: none |
||||
width: 445px |
||||
display: block |
||||
transition: all .3s linear |
||||
-webkit-transition: height 0.3s linear |
||||
-moz-transition: height 0.3s linear |
||||
-o-transition: height 0.3s linear |
||||
-ms-transition: height 0.3s linear |
||||
height: 28px |
||||
border-radius: 3px |
||||
border: solid 1px rgba(0, 0, 0, 0.3) |
||||
margin-left: 55px |
||||
margin-bottom: 10px |
||||
padding: 4px |
||||
font-size: 13px |
||||
|
||||
.following .mini-profile .post-area-new |
||||
padding: 9px |
||||
textarea |
||||
margin-left: 0 |
||||
width: 100% |
||||
|
||||
.following .post-area-new.open textarea |
||||
height: 80px |
||||
border: solid 1px rgba(227, 79, 66, 0.5) |
||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3) |
||||
|
||||
.following textarea.splited-post |
||||
box-shadow: none!important |
||||
height: 28px |
||||
|
||||
.following .splited-post-counter |
||||
color: rgba(0, 0, 0, 0.3) |
||||
font-weight: bold |
||||
&:before |
||||
content: '\2026' |
||||
|
||||
.following .post-area-extras |
||||
overflow: hidden |
||||
height: 0 |
||||
text-align: right |
||||
|
||||
.following .post-submit |
||||
background: #45474d |
||||
color: rgba(255, 255, 255, 0.8) |
||||
border: none |
||||
padding: 5px 10px |
||||
cursor: pointer |
||||
display: inline-block |
||||
margin-top: 4px |
||||
|
||||
.following .post-area-new.open > .post-area-extras |
||||
height: 35px |
||||
transition: all .6s linear |
||||
|
||||
.following .post-area-remaining |
||||
font-size: 13px |
||||
&.warn |
||||
color: #ff0000 |
||||
|
||||
.following .post .show-more |
||||
font-size: 13px |
||||
font-weight: bold |
||||
margin-left: 60px |
||||
color: rgba(0, 0, 0, 0.5) |
||||
&:before |
||||
content: '💭' |
||||
|
||||
.swarm-status |
||||
display: none!important |
||||
width: 100% |
||||
padding: 20px |
||||
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 |
||||
height: 48px |
||||
width: 48px |
||||
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