fleet/frontend/components/StackedWhiteBoxes/_styles.scss
Martavis Parker 384c987389
Removed all traces of Redux from the app! (#5287)
* clean up routes and useless components

* component clean up

* removed redux from routes

* rename file

* moved useDeepEffect hook with others

* removed redux, fleet, app_constants dirs; added types to utilities

* style cleanup

* typo fix

* removed unused ts-ignore comments

* removed redux packages!!!

* formatting

* fixed typing for simple search function

* updated frontend readme
2022-04-22 09:45:35 -07:00

66 lines
1.1 KiB
SCSS

.stacked-white-boxes {
transition: opacity 300ms ease-in;
margin: 2.5rem auto;
width: 516px;
&--loading {
opacity: 0;
}
&--loaded {
opacity: 1;
}
&--leaving {
opacity: 0;
}
&__box {
background-color: $core-white;
border-radius: 10px;
min-height: 360px;
box-sizing: border-box;
padding: $pad-xxlarge;
font-weight: 300;
&-text {
color: $core-fleet-black;
font-size: $small;
margin: $pad-xxlarge 0 $pad-large;
}
}
&__header {
width: 100%;
&-text {
font-size: $large;
font-weight: 300;
color: $core-fleet-black;
line-height: 32px;
margin-top: 0;
margin-bottom: 0;
}
}
&__back {
text-align: right;
width: 100%;
&-link {
transition: color 150ms ease-in-out;
color: $core-fleet-blue;
text-decoration: none;
position: absolute;
top: 10px;
right: 15px;
cursor: pointer;
font-weight: bold;
font-size: 30px;
&:hover {
color: $core-vibrant-blue;
}
}
}
}