57 lines
1.1 KiB
SCSS
57 lines
1.1 KiB
SCSS
body {
|
|
background-color: #f2f2f2 !important;
|
|
}
|
|
|
|
$white: #fff;
|
|
$google-blue: #4285f4;
|
|
$button-active-blue: #1669f2;
|
|
|
|
.google-btn {
|
|
width: 184px;
|
|
height: 42px;
|
|
background-color: $google-blue !important;
|
|
border-radius: 2px;
|
|
box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.25);
|
|
.google-icon-wrapper {
|
|
position: absolute;
|
|
margin-top: 1px;
|
|
margin-left: 1px;
|
|
width: 40px;
|
|
height: 40px;
|
|
border-radius: 2px;
|
|
background-color: $white;
|
|
}
|
|
.google-icon {
|
|
position: absolute;
|
|
margin-top: 11px;
|
|
margin-left: 11px;
|
|
width: 18px;
|
|
height: 18px;
|
|
}
|
|
.btn-text {
|
|
float: right;
|
|
margin: 5px 5px 0px 0px;
|
|
color: $white;
|
|
font-size: 14px;
|
|
letter-spacing: 0.2px;
|
|
font-family: 'Roboto';
|
|
background-color: $google-blue;
|
|
width: 135px;
|
|
height: 30px;
|
|
padding: 6px 6px 7px 6px;
|
|
border: $google-blue;
|
|
}
|
|
&:hover {
|
|
box-shadow: 0 0 6px $google-blue !important;
|
|
}
|
|
&:active {
|
|
background: $button-active-blue !important;
|
|
}
|
|
|
|
.google-div {
|
|
margin-left: 150px !important;
|
|
}
|
|
}
|
|
|
|
@import url(https://fonts.googleapis.com/css?family=Roboto:500);
|