2017-07-12 21:09:15 +03:00
|
|
|
// stylelint-disable selector-max-type
|
2017-05-11 07:56:23 +03:00
|
|
|
.blankslate {
|
|
|
|
position: relative;
|
|
|
|
padding: $spacer-5;
|
|
|
|
text-align: center;
|
|
|
|
background-color: $gray-000;
|
|
|
|
border: 1px solid $gray-200;
|
|
|
|
border-radius: 3px;
|
|
|
|
box-shadow: inset 0 0 10px rgba($black, 0.05);
|
|
|
|
|
|
|
|
code {
|
|
|
|
padding: 2px 5px 3px;
|
|
|
|
font-size: 14px;
|
|
|
|
background: $bg-white;
|
|
|
|
border: 1px solid $border-gray-light;
|
|
|
|
border-radius: 3px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.blankslate-icon {
|
|
|
|
margin-right: $spacer-1;
|
|
|
|
margin-bottom: $spacer-2;
|
|
|
|
margin-left: $spacer-1;
|
|
|
|
color: lighten($gray-400, 5%);
|
|
|
|
}
|
|
|
|
|
|
|
|
.blankslate-capped {
|
|
|
|
border-radius: 0 0 3px 3px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.blankslate-spacious {
|
|
|
|
padding: ($spacer-6 * 2) $spacer-6;
|
|
|
|
}
|
|
|
|
|
|
|
|
.blankslate-narrow {
|
|
|
|
width: 485px;
|
|
|
|
margin: 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
// was .large-format
|
|
|
|
.blankslate-large {
|
|
|
|
h3 {
|
|
|
|
margin: $spacer-3 0;
|
|
|
|
font-size: $h3-size;
|
|
|
|
}
|
|
|
|
|
|
|
|
p {
|
|
|
|
font-size: $h4-size;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
// was .clean-background
|
|
|
|
.blankslate-clean-background {
|
|
|
|
background: none;
|
|
|
|
border: 0;
|
|
|
|
box-shadow: none;
|
|
|
|
}
|