Skip to content
This repository has been archived by the owner on Jun 18, 2024. It is now read-only.

Added style for bordered panel row and lighter panel title weight #215

Merged
merged 2 commits into from
Dec 14, 2016
Merged

Added style for bordered panel row and lighter panel title weight #215

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
70e208d
Added style for bordered panel row and lighter panel title weight
Dec 13, 2016
3610268
Moved some code around
Dec 14, 2016
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
34 changes: 24 additions & 10 deletions src/css/components/panel.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ $panel-padding: 1rem;
.panel {
@include clearfix;
min-height: 10rem;
padding: 0.75rem 0 0 0;
padding: .75rem 0 0;

& + .panel {
margin-top: 1.5rem;
Expand All @@ -24,12 +24,11 @@ h4 + .panel {

.panel-title {
font-size: 1.3rem;
font-weight: 600;
margin-bottom: 2rem;
}

.panel-group {
margin-bottom: 0.65rem;
margin-bottom: .65rem;
}

.panel-actions {
Expand All @@ -46,7 +45,7 @@ h4 + .panel {
margin-right: 0;

& + .action {
margin-left: 0.5rem;
margin-left: .5rem;
}
}
}
Expand All @@ -55,9 +54,12 @@ h4 + .panel {
align-items: center;
display: flex;
justify-content: space-between;
padding: 0.5rem 0;
padding: .5rem 0;

h1, h2, h3, h4 {
h1,
h2,
h3,
h4 {
font-size: 1rem;
font-weight: 900;
}
Expand All @@ -80,6 +82,7 @@ h4 + .panel {
margin: 1rem -1rem -1rem;
padding: 1rem;
width: 100%;

}

> .panel-row {
Expand All @@ -104,14 +107,25 @@ h4 + .panel {
&:last-child {
margin-bottom: 0;
}

}

.panel-row-bordered {
border-top: 1px solid $color-lightgray;

&:last-child {
border-bottom: 1px solid $color-lightgray;
margin-bottom: 0;
}

}

.panel-row-space {
margin-top: 1rem;
}

.panel-form-replace {
margin: -.5rem 0 -.5rem 0;
margin: -.5rem 0;
}

.panel-block {
Expand All @@ -131,10 +145,10 @@ h4 + .panel {
}

.panel-column-error {
border-left-width: 5px;
border-left-style: solid;
border-left-color: $color-warning; // #e31c3d;
padding-left: 0.5rem;
border-left-style: solid;
border-left-width: 5px;
padding-left: .5rem;
}

.panel-column-less {
Expand Down