mirror of
https://github.com/pulsar-edit/pulsar.git
synced 2024-11-09 13:15:37 +03:00
138 lines
2.1 KiB
Plaintext
138 lines
2.1 KiB
Plaintext
@import "ui-variables";
|
|
|
|
// Override bootstrap styles here.
|
|
|
|
.panel {
|
|
border-radius: 0;
|
|
border: none;
|
|
background-color: transparent;
|
|
box-shadow: none;
|
|
|
|
&.bordered {
|
|
.panel-heading {
|
|
border-radius: @component-border-radius @component-border-radius 0 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
// interstitial panels
|
|
|
|
.inset-panel {
|
|
.panel-heading {
|
|
border-radius: @component-border-radius @component-border-radius 0 0;
|
|
}
|
|
}
|
|
|
|
.panel-heading {
|
|
margin: 0;
|
|
padding: @component-padding;
|
|
|
|
border-radius: 0;
|
|
|
|
font-size: @font-size;
|
|
line-height: 1;
|
|
|
|
.btn {
|
|
@btn-height: @component-line-height - 5px;
|
|
height: @btn-height;
|
|
line-height: @btn-height;
|
|
font-size: @font-size - 2px;
|
|
position: relative;
|
|
top: -5px;
|
|
}
|
|
}
|
|
|
|
// Tool panels
|
|
|
|
atom-panel-container.left,
|
|
atom-panel-container.right {
|
|
display: -webkit-flex;
|
|
-webkit-flex-direction: row;
|
|
-webkit-align-items: stretch;
|
|
height: 100%;
|
|
atom-panel {
|
|
height: 100%;
|
|
}
|
|
}
|
|
|
|
atom-panel {
|
|
display: block;
|
|
}
|
|
|
|
atom-panel.top,
|
|
atom-panel.bottom,
|
|
atom-panel.left,
|
|
atom-panel.right {
|
|
background-color: @tool-panel-background-color;
|
|
}
|
|
|
|
// deprecated
|
|
.tool-panel {
|
|
position: relative;
|
|
background-color: @tool-panel-background-color;
|
|
}
|
|
|
|
// Modal panels
|
|
|
|
.overlay, // deprecated .overlay
|
|
atom-panel.modal {
|
|
position: absolute;
|
|
left: 50%;
|
|
width: 500px;
|
|
margin-left: -250px;
|
|
z-index: 9999;
|
|
box-sizing: border-box;
|
|
|
|
color: @text-color;
|
|
background-color: @overlay-background-color;
|
|
|
|
padding: 10px;
|
|
|
|
h1 {
|
|
margin-top: 0;
|
|
color: @text-color-highlight;
|
|
font-size: 1.6em;
|
|
font-weight: bold;
|
|
}
|
|
|
|
h2 {
|
|
font-size: 1.3em;
|
|
}
|
|
|
|
atom-text-editor[mini] {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.message {
|
|
padding-top: 5px;
|
|
font-size: 11px;
|
|
}
|
|
|
|
&.mini {
|
|
width: 200px;
|
|
margin-left: -100px;
|
|
font-size: 12px;
|
|
}
|
|
}
|
|
|
|
// deprecated: from-top, from-bottom
|
|
.overlay.from-top,
|
|
atom-panel.modal {
|
|
top: 0;
|
|
border-top: none;
|
|
border-top-left-radius: 0;
|
|
border-top-right-radius: 0;
|
|
}
|
|
|
|
// TODO: Remove these!
|
|
.overlay.from-bottom {
|
|
bottom: 0;
|
|
border-bottom: none;
|
|
border-bottom-left-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
|
|
.overlay.floating {
|
|
left: auto;
|
|
}
|