Docker/documize
Docker/documize
1
0
Fork 0
mirror of https://github.com/documize/community.git synced 2025-07-24 07:39:43 +02:00
Code Releases Activity

[WIP] theme selector

Browse source
This commit is contained in:
Harvey Kandola 2018-11-24 16:13:21 +00:00
parent a7e52809dc
commit 11e164496b
74 changed files with 363 additions and 38 deletions
Download patch file Download diff file Expand all files Collapse all files

219
gui/app/styles/core/widget/widget-button.scss Normal file
View file

@ -0,0 +1,219 @@
// Copyright (c) 2015 Documize Inc.
.button-gap {
width: 5px;
margin: 0;
padding: 0;
display: inline-block;
@extend .no-select;
}
.button-icon-white {
display: inline-block;
cursor: default;
@include ease-in();
> i {
color: $color-white;
font-size: 2rem;
@include ease-in();
}
&:hover {
> i {
color: darken($color-white, 15%);
}
}
}
.button-icon-gray {
display: inline-block;
cursor: default;
@include ease-in();
> i {
color: $color-gray-light;
font-size: 2rem;
@include ease-in();
}
&:hover {
> i {
color: darken($color-gray-light, 15%);
}
}
}
.button-icon-gold {
display: inline-block;
cursor: default;
@include ease-in();
> i {
color: $color-goldy;
font-size: 2rem;
@include ease-in();
}
&:hover {
> i {
color: darken($color-goldy, 5%);
}
}
}
.button-icon-danger {
display: inline-block;
cursor: default;
@include ease-in();
> i {
color: $color-gray-light;
font-size: 2rem;
@include ease-in();
}
&:hover {
> i {
color: $color-red;
}
}
}
.button-icon-blue {
display: inline-block;
cursor: default;
@include ease-in();
> i {
color: $color-blue;
font-size: 2rem;
@include ease-in();
}
&:hover {
> i {
color: darken($color-blue, 5%);
}
}
}
.button-icon-red {
display: inline-block;
cursor: default;
@include ease-in();
> i {
color: $color-red;
font-size: 2rem;
@include ease-in();
}
&:hover {
> i {
color: darken($color-red, 5%);
}
}
}
.button-icon-green {
display: inline-block;
cursor: default;
@include ease-in();
> i {
color: $color-green;
font-size: 2rem;
@include ease-in();
}
&:hover {
> i {
color: darken($color-green, 5%);
}
}
}
.button-icon-black {
display: inline-block;
cursor: default;
@include ease-in();
> i {
color: $color-off-black;
font-size: 2rem;
@include ease-in();
}
&:hover {
> i {
color: darken($color-off-black, 5%);
}
}
}
.button-icon-theme {
display: inline-block;
cursor: default;
@include ease-in();
> i {
color: $color-primary;
font-size: 2rem;
@include ease-in();
}
&:hover {
> i {
color: darken($color-primary, 5%);
}
}
}
.button-icon-theme-light {
display: inline-block;
cursor: default;
@include ease-in();
> i {
color: $color-primary-light;
font-size: 2rem;
@include ease-in();
}
&:hover {
> i {
color: darken($color-primary-light, 5%);
}
}
}
.button-icon-small {
> i {
font-size: 1.3rem;
}
}
.button-icon-gap {
display: inline-block;
margin-left: 5px;
}
.button-gravatar-white {
display: inline-block;
cursor: default;
position: relative;
// overflow: hidden; // kills update dots
width: 35px;
height: 35px;
line-height: 34px;
padding: 0;
border-radius: 50%;
text-align: center;
color: $color-primary;
font-weight: bold;
background-color: $color-white;
@include ease-in();
&:hover {
background-color: darken($color-white, 15%);
}
}