Files
sogo/UI/WebServerResources/scss/components/button/_button.scss

41 lines
965 B
SCSS

/*! _button.scss */
///
/// Project SOGo
/// Version 3.alpha
/// Component button
///
/// Definitions for button extends
///
@import 'extends';
// Buttons for the sidenav folder tree
// ------------------------------------
sg-folder-tree .md-button {
outline: none;
color: inherit;
font-size: sg-size(button);
padding: 0;
-webkit-font-smoothing: auto;
}
.sg-active .md-button {
color: sg-color($sogoBlue, 800);
}
// Custom icon-buttons
// ----------------------------------------------------------------------------
button.icon {
font-size: sg-size('title');
color: $colorGray;
transition: box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1),
background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1),
color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1),
transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
&:hover {
color: sg-color($sogoBlue, 500);
}
}
.sg-button-navicon {
width: $touch-zone;
height: $touch-zone;
margin-left: ($mg * -1);
}