102 lines
2.0 KiB
SCSS
102 lines
2.0 KiB
SCSS
/*
|
|
To change this license header, choose License Headers in Project Properties.
|
|
To change this template file, choose Tools | Templates
|
|
and open the template in the editor.
|
|
*/
|
|
/*
|
|
Created on : 24-Jul-2018, 12:51:06
|
|
Author : podkrizniku
|
|
*/
|
|
|
|
$background_white: #ffffff;
|
|
$strong_blue_lighten_button: lighten( $strong_blue, 7% );
|
|
|
|
span.buttonwrapper {
|
|
a {
|
|
cursor: pointer;
|
|
display: block;
|
|
padding: 5px 12px 6px;
|
|
background-color: $strong_blue;
|
|
border-radius: 20px;
|
|
border: 1px $strong_blue solid;
|
|
|
|
transition: 0.1s;
|
|
|
|
&:hover {
|
|
background-color: $orange;
|
|
border: 1px $orange solid;
|
|
}
|
|
}
|
|
a.ovalbutton_gray {
|
|
cursor: pointer;
|
|
padding: 5px 12px 6px;
|
|
color: $strong_blue !important;
|
|
background-color: $background_white;
|
|
border: 1px $strong_blue solid;
|
|
|
|
transition: 0.1s;
|
|
|
|
&:hover {
|
|
background-color: $strong_blue !important;
|
|
color: white !important;
|
|
}
|
|
}
|
|
}
|
|
div.buttonwrapper {
|
|
a {
|
|
cursor: pointer;
|
|
display: block;
|
|
padding: 5px 12px 6px;
|
|
background-color: $strong_blue;
|
|
border-radius: 20px;
|
|
border: 1px $strong_blue solid;
|
|
|
|
transition: 0.1s;
|
|
|
|
&:hover {
|
|
background-color: $orange;
|
|
border: 1px $orange solid;
|
|
}
|
|
}
|
|
a.ovalbutton_gray {
|
|
cursor: pointer;
|
|
padding: 5px 20px 6px;
|
|
color: $strong_blue !important;
|
|
background-color: $background_white;
|
|
border: 1px $strong_blue solid;
|
|
|
|
transition: 0.1s;
|
|
|
|
&:hover {
|
|
background-color: $strong_blue !important;
|
|
color: white !important;
|
|
}
|
|
}
|
|
}
|
|
div.buttonwrapper.ovalbutton_gray {
|
|
a {
|
|
transition: 0.1s;
|
|
|
|
&:hover {
|
|
background-color: $strong_blue !important;
|
|
color: white !important;
|
|
}
|
|
}
|
|
}
|
|
a.ovalbutton {
|
|
cursor: pointer;
|
|
color: #ffffff !important;
|
|
font-size: 11px;
|
|
//font-weight: 600 !important;
|
|
.button {
|
|
.blue {
|
|
background-color: $strong_blue;
|
|
}
|
|
.lightblue {
|
|
background-color: $strong_blue_lighten_button;
|
|
}
|
|
.orange {
|
|
background-color: $orange;
|
|
}
|
|
}
|
|
} |