Homepage update for Blender Cloud
Now with more Agent!
This commit is contained in:
@@ -818,10 +818,10 @@ section.pricing
|
||||
transform: scale(1)
|
||||
|
||||
a.sign-up-now
|
||||
+button($color-primary, 999em, true)
|
||||
+button($color-primary, 3px, true)
|
||||
|
||||
&:hover
|
||||
+button($color-success, 999em, true)
|
||||
+button($color-success, 3px, true)
|
||||
|
||||
&.education
|
||||
.pricing-caption
|
||||
@@ -886,14 +886,14 @@ section.pricing
|
||||
transform: translateX(-50%)
|
||||
font-size: 1.2em
|
||||
|
||||
+button($color-primary, 999em)
|
||||
+button($color-primary, 3px)
|
||||
padding: 5px 25px
|
||||
white-space: nowrap
|
||||
text-align: center
|
||||
|
||||
&:hover
|
||||
.sign-up-now
|
||||
+button($color-success, 999em, true)
|
||||
+button($color-success, 3px, true)
|
||||
|
||||
|
||||
section.supported-by
|
||||
@@ -962,10 +962,9 @@ section.team
|
||||
padding: 4px
|
||||
|
||||
opacity: 1
|
||||
width: 112px
|
||||
height: 112px
|
||||
margin-left: 15px
|
||||
margin-right: 15px
|
||||
width: 120px
|
||||
height: 120px
|
||||
margin: 7px 15px
|
||||
z-index: 0
|
||||
position: relative
|
||||
transition: transform 100ms ease-in-out, background-color 100ms ease-in-out, opacity 100ms ease-in-out
|
||||
@@ -1004,14 +1003,14 @@ section.team
|
||||
margin: 0
|
||||
padding: 0
|
||||
position: absolute
|
||||
top: -340px
|
||||
top: -370px
|
||||
left: 50%
|
||||
transform: translateX(-50%)
|
||||
|
||||
transition: opacity 180ms ease-in-out, top 150ms ease-out
|
||||
|
||||
&.active
|
||||
top: -330px
|
||||
top: -370px
|
||||
opacity: 1
|
||||
visibility: visible
|
||||
|
||||
@@ -1038,6 +1037,6 @@ section.team
|
||||
|
||||
.people-bio
|
||||
.bio
|
||||
top: -200px
|
||||
top: -250px
|
||||
&.active
|
||||
top: -220px
|
||||
top: -240px
|
||||
|
||||
@@ -1,4 +1,5 @@
|
||||
.navbar-backdrop.join
|
||||
background-color: white
|
||||
+media-xs
|
||||
background-size: initial
|
||||
.join
|
||||
@@ -27,8 +28,9 @@
|
||||
margin: 30px 0 50px 60px
|
||||
justify-content: flex-start
|
||||
|
||||
|
||||
|
||||
li.special
|
||||
color: $color-danger
|
||||
color: $color-success
|
||||
font-weight: bold
|
||||
|
||||
.page-section-container .page-card-side
|
||||
padding: 60px 25px
|
||||
|
||||
@@ -81,15 +81,28 @@
|
||||
background-color: white
|
||||
width: 100%
|
||||
|
||||
.page-triplet-container-fluid
|
||||
&.dark
|
||||
background-color: $color-background-nav
|
||||
color: $color-text-light-primary
|
||||
|
||||
section.page-card-header
|
||||
h2, h2 a
|
||||
color: white
|
||||
|
||||
p.extra a
|
||||
color: $color-text-light-primary
|
||||
|
||||
|
||||
.page-triplet-container
|
||||
+container-behavior
|
||||
padding: 25px 30px
|
||||
|
||||
.row, div[class^="col-md"]
|
||||
+media-md
|
||||
display: flex
|
||||
+media-lg
|
||||
display: flex
|
||||
p.extra
|
||||
padding: 25px 0
|
||||
text-align: center
|
||||
a
|
||||
color: $color-text-dark-primary
|
||||
|
||||
.triplet-card
|
||||
width: 100%
|
||||
@@ -102,7 +115,6 @@
|
||||
border-top-left-radius: 3px
|
||||
border-top-right-radius: 3px
|
||||
width: 100%
|
||||
border-bottom: 3px solid $color-primary
|
||||
+img-responsive
|
||||
|
||||
.triplet-card-info
|
||||
@@ -132,6 +144,8 @@
|
||||
line-height: 1.5em
|
||||
color: $color-text-dark-primary
|
||||
flex: 1
|
||||
padding-left: 5px
|
||||
padding-right: 5px
|
||||
|
||||
.triplet-cta
|
||||
display: block
|
||||
@@ -335,9 +349,9 @@ $page-card-icon-size: 75px
|
||||
max-width: 100%
|
||||
|
||||
.page-card-title
|
||||
color: $color-info
|
||||
color: white
|
||||
text-align: center
|
||||
padding-bottom: 0
|
||||
padding-bottom: 25px
|
||||
|
||||
&:after
|
||||
border: none
|
||||
@@ -431,16 +445,42 @@ a.page-card-cta
|
||||
background: linear-gradient(rgba(white, .3) 0%, transparent 60%)
|
||||
|
||||
.join
|
||||
span.text-background
|
||||
+text-background(white, darken($color-primary, 30%), 2px, 5px 0)
|
||||
|
||||
p
|
||||
padding: 0
|
||||
margin-left: -10px
|
||||
|
||||
ul
|
||||
margin: 0
|
||||
padding: 0
|
||||
|
||||
li span.text-background
|
||||
padding-left: 15px
|
||||
position: relative
|
||||
left: -10px
|
||||
&:before
|
||||
content: "·"
|
||||
color: white
|
||||
position: relative
|
||||
left: -10px
|
||||
|
||||
#page-header
|
||||
padding: 0 0 0 20px
|
||||
.page-title
|
||||
font:
|
||||
size: 2.8em
|
||||
|
||||
.page-title-summary
|
||||
font:
|
||||
style: normal
|
||||
size: 1.4em
|
||||
weight: 400
|
||||
|
||||
.page-header-cta-container
|
||||
margin: 0
|
||||
|
||||
.page-card
|
||||
&:nth-child(even)
|
||||
background-color: white
|
||||
|
||||
@@ -535,8 +535,8 @@
|
||||
@mixin text-background($text-color, $background-color, $roundness, $padding)
|
||||
border-radius: $roundness
|
||||
padding: $padding
|
||||
background-color: rgba($background-color, .9)
|
||||
box-shadow: 0.5em 0 0 rgba($background-color, .9),-0.5em 0 0 rgba($background-color, .9)
|
||||
background-color: $background-color
|
||||
box-shadow: 0.5em 0 0 $background-color,-0.5em 0 0 $background-color
|
||||
box-decoration-break: clone
|
||||
color: $text-color
|
||||
|
||||
|
||||
Reference in New Issue
Block a user