1
1
mirror of https://github.com/primer/css.git synced 2024-12-21 05:01:45 +03:00
css/modules/primer-blankslate/lib/blankslate.scss
2017-05-11 15:07:16 -04:00

58 lines
972 B
SCSS

// stylelint-disable selector-no-type
.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;
}