Commit 67848c91 authored by mdsecurity's avatar mdsecurity

dont know how to stash yet

parent 0d4d6718
......@@ -39,3 +39,105 @@ $card-circle-picture-diameter:7rem;
.transparent-nav {
background-color: rgba(247, 247, 249,.5);
}
// .app-container {
// @extend .container;
// min-width: 100%;
// min-height: 100%;
// width: 100%;
// height: 100%;
// padding-right: 0;
// padding-left: 0;
// margin-right: 0;
// margin-left: 0;
// display: flex;
// }
.location-card {
width: $card-width;
height: $card-height;
margin: $card-spacing;
padding: 0px;
border-radius: $card-border-radius;
border: 0;
overflow: hidden;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
margin:.5rem;
}
.location-card:hover {
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
.location-background-picture {
height: $card-background-height;
width: 100%;
margin-bottom:$card-circle-picture-diameter/2;
}
.location-circle-picture {
position: absolute;
right:($card-width/2) - ($card-circle-picture-diameter/2);
top:$card-background-height - ($card-circle-picture-diameter/2);
border-radius:50%;
border:5px solid rgba(255, 255, 255, 1);
box-shadow: 0 0 1px white;
height: $card-circle-picture-diameter;
width: $card-circle-picture-diameter;
}
.sidebar {
height: 100%;
width: 98px;
//20%
background-color: #2b2b2b;
transition:all .5s cubic-bezier(0.55, 0, 0.1, 1);
color: #D7D7D4;
}
.main-content {
width:100%;
height:100%;
background: center center no-repeat scroll #f2f2f2;// #f5f5ef light cream
background-image: url('../assets/clock.png'); // possible use the mason M logo here
background-repeat: repeat;
}
.card-content {
display:flex;
margin-left: .5rem;
margin-right: .5rem;
}
// hr {
// display: block;
// margin:.5rem;
// margin-right: auto;
// // border-style: inset;
// border-top: 1px solid rgba(0, 0, 0, 1);
// border-width: 2px;
// max-width: 75%;
// color: black;
// }
// .sidebar-heading {
// margin-top: .5rem;
// margin-left: .5rem;
// }
// .sidebar-icon {
// // right:($card-width/2) - ($card-circle-picture-diameter/2);
// // top:$card-background-height - ($card-circle-picture-diameter/2);
// border-radius:50%;
// // border:5px solid rgba(255, 255, 255, 1);
// // box-shadow: 0 0 1px white;
// height: $sidebar-icon-diameter;
// width: $sidebar-icon-diameter;
// }
// @mixin transition($transition...) {
// -moz-transition: $transition;
// -o-transition: $transition;
// -webkit-transition: $transition;
// transition: $transition;
// }
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment