cloudstack/ui/stylesheets/csui/_button.scss

59 lines
1.5 KiB
SCSS

// Licensed to the Apache Software Foundation (ASF) under one
// or more contributor license agreements. See the NOTICE file
// distributed with this work for additional information
// regarding copyright ownership. The ASF licenses this file
// to you under the Apache License, Version 2.0 (the
// "License"); you may not use this file except in compliance
// with the License. You may obtain a copy of the License at
//
// http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing,
// software distributed under the License is distributed on an
// "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
// KIND, either express or implied. See the License for the
// specific language governing permissions and limitations
// under the License.
@mixin csui-button {
@include linear-gradient(#fff, darken(#ccc, 30%));
display: block;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 12px;
padding-right: 12px;
min-width: 92px;
font-size: 12px;
border-radius: 3px;
border: 1px solid black;
cursor: pointer;
&:hover {
box-shadow: inset 0 0 10px black;
}
}
@mixin csui-button-cta {
@include csui-button;
@include linear-gradient(darkgray, lighten(black, 15%));
background-color: #2e2e2e;
color: white;
font-weight: bold;
text-shadow: 0px 1px 1px black;
}
// Defaults
.ui-dialog button {
&:not(.ok) {
@include csui-button;
}
&.ok {
@include csui-button-cta;
float: right;
}
float: left;
}