p5.js-web-editor/client/styles/components/_github-button.scss

35 lines
814 B
SCSS
Raw Normal View History

.github-button,
.google-button {
2016-09-13 23:05:42 +02:00
@include themify() {
@extend %button;
& path {
color: getThemifyVariable('primary-text-color');
}
&:hover path, &:active path {
fill: $white;
}
&:hover, &:active {
color: getThemifyVariable('button-hover-color');
background-color: getThemifyVariable('button-background-hover-color');
border-color: getThemifyVariable('button-background-hover-color');
2016-09-13 23:05:42 +02:00
}
2016-08-31 21:12:18 +02:00
}
2016-09-14 17:55:53 +02:00
width: #{300 / $base-font-size}rem;
display: flex;
justify-content: center;
align-items: center;
& + & {
margin-top: #{10 / $base-font-size}rem;
}
2016-08-31 21:12:18 +02:00
}
.github-icon {
margin-right: #{10 / $base-font-size}rem;
}
.google-icon {
2018-04-18 23:00:53 +02:00
width: #{32 / $base-font-size}rem;
height: #{32 / $base-font-size}rem;
margin-right: #{10 / $base-font-size}rem;
}