_sass/oscailte/components/_header.scss in oscailte-3.0.0 vs _sass/oscailte/components/_header.scss in oscailte-3.0.1
- old
+ new
@@ -1,51 +1,51 @@
-.Header {
- background-color: var(--header-background, #fff);
- border-top: 5px solid var(--color-primary);
- box-shadow: var(--box-shadow);
- margin: 0;
- padding: 1em 0;
-
- .Container {
- display: flex;
- flex-direction: column;
- justify-content: space-between;
- }
-
- a {
- color: var(--header-link-color, var(--color-primary));
- }
-
- &__title {
- line-height: 1;
- margin: 0;
- text-align: center;
- text-shadow: 1px 1px 0 rgba(#000, .1);
-
- a {
- display: flex;
- flex-direction: column;
- text-decoration: none;
- }
- }
-
- &__subtitle {
- font-size: .55em;
- }
-}
-
-@include breakpoint("medium") {
- .Header {
- .Container {
- flex-direction: row;
- }
-
- &__title {
- text-align: left;
- }
-
-
- &__subtitle {
- margin-top: 0;
- }
- }
+.Header {
+ background-color: var(--header-background, #fff);
+ border-top: 5px solid var(--color-primary);
+ box-shadow: var(--box-shadow);
+ margin: 0;
+ padding: 1em 0;
+
+ .Container {
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ }
+
+ a {
+ color: var(--header-link-color, var(--color-primary));
+ }
+
+ &__title {
+ line-height: 1;
+ margin: 0;
+ text-align: center;
+ text-shadow: 1px 1px 0 rgba(#000, .1);
+
+ a {
+ display: flex;
+ flex-direction: column;
+ text-decoration: none;
+ }
+ }
+
+ &__subtitle {
+ font-size: .55em;
+ }
+}
+
+@include breakpoint("medium") {
+ .Header {
+ .Container {
+ flex-direction: row;
+ }
+
+ &__title {
+ text-align: left;
+ }
+
+
+ &__subtitle {
+ margin-top: 0;
+ }
+ }
}
\ No newline at end of file