Add highlight to open page tab
This commit is contained in:
parent
14d31b9e19
commit
68b24effde
4 changed files with 111 additions and 39 deletions
|
|
@ -33,22 +33,6 @@ $breakpoint-width: 600px !default;
|
|||
}
|
||||
}
|
||||
|
||||
@mixin image-button($background-image, $background-color) {
|
||||
@include square(var(--icon-size));
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
|
||||
background-color: $background-color;
|
||||
mask-image: $background-image;
|
||||
-webkit-mask-image: $background-image;
|
||||
mask-repeat: no-repeat;
|
||||
|
||||
transition: transform var(--transition-time), background-color var(--transition-time);
|
||||
&:hover {
|
||||
transform: scale(1.15);
|
||||
}
|
||||
}
|
||||
|
||||
@mixin center-children() {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
|
|
|||
|
|
@ -19,7 +19,7 @@
|
|||
--normal-margin: 2rem;
|
||||
--small-margin: 1rem;
|
||||
--shadow: 0 0 5px 2px rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.2);
|
||||
--icon-size: 2.8rem;
|
||||
--icon-size: 2.5rem;
|
||||
--large-icon-size: 3.75rem;
|
||||
--body-width: min(80%, 60rem);
|
||||
}
|
||||
|
|
@ -29,5 +29,6 @@
|
|||
--body-width: 90%;
|
||||
--large-margin: 2.8rem;
|
||||
--normal-margin: 2rem;
|
||||
--icon-size: 2rem;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue