mirror of
https://github.com/empayre/fleet.git
synced 2024-11-06 08:55:24 +00:00
48156009fa
## Improve breakpoint variables to be useful "sm", "md", etc. instead of the pixel widths they are set to Also made sure all media queries are using these variables instead of hard-coded values. See @lukeheath's previous to-do in `frontend > styles > var > breakpoints.scss` --------- Co-authored-by: Jacob Shandling <jacob@fleetdm.com>
55 lines
859 B
SCSS
55 lines
859 B
SCSS
.manage-controls-page {
|
|
&__header-wrap {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
height: 38px;
|
|
|
|
.button-wrap {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
min-width: 266px;
|
|
}
|
|
}
|
|
|
|
&__header {
|
|
display: flex;
|
|
align-items: center;
|
|
|
|
.form-field {
|
|
margin-bottom: 0;
|
|
}
|
|
}
|
|
|
|
&__text {
|
|
margin-right: $pad-large;
|
|
}
|
|
|
|
&__title {
|
|
font-size: $large;
|
|
}
|
|
|
|
&__description {
|
|
margin: 0;
|
|
margin-bottom: $pad-large;
|
|
max-width: 75%;
|
|
@media (min-width: $break-md) {
|
|
max-width: none;
|
|
}
|
|
|
|
h2 {
|
|
text-transform: uppercase;
|
|
color: $core-fleet-black;
|
|
font-weight: $regular;
|
|
font-size: $small;
|
|
}
|
|
|
|
p {
|
|
color: $ui-fleet-black-75;
|
|
margin: 0;
|
|
font-size: $x-small;
|
|
font-style: italic;
|
|
}
|
|
}
|
|
}
|