knative
/
docs
mirror of https://github.com/knative/docs.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fixed button color now in home + rephrased headline (#4759) 

* fixed button color now in home + rephrased headline

* fixed extra css
This commit is contained in:
Gabriel Freites 2022-02-17 06:14:12 -05:00 committed by GitHub
parent c134804077
commit 15c9ea7071
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 12 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
docs/stylesheets/extra.css
View File

@ -183,6 +183,10 @@ a.md-header__button.md-logo img {
font-size: 100%; font-size: 100%;
} }
.md-typeset .md-button {
color: #024c93;
}
/* Giving h4 tag distinctive style because it is non-differntial with bold text */ /* Giving h4 tag distinctive style because it is non-differntial with bold text */
.md-typeset h4 { .md-typeset h4 {
font-size: .9rem; font-size: .9rem;

6
overrides/assets/stylesheets/home.css
View File

@ -296,7 +296,7 @@ h2.secondary-headline, h3.trusted-by {
margin-top: 20px; margin-top: 20px;
} }
.trying-it-all-container .md-button.call-to-action { .trying-it-all-container .md-typeset .md-button.call-to-action {
font-size: x-large; font-size: x-large;
padding: 0.5rem 2em; padding: 0.5rem 2em;
background-color: #024c93; background-color: #024c93;
@ -415,8 +415,8 @@ h2.secondary-headline, h3.trusted-by {
color: #7cc57c; color: #7cc57c;
} }
.md-typeset .md-button { .md-typeset .md-button.white {
color: #024c93; color: white;
} }
@media only screen and (max-width: 1219px) { @media only screen and (max-width: 1219px) {

11
overrides/home.html
View File

@ -7,16 +7,15 @@
<div class="mdx-hero"> <div class="mdx-hero">
<div class="headline-section"> <div class="headline-section">
<h1 class="main-headline"> <h1 class="main-headline">
Knative is an open-source enterprise-level<br> Knative is an Open-Source Enterprise-level<br>
solution for leveraging Kubernetes in<br> solution to build Serverless and Event Driven Applications
serverless applications.
</h1> </h1>
<h2>Serverless workloads in Kubernetes environments.</h2> <h2>Serverless Containers in Kubernetes environments.</h2>
<p style="display: block"> <p style="display: block">
<a href="{{ 'getting-started/' | url }}" class="md-button md-button--primary"> <a href="{{ 'getting-started/' | url }}" class="md-button white md-button--primary">
Developer? Start Here! Developer? Start Here!
</a> </a>
<a href="{{ 'install/' | url }}" class="md-button"> Cluster Administrator? Start Here!</a> <a href="{{ 'install/' | url }}" class="md-button white"> Cluster Administrator? Start Here!</a>
</p> </p>
<div class="trusted-by-container"> <div class="trusted-by-container">
<h3 class="trusted-by">Trusted by</h3> <h3 class="trusted-by">Trusted by</h3>