Docker/documize
Docker/documize
1
0
Fork 0
mirror of https://github.com/documize/community.git synced 2025-07-24 15:49:44 +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

80
gui/app/styles/core/mixins.scss Normal file
View file

@ -0,0 +1,80 @@
@mixin sticky()
{
position: -moz-sticky;
position: -ms-sticky;
position: -o-sticky;
position: -webkit-sticky;
position: sticky;
}
@mixin border-radius($radius)
{
-webkit-border-radius: $radius;
-moz-border-radius: $radius;
border-radius: $radius;
}
@mixin border-radius-left($radius)
{
border-top-left-radius: $radius;
border-bottom-left-radius: $radius;
}
@mixin border-radius-right($radius)
{
border-top-right-radius: $radius;
border-bottom-right-radius: $radius;
}
@mixin border-radius-top($radius)
{
border-top-left-radius: $radius;
border-top-right-radius: $radius;
}
@mixin border-radius-bottom($radius)
{
border-bottom-left-radius: $radius;
border-bottom-right-radius: $radius;
}
@mixin ease-in()
{
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
transition: all 0.30s ease-in-out;
}
@mixin content-container($pad-tb: 25px, $pad-lr: 50px) {
@include border-radius(2px);
padding: $pad-tb $pad-lr;
box-shadow: 0 0 0 0.75pt $color-stroke,0 0 3pt 0.75pt $color-stroke;
background-color: $color-white;
}
@mixin card() {
background-color: $color-card;
box-shadow: 1px 1px 3px 0px rgba(211,211,211,1);
&:hover {
background-color: darken($color-card, 5%);
color: $color-link;
}
}
@mixin card-theme() {
background-color: $color-primary-light;
box-shadow: 1px 1px 3px 0px rgba(211,211,211,1);
&:hover {
background-color: darken($color-primary-light, 5%);
color: $color-primary;
}
}
@mixin shadow() {
box-shadow: 1px 1px 3px 0px rgba(211,211,211,1);
}