代码功能更新
This commit is contained in:
@@ -0,0 +1,184 @@
|
||||
@charset "UTF-8";
|
||||
|
||||
#{$prefix}dialog {
|
||||
color: $color;
|
||||
position: fixed;
|
||||
z-index: 99999;
|
||||
display: none;
|
||||
@include border-radius(3px);
|
||||
@include box-shadow(0 0 10px rgba(0, 0, 0, 0.3));
|
||||
//@include user-select(none);
|
||||
background: #fff;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
#{$prefix}dialog-container {
|
||||
position: relative;
|
||||
padding: 20px;
|
||||
line-height: 1.4;
|
||||
|
||||
h1 {
|
||||
font-size: 24px;
|
||||
margin-bottom: 10px;
|
||||
|
||||
.fa {
|
||||
color: #2C7EEA;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
small {
|
||||
padding-left: 5px;
|
||||
font-weight: normal;
|
||||
font-size: 12px;
|
||||
color: #999;
|
||||
}
|
||||
}
|
||||
|
||||
select {
|
||||
color: #999;
|
||||
padding: 3px 8px;
|
||||
border: 1px solid $borderColor;
|
||||
}
|
||||
}
|
||||
|
||||
#{$prefix}dialog-close {
|
||||
position: absolute;
|
||||
top: 12px;
|
||||
right: 15px;
|
||||
font-size: 18px;
|
||||
color: #ccc;
|
||||
@include transition(color 300ms ease-out);
|
||||
|
||||
&:hover {
|
||||
color: #999;
|
||||
}
|
||||
}
|
||||
|
||||
#{$prefix}dialog-header {
|
||||
padding: 11px 20px;
|
||||
border-bottom: 1px solid #eee;
|
||||
@include transition(background 300ms ease-out);
|
||||
|
||||
&:hover {
|
||||
background: #f6f6f6;
|
||||
}
|
||||
}
|
||||
|
||||
#{$prefix}dialog-title {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
#{$prefix}dialog-footer {
|
||||
padding: 10px 0 0 0;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
#{$prefix}dialog-info {
|
||||
width: 420px;
|
||||
|
||||
h1 {
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
#{$prefix}dialog-container {
|
||||
padding: 20px 25px 25px;
|
||||
}
|
||||
|
||||
#{$prefix}dialog-close {
|
||||
top: 10px;
|
||||
right: 10px;
|
||||
}
|
||||
|
||||
p > a, .hover-link:hover {
|
||||
color: #2196F3;
|
||||
}
|
||||
|
||||
.hover-link {
|
||||
color: #666;
|
||||
}
|
||||
|
||||
a {
|
||||
.fa-external-link {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: #2196F3;
|
||||
|
||||
.fa-external-link {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#{$prefix}mask,
|
||||
#{$prefix}container-mask,
|
||||
#{$prefix}dialog-mask {
|
||||
display: none;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
#{$prefix}mask,
|
||||
#{$prefix}dialog-mask-bg {
|
||||
background: #fff;
|
||||
opacity: 0.5;
|
||||
filter: alpha(opacity=50);
|
||||
}
|
||||
|
||||
#{$prefix}mask {
|
||||
position: fixed;
|
||||
background: #000;
|
||||
@include opacity(0.2);
|
||||
z-index: 99998;
|
||||
}
|
||||
|
||||
#{$prefix}container-mask,
|
||||
#{$prefix}dialog-mask-con {
|
||||
background: url(../images/loading.gif) no-repeat center center;
|
||||
@include background-size(32px 32px);
|
||||
}
|
||||
|
||||
#{$prefix}container-mask {
|
||||
z-index: 20;
|
||||
display: block;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
|
||||
#{$prefix}container-mask,
|
||||
#{$prefix}dialog-mask-con {
|
||||
background-image: url(../images/loading@2x.gif);
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-pixel-ratio: 3) {
|
||||
#{$prefix}container-mask,
|
||||
#{$prefix}dialog-mask-con {
|
||||
background-image: url(../images/loading@3x.gif);
|
||||
}
|
||||
}
|
||||
|
||||
#{$prefix}code-block-dialog,
|
||||
#{$prefix}preformatted-text-dialog {
|
||||
textarea {
|
||||
width: 100%;
|
||||
height: 400px;
|
||||
margin-bottom: 6px;
|
||||
overflow: auto;
|
||||
border: 1px solid #eee;
|
||||
background: #fff;
|
||||
padding: 15px;
|
||||
resize: none;
|
||||
}
|
||||
}
|
||||
|
||||
#{$prefix}code-toolbar {
|
||||
color: #999;
|
||||
font-size: 14px;
|
||||
margin: -5px 0 10px;
|
||||
}
|
||||
Reference in New Issue
Block a user