Skip to content
Permalink
Browse files

201 hotfix (#457)

* Remove redundant semicolons.

* Move footer column styles to host

* Move styles into host

* Make menu styles important. Remove box sizing.

* Update tests to use local components.

* Run build.

* Use branch name in tests."

* run npm update.

* update tests dist again.

* minor tweak to preserve font size

* font size fix

* fix for js error on sites with custom active selectors

* rebuilding

* update version number.

* Changed position of byu-titles to relative so menu button and dividing line will position correctly
  • Loading branch information...
blakemorgan committed Jul 30, 2019
1 parent 88a6c80 commit d2765beed1670193bff680cae119c09dc1afeac2
@@ -18,17 +18,18 @@
@import "../shared-styles/helpers"
@import byu-breadcrumbs-mixins

// Breadcrumb above the titles
.byu-breadcrumbs-el
::slotted(*)
+breadcrumbLink()
\:host
// Breadcrumb above the titles
.byu-breadcrumbs-el
::slotted(*)
+breadcrumbLink()

::slotted(*:hover), ::slotted(*:focus)
opacity: 1
::slotted(*:hover), ::slotted(*:focus)
opacity: 1

::slotted(*:last-child)
border: none
::slotted(*:last-child)
border: none

// Hax for Edge
.byu-breadcrumbs-el.style-scope
font-size: $fontSize14
// Hax for Edge
.byu-breadcrumbs-el.style-scope
font-size: $fontSize14
@@ -34,11 +34,11 @@
box-shadow: 0 3px 5px 0 rgba(20, 20, 20, 0.35)
letter-spacing: 0.5px

.wrapper ::slotted(*)
+actionButtonLink

@media (max-width: $breakMdLg)
\:host
padding: 6.5px 0
font-size: 11px
line-height: 13px

.wrapper ::slotted(*)
+actionButtonLink
@@ -17,88 +17,89 @@
@import ../shared-styles/vars
@import byu-footer-column-mixins

.column-title
+footerColunmTitle

@media (max-width: $breakMdLg)
\:host
.column-title
font-size: $fontSize12
padding-bottom: $spacing0
+footerColunmTitle

@media (max-width: $breakMdLg)
.column-title
font-size: $fontSize12
padding-bottom: $spacing0

slot[name="header"]
width: 100%
margin: 0 0 $spacing2

.header
width: 100%
margin: 0 0 $spacing2
\::slotted(*)
+footerColumnHeader

\::slotted(*)
+footerColumnHeader
\::slotted(br)
display: none

\::slotted(br)
display: none
\::slotted(*)
max-width: 100%

\::slotted(*)
max-width: 100%
.content ::slotted(:not(byu-footer-action-button))
+baseColumnContent

.content ::slotted(:not(byu-footer-action-button))
+baseColumnContent
.content ::slotted(a)
+columnContentLink

.content ::slotted(a)
+columnContentLink
.content ::slotted(p), .content ::slotted(div)
+columnContentNotLink

.content ::slotted(p), .content ::slotted(div)
+columnContentNotLink
.content ::slotted(a:hover)
color: $navy

.content ::slotted(a:hover)
color: $navy
.content ::slotted(a:focus)
color: $navy
text-decoration: underline

.content ::slotted(a:focus)
color: $navy
text-decoration: underline
.content > a
+columnContentLink

.content > a
+columnContentLink
.content > div, .content > p
+columnContentNotLink

.content > div, .content > p
+columnContentNotLink
.content > a:hover
color: $navy

.content > a:hover
color: $navy
@media (max-width: $breakMdLg)
.content
\::slotted(:not(byu-footer-action-button))
font-size: $fontSize12

@media (max-width: $breakMdLg)
.content
\::slotted(:not(byu-footer-action-button))
slot[name="header"] ::slotted(*)
font-size: $fontSize12
max-width: 230px

.header ::slotted(*)
.footerActionButton
background-color: $royal
font-size: $fontSize12
max-width: 230px

.footerActionButton
background-color: $royal
font-size: $fontSize12
color: $white
display: inline-block
text-align: center
line-height: $fontSize16
padding: $spacing3 $spacing2
width: auto
min-width: 125px
margin: $spacing4 0
-webkit-box-shadow: 0 3px 5px 0 rgba(20, 20, 20, 0.35)
-moz-box-shadow: 0 3px 5px 0 rgba(20, 20, 20, 0.35)
box-shadow: 0 3px 5px 0 rgba(20, 20, 20, 0.35)
letter-spacing: 0.5px

.social-media-links
display: grid
grid-template-columns: repeat(6, 1fr)
color: transparent
background-size: contain
background-repeat: no-repeat
background-clip: content-box
background-position: center
margin: $spacing2 $spacing2 0 0
align-items: center

.social-media-links > a > img
height: 28px
width: 28px
color: $white
display: inline-block
text-align: center
line-height: $fontSize16
padding: $spacing3 $spacing2
width: auto
min-width: 125px
margin: $spacing4 0
-webkit-box-shadow: 0 3px 5px 0 rgba(20, 20, 20, 0.35)
-moz-box-shadow: 0 3px 5px 0 rgba(20, 20, 20, 0.35)
box-shadow: 0 3px 5px 0 rgba(20, 20, 20, 0.35)
letter-spacing: 0.5px

.social-media-links
display: grid
grid-template-columns: repeat(6, 1fr)
color: transparent
background-size: contain
background-repeat: no-repeat
background-clip: content-box
background-position: center
margin: $spacing2 $spacing2 0 0
align-items: center

.social-media-links > a > img
height: 28px
width: 28px
@@ -15,9 +15,9 @@
/
byu-footer:not(.byu-component-rendered)
display: grid;
grid-template: 1fr 70px / auto repeat(4, 256px) auto;
background-color: #fff;
display: grid
grid-template: 1fr 70px / auto repeat(4, 256px) auto
background-color: #fff

&::before
grid-area: 2/1/3/7
@@ -194,4 +194,4 @@ byu-footer:not(.byu-component-rendered)
margin-bottom: 0

&:nth-child(4)
grid-area: 4/2/5/3
grid-area: 4/2/5/3

0 comments on commit d2765be

Please sign in to comment.
You can’t perform that action at this time.