diff --git a/app/assets/stylesheets/darkswarm/modal-enterprises.css.sass b/app/assets/stylesheets/darkswarm/modal-enterprises.css.sass index 4883aa3572..e3d9decf10 100644 --- a/app/assets/stylesheets/darkswarm/modal-enterprises.css.sass +++ b/app/assets/stylesheets/darkswarm/modal-enterprises.css.sass @@ -2,6 +2,23 @@ @import mixins +// Generic styles for use + +.modal-centered + text-align: center + p + margin-bottom: 0 + +.modal-header, p.modal-header + text-align: center + text-transform: uppercase + font-size: 1rem + font-weight: 400 + color: $disabled-dark + border-bottom: 1px solid $disabled-dark + margin-top: 0.75rem + margin-bottom: 0.5rem + // Enterprise promo image and text .highlight @@ -82,51 +99,55 @@ color: $disabled-dark span text-transform: capitalize - - .button.secondary - background-color: #999 - .button.hub + + .hub margin-right: 1rem - margin-top: 0.25rem - margin-bottom: 1rem - padding-left: 1rem - padding-right: 1rem - font-weight: bold + margin-top: 0.5rem + margin-bottom: 0.5rem + // padding-left: 1rem + // padding-right: 1rem + display: inline-block + + &.secondary + color: $disabled-dark + + &.primary + color: $clr-brick + i.ofn-i_033-open-sign, i.ofn-i_032-closed-sign - margin-right: 0.15rem - font-size: 1.25rem - i.ofn-i_007-caret-right - margin-left: 1rem + margin-right: 0.1rem + font-size: 2rem + padding: 0.15rem 0.25rem 0.35rem 0.25rem + float: left + + // i.ofn-i_007-caret-right + // margin-left: .1rem + + .hub-name + margin-top: 0.6rem + margin-bottom: 0.2rem + font-weight: 400 + display: inline-block + border-bottom: 1px solid transparent .button-address + margin-top: 0.55rem + margin-bottom: 0.2rem + margin-left: 0.1rem + text-transform: uppercase font-weight: 300 font-style: italic font-size: 0.75rem - display: inline + display: inline-block + border-bottom: 1px solid transparent @media all and (max-width: 640px) display: none - .button.hub.expand - text-align: left - i.ofn-i_007-caret-right - float: right - i.ofn-i_033-open-sign, i.ofn-i_032-closed-sign - float: left - margin-right: 0.5rem + + &:hover, &:focus, &:active + color: #666 + .hub-name, .button-address + // text-decoration: underline + border-bottom: 1px solid #999 -// Generic styles for use -.modal-centered - text-align: center - p - margin-bottom: 0 - -.modal-header, p.modal-header - text-align: center - text-transform: uppercase - font-size: 1rem - font-weight: 400 - color: $disabled-dark - border-bottom: 1px solid $disabled-dark - margin-top: 0.75rem - margin-bottom: 0.5rem