Skip to content

Commit 14706cd

Browse files
Fix/css reset (#9)
* fix: css reset * fix * fix
1 parent 24aa1e5 commit 14706cd

File tree

3 files changed

+40
-27
lines changed

3 files changed

+40
-27
lines changed

README.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,5 +4,5 @@
44
$ yarn add @outdoormap/frontend-utils
55
```
66

7-
- [README-JS](/OutdoorMap/frontend-utils/blob/main/README-JS.md)
8-
- [README-SCSS](/OutdoorMap/frontend-utils/blob/main/README-SCSS.md)
7+
- [README-JS](https://github.com/OutdoorMap/frontend-utils/blob/main/README-JS.md)
8+
- [README-SCSS](https://github.com/OutdoorMap/frontend-utils/blob/main/README-SCSS.md)

package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
"private": false,
33
"name": "@outdoormap/frontend-utils",
44
"description": "Outdoormap > Front End Utilities",
5-
"version": "0.0.4",
5+
"version": "0.1.0",
66
"author": "OutdoorMap <support@outdoormap.com>",
77
"license": "MIT",
88
"main": "index.js",

scss/reset.scss

Lines changed: 37 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -76,41 +76,54 @@ samp {
7676
font-size: 1em;
7777
}
7878

79-
input,
80-
textarea,
81-
select {
82-
appearance: none;
83-
appearance: textfield;
79+
summary {
80+
cursor: pointer;
81+
list-style: none;
82+
83+
&::-webkit-details-marker {
84+
display: none;
85+
}
8486
}
8587

8688
button {
8789
cursor: pointer;
8890
}
8991

90-
select::-ms-expand {
91-
display: none;
92+
input,
93+
textarea,
94+
select {
95+
appearance: none;
96+
appearance: textfield;
9297
}
9398

94-
select:-moz-focusring {
95-
text-shadow: 0 0 0 #000;
96-
color: transparent;
97-
}
99+
input {
100+
&::-webkit-search-cancel-button,
101+
&::-webkit-outer-spin-button,
102+
&::-webkit-inner-spin-button {
103+
appearance: none;
104+
margin: 0;
105+
}
98106

99-
input::-webkit-search-cancel-button,
100-
input::-webkit-outer-spin-button,
101-
input::-webkit-inner-spin-button {
102-
appearance: none;
103-
margin: 0;
104-
}
107+
&::-ms-reveal {
108+
display: none;
109+
}
105110

106-
input::-ms-reveal {
107-
display: none;
108-
}
111+
&::-ms-clear {
112+
display: none;
113+
}
109114

110-
input::-ms-clear {
111-
display: none;
115+
&::placeholder {
116+
opacity: 1;
117+
}
112118
}
113119

114-
input::placeholder {
115-
opacity: 1;
120+
select {
121+
&::-ms-expand {
122+
display: none;
123+
}
124+
125+
&:-moz-focusring {
126+
text-shadow: 0 0 0 #000;
127+
color: transparent;
128+
}
116129
}

0 commit comments

Comments
 (0)