mirror of
https://github.com/spacedeck/spacedeck-open.git
synced 2025-12-16 01:47:30 +01:00
initial commit.
This commit is contained in:
47
styles/close.scss
Normal file
47
styles/close.scss
Normal file
@@ -0,0 +1,47 @@
|
||||
@import "vars";
|
||||
@import "mixins";
|
||||
|
||||
//
|
||||
// Close icons
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
.close {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
right: 0px;
|
||||
height: 60px;
|
||||
width: 60px;
|
||||
text-align: center;
|
||||
line-height: 60px;
|
||||
font-size: 40px;
|
||||
color: $dark !important;
|
||||
opacity: 0.5;
|
||||
outline: 0 !important;
|
||||
|
||||
&:focus {
|
||||
@include tab-focus();
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
&:active {
|
||||
@include opacity(1);
|
||||
}
|
||||
|
||||
// [converter] extracted button& to button.close
|
||||
}
|
||||
|
||||
// Additional properties for button version
|
||||
// iOS requires the button element instead of an anchor tag.
|
||||
// If you want the anchor version, it requires `href="#"`.
|
||||
button.close {
|
||||
padding: 0;
|
||||
cursor: pointer;
|
||||
background: transparent;
|
||||
border: 0;
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
Reference in New Issue
Block a user