consul/website/source/assets/stylesheets/consul-connect/components/_use-cases.scss

59 lines
882 B
SCSS
Raw Normal View History

2018-06-11 22:59:00 +00:00
.g-use-cases {
2018-06-15 23:12:03 +00:00
margin: 48px 0 8px;
@media (min-width: 768px) {
display: flex;
justify-content: center;
margin: 0 (-$site-gutter-padding);
}
2018-06-11 22:59:00 +00:00
h3 {
font-weight: 800;
2018-06-15 23:12:03 +00:00
margin: 40px 0 0;
2018-06-11 22:59:00 +00:00
span {
display: block;
font-weight: 300;
2018-06-11 22:59:00 +00:00
}
}
2018-06-15 23:12:03 +00:00
p {
margin-top: 0.5em;
@media (min-width: 768px) {
margin-top: 1em;
}
}
2018-06-11 22:59:00 +00:00
& > div {
2018-06-15 23:12:03 +00:00
padding: 0 16px;
2018-06-11 22:59:00 +00:00
position: relative;
text-align: center;
2018-06-15 23:12:03 +00:00
@media (min-width: 768px) {
padding: 0 $site-gutter-padding;
width: 33.33333%;
}
@media (min-width: 992px) {
display: flex;
flex-direction: column;
justify-content: space-between;
}
& + div {
margin-top: 56px;
@media (min-width: 768px) {
margin-top: 0;
}
}
2018-06-11 22:59:00 +00:00
}
.g-btn {
2018-06-15 23:12:03 +00:00
@media (min-width: 768px) {
margin-top: 22px;
}
2018-06-11 22:59:00 +00:00
}
}