Changeset View
Changeset View
Standalone View
Standalone View
src/resources/sass/app.scss
Show First 20 Lines • Show All 131 Lines • ▼ Show 20 Lines | &.form-list { | ||||
&:last-child { | &:last-child { | ||||
padding-right: 0; | padding-right: 0; | ||||
} | } | ||||
} | } | ||||
} | } | ||||
} | } | ||||
ul.status-list { | #status-box { | ||||
list-style: none; | background-color: lighten($green, 35); | ||||
padding: 0; | |||||
margin: 0; | |||||
svg { | .progress { | ||||
width: 1.25rem !important; | background-color: #fff; | ||||
height: 1.25rem; | height: 10px; | ||||
} | } | ||||
span { | .progress-label { | ||||
vertical-align: top; | font-size: 0.9em; | ||||
} | |||||
.progress-bar { | |||||
background-color: $green; | |||||
} | |||||
&.process-failed { | |||||
background-color: lighten($orange, 30); | |||||
.progress-bar { | |||||
background-color: $red; | |||||
} | |||||
} | } | ||||
} | } | ||||
#dashboard-nav { | #dashboard-nav { | ||||
display: flex; | display: flex; | ||||
flex-wrap: wrap; | flex-wrap: wrap; | ||||
justify-content: center; | justify-content: center; | ||||
margin-top: 1rem; | |||||
& > a { | & > a { | ||||
padding: 1rem; | padding: 1rem; | ||||
text-align: center; | text-align: center; | ||||
white-space: nowrap; | white-space: nowrap; | ||||
margin: 0 0.5rem 0.5rem 0; | margin-top: 0.5rem; | ||||
text-decoration: none; | text-decoration: none; | ||||
min-width: 8rem; | width: 150px; | ||||
&.disabled { | &.disabled { | ||||
pointer-events: none; | pointer-events: none; | ||||
opacity: 0.6; | opacity: 0.6; | ||||
} | } | ||||
.badge { | .badge { | ||||
position: absolute; | position: absolute; | ||||
top: 0.5rem; | top: 0.5rem; | ||||
right: 0.5rem; | right: 0.5rem; | ||||
} | } | ||||
& + a { | |||||
margin-left: 0.5rem; | |||||
} | |||||
} | } | ||||
svg { | svg { | ||||
width: 6rem; | width: 6rem; | ||||
height: 6rem; | height: 6rem; | ||||
margin: auto; | |||||
} | } | ||||
} | } | ||||
.plan-selector { | .plan-selector { | ||||
.plan-ico { | .plan-ico { | ||||
font-size: 4em; | font-size: 4em; | ||||
color: #f1a539; | color: #f1a539; | ||||
border: 3px solid #f1a539; | border: 3px solid #f1a539; | ||||
Show All 9 Lines |