Commit 703de4a5 authored by Matt Vanderpol's avatar Matt Vanderpol

Annual total styling

parent 9c666164
Pipeline #33658905 passed with stages
in 25 minutes and 1 second
......@@ -17,7 +17,7 @@ extra_js:
GitLab Categories ROI Calculator
.row
.col-md-10.col-md-offset-1
.col-md-10.col-md-offset-1.roi-calculator-wrapper
.js-roi-calculator
.roi-calculator-container.u-margin-top-lg
.row.header-row
......
......@@ -3,6 +3,7 @@
@import "utility-classes";
@import "dropdowns";
$lt-large-header: 46px;
$lt-border-style: 1px solid $color-gray-extra-light;
.roi-calculator-container {
......@@ -113,3 +114,42 @@ $lt-border-style: 1px solid $color-gray-extra-light;
}
}
.roi-calculator-wrapper {
h1 {
margin-top: 10px;
font-size: $lt-large-header;
}
.gitlab-cost {
position: relative;
border-right: $lt-border-style;
h1 {
padding-right: 40px;
color: $color-gl-green;
text-align: right;
}
&::after {
content: "vs";
position: absolute;
top: 17px;
right: -20px;
padding: 7px 10px;
border-radius: 50%;
border: $lt-border-style;
background-color: $color-white;
height: 40px;
width: 40px;
display: flex;
justify-content: center;
align-items: center;
}
}
.toolchain-cost h1 {
padding-left: 40px;
color: $color-gl-red;
text-align: left;
}
}
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