jurassic-park-interface/sass/components/_borders.scss
2020-06-08 18:44:26 +01:00

72 lines
1.5 KiB
SCSS

.outer-edge__light {
border-left: solid 1px #585356;
border-top: solid 1px #585356;
border-right: solid 1px #c8c8c8;
border-bottom: solid 1px #c8c8c8;
border-radius: 1px;
background-color: #797979;
height: 100%;
}
.inner-edge__light {
border-bottom: solid 2px #4a4546;
border-right: solid 2px #4a4546;
border-left: solid 2px #c8c8c8;
border-top: solid 2px #c8c8c8;
padding: 5px;
height: 100%;
}
.inner-edge__dark {
border-bottom: solid 2px #3F3D43;
border-right: solid 2px #3F3D43;
border-left: solid 2px #A7A8AE;
border-top: solid 2px #A7A8AE;
height: 100%;
}
.outer-edge__dark {
border-left: solid 1px #302a2a;
border-top: solid 1px #302a2a;
border-right: solid 1px #c1c2c6;
border-bottom: solid 1px #c1c2c6;
border-radius: 1px;
height: 100%;
}
.inner-edge__light__no-padding {
@extend .inner-edge__light;
padding: 0px;
height: 100%;
}
.outer-edge__dark__no-right-edge {
@extend .outer-edge__dark;
border-right: none;
height: 100%;
}
.outer-edge__light__no-right-edge {
@extend .outer-edge__light;
border-right: none;
height: 100%;
}
.outer-edge__console {
border-top: solid 1px #6A6767;
border-right: solid 1px #B1ABAB;
border-bottom: solid 1px #B1ABAB;
border-left: solid 1px #6A6767;
border-radius: 1px;
height: 100%;
}
.inner-edge__console {
border-top: solid 1px #EAE9E9;
border-right: solid 1px #A59B9A;
border-bottom: solid 1px #A59B9A;
border-left: solid 1px #EAE9E9;
background-color: white;
height: 100%;
}