|
|
@@ -24,9 +24,17 @@ $mobile: 420px;
|
|
|
|
|
|
background-color: transparent;
|
|
|
border: 1px solid $color-secondary;
|
|
|
+
|
|
|
&.has-icon {
|
|
|
padding-left: .25em;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+
|
|
|
+ img {
|
|
|
+ margin-right: .25em
|
|
|
+ }
|
|
|
}
|
|
|
+
|
|
|
&.is-large {
|
|
|
font-size: 1.2em;
|
|
|
}
|
|
|
@@ -46,7 +54,9 @@ $mobile: 420px;
|
|
|
cursor: pointer;
|
|
|
color: $color-secondary;
|
|
|
border-color: black;
|
|
|
+ background-color: lightgray;
|
|
|
}
|
|
|
+
|
|
|
&.primary {
|
|
|
background-color: $color-primary;
|
|
|
color:darken($color-primary, 80%);
|
|
|
@@ -413,6 +423,11 @@ h2 .icon img {
|
|
|
padding: .5rem 1rem;
|
|
|
text-align: center;
|
|
|
flex: 1 1 auto;
|
|
|
+
|
|
|
+ img {
|
|
|
+ margin-right: .25em;
|
|
|
+ }
|
|
|
+
|
|
|
&.active {
|
|
|
background-color: #fff;
|
|
|
margin-bottom: -1px;
|
