tweak snippet title and borders style
}
.snippet-container.wide-screen {
- border-bottom: 1px solid #eee;
+ border-bottom: 1px solid #ddd;
display: flex;
align-items: center;
flex-direction: column;
.snippet-container.wide-screen .padding {
flex: 1;
- border-bottom: 1px solid #eee;
+ border-bottom: 1px solid #ddd;
height: 36px;
}
}
.snippet-container .snippet {
- border-top: 1px solid #eee;
- border-bottom: 1px solid #eee;
+ border-top: 1px solid #ddd;
+ border-bottom: 1px solid #ddd;
}
.snippet-container.wide-screen .snippet {
}
.snippet-container.wide-screen {
- border-top: 1px solid #eee;
+ border-top: 1px solid #ddd;
}
.snippet-container.wide-screen.with-title {
}
.snippet-container .title-container .title {
- color: #777;
+ color: #555;
display: inline-block;
padding: 8px 16px;
- border: 1px solid #eee;
+ border: 1px solid #ddd;
border-bottom: none;
- font-size: 14px;
+ font-size: 13px;
+ font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
.snippet-container .title-container .large-filling {
- border-bottom: 1px solid #eee;
+ border-bottom: 1px solid #ddd;
flex: 1;
}
.snippet-container .title-container .small-filling {
- border-bottom: 1px solid #eee;
+ border-bottom: 1px solid #ddd;
flex-basis: 8px;
}
