IntenseWebs/opentofu
3
0
Fork 0
mirror of https://github.com/opentofu/opentofu.git synced 2024-12-28 01:41:48 -06:00
Code Issues Packages Projects Releases Wiki Activity

center feature text at 768

Browse Source
This commit is contained in:
JT 2014-07-24 11:43:14 -07:00
parent 37ad19b581
commit 9b59821bf1
3 changed files with 27 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
website/source/index.html.erb
View File

@ -21,11 +21,11 @@
<div class="feature" id="feature-auto"> <div class="feature" id="feature-auto">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-lg-7 col-md-7"> <div class="col-lg-7 col-md-7 col-sm-12">
<h2 class="feature-t">Automatically build infrastructure from code</h2> <h2 class="feature-t">Automatically build infrastructure from code</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vestibulum nibh vitae quam dapibus, nec sodales dolor sodales. Class aptent taciti sociosqu ad litora.</p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vestibulum nibh vitae quam dapibus, nec sodales dolor sodales. Class aptent taciti sociosqu ad litora.</p>
</div> </div>
<div class="col-lg-5 col-md-5"> <div class="col-lg-5 col-md-5 col-sm-12">
<h3 class="terminal-text">$ terraform apply</h3> <h3 class="terminal-text">$ terraform apply</h3>
</div> </div>
</div> </div>

16
website/source/stylesheets/_home.less
View File

@ -443,6 +443,14 @@
@media (max-width: 992px) { @media (max-width: 992px) {
.feature{
h2,p{
text-align: center !important;
padding-left: 0 !important;
}
}
#demos{ #demos{
.terminals{ .terminals{
.terminal-item{ .terminal-item{
@ -462,6 +470,14 @@
} }
@media (max-width: 768px) { @media (max-width: 768px) {
.feature{
h2,p{
text-align: center;
}
}
#demos{ #demos{
.terminals{ .terminals{
.terminal-item{ .terminal-item{

9
website/source/stylesheets/main.css
View File

@ -1022,11 +1022,20 @@ body.page-home #footer {
} }
} }
@media (max-width: 992px) { @media (max-width: 992px) {
.feature h2,
.feature p {
text-align: center !important;
padding-left: 0 !important;
}
#demos .terminals .terminal-item > header .right { #demos .terminals .terminal-item > header .right {
padding-left: 54px; padding-left: 54px;
} }
} }
@media (max-width: 768px) { @media (max-width: 768px) {
.feature h2,
.feature p {
text-align: center;
}
#demos .terminals .terminal-item > header .left span.icn { #demos .terminals .terminal-item > header .left span.icn {
padding-bottom: 15px; padding-bottom: 15px;
} }