diff --git a/Apps/common.css b/Apps/common.css index 62207a9..5faac68 100644 --- a/Apps/common.css +++ b/Apps/common.css @@ -1,4 +1,7 @@ @import url("./elements/button.css"); +@import url("./elements/input.css"); +@import url("./elements/select.css"); +@import url("./elements/table.css"); .ripcrypt { .window-content { @@ -12,50 +15,6 @@ --col-gap: 2px; } - table { - all: revert; - box-sizing: border-box; - border-collapse: collapse; - - thead, tbody, tr { - all: revert; - } - td, th { - all: revert; - padding: 2px 4px; - font-weight: initial; - text-align: left; - } - } - - input { - all: revert; - box-sizing: border-box; - border: none; - outline: none; - font-family: inherit; - font-size: inherit; - position: relative; - background: none; - - &[type="text"], - &[type="number"] { - border-bottom: 2px dashed purple; - } - } - - select { - all: revert; - appearance: auto; - box-sizing: border-box; - border: none; - outline: none; - font-family: inherit; - font-size: inherit; - display: flex; - align-items: center; - } - label, input, select { cursor: pointer; } diff --git a/Apps/elements/input.css b/Apps/elements/input.css new file mode 100644 index 0000000..fb54c71 --- /dev/null +++ b/Apps/elements/input.css @@ -0,0 +1,15 @@ +.ripcrypt > .window-content input { + all: revert; + box-sizing: border-box; + border: none; + outline: none; + font-family: inherit; + font-size: inherit; + position: relative; + background: none; + + &[type="text"], + &[type="number"] { + border-bottom: 2px dashed purple; + } +} diff --git a/Apps/elements/select.css b/Apps/elements/select.css new file mode 100644 index 0000000..2ea8495 --- /dev/null +++ b/Apps/elements/select.css @@ -0,0 +1,11 @@ +.ripcrypt > .window-content select { + all: revert; + appearance: auto; + box-sizing: border-box; + border: none; + outline: none; + font-family: inherit; + font-size: inherit; + display: flex; + align-items: center; +} diff --git a/Apps/elements/table.css b/Apps/elements/table.css new file mode 100644 index 0000000..d27d228 --- /dev/null +++ b/Apps/elements/table.css @@ -0,0 +1,16 @@ +.ripcrypt > .window-content table { + all: revert; + box-sizing: border-box; + border-collapse: collapse; + + thead, tbody, tr { + all: revert; + } + + td, th { + all: revert; + padding: 2px 4px; + font-weight: initial; + text-align: left; + } +}