Hvem er vi?
Vi er en interesseorganisasjon som arbeider for at pasienter som kan ha nytte av medisinsk cannabis skal motta likeverdig og trygg behandling med oppfølging fra lege. Medikamentgruppen skal være økonomisk tilgjengelig gjennom offentlig refusjonsordninger og pasienter skal ikke miste grunnleggende rettigheter når de mottar lovlig medisin!
@@ -101,29 +101,6 @@ margin-bottom: 1.5rem; line-height: 1.5; } - - .cta-button { - display: inline-block; - background-color: white; - color: var(--color-green); - padding: 0.75rem 2rem; - border-radius: 2rem; - font-size: 1.1rem; - font-weight: bold; - text-decoration: none; - transition: all 0.2s; - - &:hover { - background-color: var(--color-green-light); - color: var(--color-green); - transform: translateY(-2px); - } - - &:focus { - outline: 0.2rem white solid; - outline-offset: 0.2rem; - } - } } } diff --git a/content/logo.svg b/content/logo.svg deleted file mode 100644 index 2d6208a..0000000 --- a/content/logo.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/custom/styles/base.css b/custom/styles/base.css index 4ae14a9..efe8250 100644 --- a/custom/styles/base.css +++ b/custom/styles/base.css @@ -91,24 +91,9 @@ header { margin-top: .4rem; padding: 0; justify-content: flex-end; - /* align-self: end; */ a { - text-decoration: none; - color: white; - border-radius: 1rem; - background-color: var(--color-grey); - padding: 0.35rem 1rem; margin-left:0.4rem; margin-top:0.4rem; - &:hover, &.active { - background-color: var(--color-green); - color: white; - } - &:focus { - outline: .1rem var(--color-green) solid; - color: var(--color-grey); - background-color: white; - } } } } @@ -132,6 +117,49 @@ main { /* FOOTER */ +/* BUTTONS */ +.button { + display: inline-block; + text-decoration: none; + border-radius: 1rem; + padding: 0.35rem 1rem; + background-color: var(--color-grey); + color: white; + + &:hover, &.active { + background-color: var(--color-green); + color: white; + } + + &:focus { + outline: 0.1rem var(--color-green) solid; + color: var(--color-grey); + background-color: white; + } + + &.inverted { + background-color: white; + color: var(--color-grey); + + &:hover, &.active { + background-color: var(--color-green-light); + color: var(--color-green); + } + + &:focus { + outline: 0.1rem white solid; + color: white; + background-color: var(--color-grey); + } + } + + &.bigger { + font-size: 1.2em; + padding: calc(0.35rem * 1.2) calc(1rem * 1.2); + border-radius: calc(1rem * 1.2); + } +} + footer { color: var(--color-green-light); a { diff --git a/custom/templates/base.php b/custom/templates/base.php index c3cf723..f547c9d 100644 --- a/custom/templates/base.php +++ b/custom/templates/base.php @@ -30,14 +30,14 @@ function getActiveClass($href) { return rtrim(parse_url($_SERVER['REQUEST_URI'],