Skip to content

Commit

Permalink
style updates
Browse files Browse the repository at this point in the history
  • Loading branch information
pichalite committed Jun 2, 2019
1 parent 35ce3ad commit fd990a6
Show file tree
Hide file tree
Showing 20 changed files with 2,877 additions and 2,878 deletions.
321 changes: 160 additions & 161 deletions less/actions.less
Expand Up @@ -4,165 +4,164 @@
z-index: 2;
margin: 0;

>li {
display: inline-block;
vertical-align: baseline;

&.open {

>a {
>i {
color: #000;
}

&:before {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
filter: alpha(opacity=100);
}
}
}

>span {
>i {
-webkit-transition: color;
-moz-transition: color;
-o-transition: color;
transition: color;
-webkit-transition-duration: 1300ms;
transition-duration: 1300ms;
color: @action-items-color;
font-size: 18px;
}

&:hover {
cursor: pointer;
}
}
}

>li>a, >a {
width: 30px;
height: 30px;
line-height: 37px;
display: inline-block;
text-align: center;
position: relative;
padding-left: 2px;

>i {
-webkit-transition: color;
-moz-transition: color;
-o-transition: color;
transition: color;
-webkit-transition-duration: 1300ms;
transition-duration: 1300ms;
color: #666;
font-size: 18px;
}

&:hover {
color: #000;

>i {
color: #000;
}

&:before {
-webkit-transform: scale3d(1, 1, 1);
-moz-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
-o-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
filter: alpha(opacity=100);
}
}

&:before {
left: 0;
top: 0;
content: "";
position: absolute;
width: 100%;
height: 100%;
-webkit-transform: scale3d(0, 0, 0);
-moz-transform: scale3d(0, 0, 0);
-ms-transform: scale3d(0, 0, 0);
-o-transform: scale3d(0, 0, 0);
transform: scale3d(0, 0, 0);
-webkit-transition: all;
-moz-transition: all;
-o-transition: all;
transition: all;
-webkit-transition-duration: 250ms;
transition-duration: 250ms;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
background-color: rgba(0, 0, 0, .1);
z-index: 0;
border-radius: 50%;
opacity: 0;
filter: alpha(opacity=0);
}
}

&.open {
z-index: 3;

>a {
>i {
color: #000;
}

&:before {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
filter: alpha(opacity=100);
}
}
}

&.actions-alt {
>li {
>a {
>i {
color: #fff;

&:hover {
color: #fff;
}
}
}

&.open {
>a {
>i {
color: #fff;
}
}
}
}
}

.thread-sort>span {
width: 30px;
height: 30px;
line-height: 37px;
display: inline-block;
text-align: center;
position: relative;
font-size: 20px;
}

.user-picture {
.user-icon(32px, 1.9rem);
}
>li {
display: inline-block;
vertical-align: baseline;

&.open {
>a {
>i {
color: #000;
}

&:before {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
filter: alpha(opacity=100);
}
}
}

>span {
>i {
-webkit-transition: color;
-moz-transition: color;
-o-transition: color;
transition: color;
-webkit-transition-duration: 1300ms;
transition-duration: 1300ms;
color: @action-items-color;
font-size: 18px;
}

&:hover {
cursor: pointer;
}
}
}

>li>a, >a {
width: 30px;
height: 30px;
line-height: 37px;
display: inline-block;
text-align: center;
position: relative;
padding-left: 2px;

>i {
-webkit-transition: color;
-moz-transition: color;
-o-transition: color;
transition: color;
-webkit-transition-duration: 1300ms;
transition-duration: 1300ms;
color: #666;
font-size: 18px;
}

&:hover {
color: #000;

>i {
color: #000;
}

&:before {
-webkit-transform: scale3d(1, 1, 1);
-moz-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
-o-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
filter: alpha(opacity=100);
}
}

&:before {
left: 0;
top: 0;
content: "";
position: absolute;
width: 100%;
height: 100%;
-webkit-transform: scale3d(0, 0, 0);
-moz-transform: scale3d(0, 0, 0);
-ms-transform: scale3d(0, 0, 0);
-o-transform: scale3d(0, 0, 0);
transform: scale3d(0, 0, 0);
-webkit-transition: all;
-moz-transition: all;
-o-transition: all;
transition: all;
-webkit-transition-duration: 250ms;
transition-duration: 250ms;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
background-color: rgba(0, 0, 0, .1);
z-index: 0;
border-radius: 50%;
opacity: 0;
filter: alpha(opacity=0);
}
}

&.open {
z-index: 3;

>a {
>i {
color: #000;
}

&:before {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
filter: alpha(opacity=100);
}
}
}

&.actions-alt {
>li {
>a {
>i {
color: #fff;

&:hover {
color: #fff;
}
}
}

&.open {
>a {
>i {
color: #fff;
}
}
}
}
}

.thread-sort>span {
width: 30px;
height: 30px;
line-height: 37px;
display: inline-block;
text-align: center;
position: relative;
font-size: 20px;
}

.user-picture {
.user-icon(32px, 1.9rem);
}
}
6 changes: 3 additions & 3 deletions less/breadcrumb.less
Expand Up @@ -11,9 +11,9 @@

li {
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
}

Expand Down

0 comments on commit fd990a6

Please sign in to comment.