public/rancher-docs
1
0
Fork 0
mirror of https://github.com/rancher/rancher-docs.git synced 2026-09-27 13:38:07 +00:00
Code Issues Packages Projects Releases Wiki Activity

cta block

Browse Source
This commit is contained in:
jrcreative
2020-07-27 16:18:38 -07:00
committed by Catherine Luse
parent a54bda273b
commit fc6e623ceb
4 changed files with 245 additions and 141 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/sass/app.scss
+57
View File
@@ -16,4 +16,61 @@
pre > code {
padding: 0;
}
.docs-cta-wrapper {
display: flex;
justify-content: flex-end;
}
.docs-cta {
padding: 10px;
background-color: #0075A8;
color: white;
border-radius: 30px;
display: flex;
align-content: center;
display: flex;
align-items: center;
margin-bottom: 1.5rem;
width: auto;
transition: width 200ms ease-in-out;
.content {
margin: 0 0.5rem;
a {
color: white;
text-decoration: underline;
}
}
.icon {
border: 2px solid white;
border-radius: 20px;
color: white;
height: 35px;
width: 35px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 900;
}
.close {
font-size: 20px;
background-color: rgba(255, 255, 255, 0.2);
border-radius: 20px;
height: 25px;
width: 25px;
display: flex;
justify-content: center;
align-items: center;
transition: background-color 250ms ease-in-out;
color: white;
&:hover {
background-color: rgba(255, 255, 255, 0.3);
}
}
}