butter/butter-kanglam-ui
3
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

pixel pushing

Browse source
This commit is contained in:
John Hess 2022-10-10 16:00:01 -05:00
parent e6908a34bf
commit fe5a12592b
4 changed files with 23 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

27
_scss/pages/home.scss
View file

@ -77,10 +77,11 @@ a:active {
// -------------------------
.content-area {
background-color: white;
border-top-left-radius: 50vw;
border-top-right-radius: 50vw;
border-bottom-left-radius: 50vw;
border-bottom-right-radius: 50vw;
// This makes the radius as large as a pill shape can be.
border-top-left-radius: 9999px;
border-top-right-radius: 9999px;
border-bottom-left-radius: 9999px;
border-bottom-right-radius: 9999px;
padding-bottom: Min(50vw, 250px);
&-topper {
margin-top: 175px;
@ -93,6 +94,7 @@ a:active {
height: auto;
}
.content-title {
margin-top: 25px;
margin-left: 15%;
margin-right: 15%;
font-size: 36px;
@ -103,7 +105,6 @@ a:active {
}
}
&-wrapper {
margin-top: 30px;
margin-bottom: 30px;
margin-left: 30px;
margin-right: 30px;
@ -155,7 +156,7 @@ a:active {
transition: transform .25s ease-out;
}
.content-expander {
border-bottom-color: $lighter-gray;
border-bottom-color: $light-gray;
border-bottom-style: solid;
border-bottom-width: 2px;
padding: 10px;
@ -191,7 +192,7 @@ a:active {
margin-top: 5px;
text-align: left;
font-size: 13px;
border-bottom-color: $lighter-gray;
border-bottom-color: $light-gray;
border-bottom-style: solid;
border-bottom-width: 2px;
}
@ -199,20 +200,22 @@ a:active {
img {
margin-top: 10px;
position: relative;
left: -20vw;
width: 150%;
left: -40px;
// Bleed to the edges of the main section.
width: calc(100% + 80px);
height: auto;
}
}
}
}
// -------------------------
// Footer Styles
// Button Styles
// -------------------------
.btn-android {
margin: 17.5px 15px 17.5px 0px;
height: 25px;
margin: 15px 15px 15px 0px;
height: 30px;
width: auto;
}