diff options
Diffstat (limited to 'src/scopes')
-rw-r--r-- | src/scopes/_implicit.scss | 10 | ||||
-rw-r--r-- | src/scopes/_links.scss | 24 |
2 files changed, 29 insertions, 5 deletions
diff --git a/src/scopes/_implicit.scss b/src/scopes/_implicit.scss index 18791a8..020e311 100644 --- a/src/scopes/_implicit.scss +++ b/src/scopes/_implicit.scss | |||
@@ -17,11 +17,6 @@ | |||
17 | scrollbar-color: props.get(core.$theme, --text-disabled) transparent; | 17 | scrollbar-color: props.get(core.$theme, --text-disabled) transparent; |
18 | } | 18 | } |
19 | 19 | ||
20 | html, | ||
21 | body { | ||
22 | block-size: 100%; | ||
23 | } | ||
24 | |||
25 | body { | 20 | body { |
26 | padding: 0; | 21 | padding: 0; |
27 | margin: 0; | 22 | margin: 0; |
@@ -155,5 +150,10 @@ | |||
155 | background-color: props.get(core.$theme, --border); | 150 | background-color: props.get(core.$theme, --border); |
156 | border: 0; | 151 | border: 0; |
157 | } | 152 | } |
153 | |||
154 | figure { | ||
155 | padding: 0; | ||
156 | margin: 0; | ||
157 | } | ||
158 | } | 158 | } |
159 | } | 159 | } |
diff --git a/src/scopes/_links.scss b/src/scopes/_links.scss index cff4cc9..4092633 100644 --- a/src/scopes/_links.scss +++ b/src/scopes/_links.scss | |||
@@ -91,5 +91,29 @@ | |||
91 | } | 91 | } |
92 | } | 92 | } |
93 | } | 93 | } |
94 | |||
95 | @include bem.elem('image') { | ||
96 | img { | ||
97 | margin-inline: calc(-1 * props.get(vars.$key-focus--border-offset)); | ||
98 | border: props.get(vars.$key-focus--border-offset) solid transparent; | ||
99 | border-radius: calc(props.get(vars.$rounding) + props.get(vars.$key-focus--border-offset)); | ||
100 | } | ||
101 | |||
102 | &:link, | ||
103 | &:visited { | ||
104 | &:focus-visible { | ||
105 | outline: none; | ||
106 | box-shadow: none; | ||
107 | |||
108 | img { | ||
109 | outline: props.get(vars.$key-focus--border-color) solid | ||
110 | props.get(vars.$key-focus--border-width); | ||
111 | box-shadow: 0 0 0 | ||
112 | calc(props.get(vars.$key-focus--border-width) + props.get(vars.$key-focus--outline-width)) | ||
113 | props.get(vars.$key-focus--outline-color); | ||
114 | } | ||
115 | } | ||
116 | } | ||
117 | } | ||
94 | } | 118 | } |
95 | } | 119 | } |