food-inventory/assets/css/common.css

73 lines
1.1 KiB
CSS
Raw Normal View History

2019-11-20 23:16:27 +01:00
@import url('https://fonts.googleapis.com/css?family=Noto+Sans&display=swap');
@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');
2019-11-28 00:50:09 +01:00
@import url('https://fonts.googleapis.com/css?family=Lato&display=swap');
2019-11-20 23:16:27 +01:00
2019-11-21 20:47:57 +01:00
body {
min-height: 100vh;
}
2019-11-20 23:16:27 +01:00
.montserrat {
font-family: 'Montserrat', sans-serif;
}
2019-11-28 00:50:09 +01:00
.lato {
font-family: 'Lato', sans-serif;
}
2019-11-20 23:16:27 +01:00
.noto-sans {
font-family: 'Noto Sans', sans-serif;
}
.white {
color: white;
}
.bold-900 {
font-weight: 900;
2019-11-21 20:47:57 +01:00
}
.center30left {
position: absolute;
top: 50%;
left: 35%;
transform: translateX(-50%) translateY(-50%);
z-index: auto;
}
.flex-container {
display: flex;
flex-wrap: wrap;
}
.flex-evenly {
justify-content: space-evenly;
}
.flex-vertical-center {
align-items: center;
}
.flex-vertical-stretch {
align-items: stretch;
}
.flex-content-stretch {
align-content: stretch;
}
.flex-space-between {
justify-content: space-between;
}
2019-11-21 20:47:57 +01:00
.halo-hover {
transition: all 500ms;
}
.halo-hover:hover {
transition: all 500ms;
box-shadow: 0 0 100px white;
2019-11-28 00:50:09 +01:00
}
.width50P {
width: 50%;
2019-11-20 23:16:27 +01:00
}