diff --git a/stylesheets/_session.scss b/stylesheets/_session.scss index 96ae4ba6a..730e6d8e8 100644 --- a/stylesheets/_session.scss +++ b/stylesheets/_session.scss @@ -440,4 +440,41 @@ $session_message-container-border-radius: 5px; } } } + + &-icon-button { + fill: $session-color-white; + opacity: 0.4; + cursor: pointer; + display: inline-block; + transition: opacity $session-transition-duration; + + @mixin adjust-icon-size($size) { + line-height: $size; + height: $size; + width: $size; + + margin: $size / 3; + + img { + height: $size; + width: $size; + } + } + + &.small { + @include adjust-icon-size($session-icon-size-sm); + } + + &.medium { + @include adjust-icon-size($session-icon-size-md); + } + + &.large { + @include adjust-icon-size($session-icon-size-lg); + } + + &:hover { + opacity: 1; + } + } } diff --git a/stylesheets/_session_signin.scss b/stylesheets/_session_signin.scss index 331f569b5..38e71be52 100644 --- a/stylesheets/_session_signin.scss +++ b/stylesheets/_session_signin.scss @@ -232,55 +232,6 @@ - - - -.session-icon-button { - fill: $session-color-white; - opacity: 0.4; - cursor: pointer; - display: inline-block; - transition: opacity $session-transition-duration; - - @mixin adjust-icon-size($size) { - line-height: $size; - height: $size; - width: $size; - - margin: $size / 3; - - img { - height: $size; - width: $size; - } - } - - &.small { - @include adjust-icon-size($session-icon-size-sm); - } - - &.medium { - @include adjust-icon-size($session-icon-size-md); - } - - &.large { - @include adjust-icon-size($session-icon-size-lg); - } - - &:hover { - opacity: 1; - } -} - - - - - - - - - - [contenteditable='true']:empty::before { content: attr(placeholder); color: $session-color-light-grey;