@oslokommune/punkt-css 0.18.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +260 -0
- package/CONTRIBUTING.md +116 -0
- package/LICENSE +23 -0
- package/README.md +221 -0
- package/dist/css/components/alert.css +111 -0
- package/dist/css/components/alert.min.css +1 -0
- package/dist/css/components/backlink.css +38 -0
- package/dist/css/components/backlink.min.css +1 -0
- package/dist/css/components/badge.css +52 -0
- package/dist/css/components/badge.min.css +1 -0
- package/dist/css/components/breadcrumbs.css +116 -0
- package/dist/css/components/breadcrumbs.min.css +1 -0
- package/dist/css/components/footer.css +48 -0
- package/dist/css/components/footer.min.css +1 -0
- package/dist/css/components/header.css +123 -0
- package/dist/css/components/header.min.css +1 -0
- package/dist/css/components/icon.css +63 -0
- package/dist/css/components/icon.min.css +1 -0
- package/dist/css/components/teaserlist.css +53 -0
- package/dist/css/components/teaserlist.min.css +1 -0
- package/dist/css/pkt-base.css +9721 -0
- package/dist/css/pkt-base.min.css +1 -0
- package/dist/css/pkt-components.css +611 -0
- package/dist/css/pkt-components.min.css +1 -0
- package/dist/css/pkt-elements.css +881 -0
- package/dist/css/pkt-elements.min.css +1 -0
- package/dist/css/pkt-normalise.css +221 -0
- package/dist/css/pkt-normalise.min.css +1 -0
- package/dist/css/pkt.css +11415 -0
- package/dist/css/pkt.min.css +1 -0
- package/dist/scss/abstracts/_index.scss +3 -0
- package/dist/scss/abstracts/functions/_index.scss +65 -0
- package/dist/scss/abstracts/mixins/_breakpoints.scss +60 -0
- package/dist/scss/abstracts/mixins/_index.scss +2 -0
- package/dist/scss/abstracts/mixins/_typography.scss +45 -0
- package/dist/scss/abstracts/placeholders/_index.scss +19 -0
- package/dist/scss/abstracts/variables/_breakpoints.scss +8 -0
- package/dist/scss/abstracts/variables/_colors.scss +55 -0
- package/dist/scss/abstracts/variables/_index.scss +24 -0
- package/dist/scss/abstracts/variables/_spacing.scss +22 -0
- package/dist/scss/abstracts/variables/_typography.scss +430 -0
- package/dist/scss/base/_accessibility.scss +11 -0
- package/dist/scss/base/_colors.scss +24 -0
- package/dist/scss/base/_containers.scss +75 -0
- package/dist/scss/base/_defaults.scss +48 -0
- package/dist/scss/base/_grid.scss +114 -0
- package/dist/scss/base/_index.scss +9 -0
- package/dist/scss/base/_oslo-sans.scss +21 -0
- package/dist/scss/base/_spacing.scss +109 -0
- package/dist/scss/base/_typography.scss +102 -0
- package/dist/scss/base/_visibility.scss +28 -0
- package/dist/scss/components/_alert.scss +153 -0
- package/dist/scss/components/_backlink.scss +50 -0
- package/dist/scss/components/_badge.scss +59 -0
- package/dist/scss/components/_breadcrumbs.scss +130 -0
- package/dist/scss/components/_footer.scss +52 -0
- package/dist/scss/components/_header.scss +125 -0
- package/dist/scss/components/_icon.scss +83 -0
- package/dist/scss/components/_index.scss +8 -0
- package/dist/scss/components/_teaserlist.scss +56 -0
- package/dist/scss/elements/_button.scss +412 -0
- package/dist/scss/elements/_form.scss +190 -0
- package/dist/scss/elements/_hr.scss +8 -0
- package/dist/scss/elements/_image.scss +32 -0
- package/dist/scss/elements/_index.scss +8 -0
- package/dist/scss/elements/_list.scss +104 -0
- package/dist/scss/elements/_section.scss +98 -0
- package/dist/scss/elements/_select.scss +82 -0
- package/dist/scss/elements/_table.scss +80 -0
- package/dist/scss/normalise/_index.scss +241 -0
- package/dist/scss/pkt-base.scss +4 -0
- package/dist/scss/pkt-components.scss +4 -0
- package/dist/scss/pkt-elements.scss +4 -0
- package/dist/scss/pkt-normalise.scss +4 -0
- package/dist/scss/pkt.scss +13 -0
- package/index.js +1 -0
- package/package.json +40 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.pkt-btn--icon-only .pkt-btn__text{border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;margin:-1px !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.pkt-btn{--btn-link-bg: var(--color-blue-dark);--btn-link-bc: var(--color-blue-dark);--btn-link-txt: var(--color-white);--btn-focus-bg: var(--color-active);--btn-focus-bc: var(--color-active);--btn-focus-txt: var(--color-white);--btn-hover-bg: var(--color-active);--btn-hover-bc: var(--color-active);--btn-hover-txt: var(--color-white);--btn-active-bg: var(--color-active);--btn-active-bc: var(--color-active);--btn-active-txt: var(--color-white);--btn-disabled-bg: var(--color-gray);--btn-disabled-bc: var(--color-gray);--btn-disabled-txt: var(--color-grayscale-30)}[data-mode=dark] .pkt-btn{--btn-link-bg: var(--color-blue-light);--btn-link-bc: var(--color-blue-light);--btn-link-txt: var(--color-blue-dark);--btn-focus-bg: var(--color-blue);--btn-focus-bc: var(--color-blue);--btn-focus-txt: var(--color-blue-dark);--btn-hover-bg: var(--color-blue);--btn-hover-bc: var(--color-blue);--btn-hover-txt: var(--color-blue-dark);--btn-active-bg: var(--color-blue);--btn-active-bc: var(--color-blue);--btn-active-txt: var(--color-blue-dark);--btn-disabled-bg: var(--color-gray);--btn-disabled-bc: var(--color-gray);--btn-disabled-txt: var(--color-grayscale-30)}.pkt-btn--secondary{--btn-link-bg: var(--color-transparent);--btn-link-txt: var(--color-blue-dark);--btn-focus-bg: var(--color-transparent);--btn-focus-txt: var(--color-active);--btn-hover-bg: var(--color-transparent);--btn-hover-txt: var(--color-active)}[data-mode=dark] .pkt-btn--secondary{--btn-link-bg: var(--color-transparent);--btn-link-bc: var(--color-white);--btn-link-txt: var(--color-white);--btn-hover-bg: var(--color-transparent);--btn-hover-txt: var(--color-blue)}.pkt-btn--tertiary{--btn-link-bg: var(--color-transparent);--btn-link-bc: var(--color-yellow);--btn-link-txt: var(--color-blue-dark);--btn-focus-bg: var(--color-transparent);--btn-focus-txt: var(--color-active);--btn-hover-bg: var(--color-transparent);--btn-hover-txt: var(--color-active)}[data-mode=dark] .pkt-btn--tertiary{--btn-link-bg: var(--color-transparent);--btn-link-bc: var(--color-yellow);--btn-link-txt: var(--color-white);--btn-focus-bg: var(--color-transparent);--btn-focus-txt: var(--color-blue);--btn-hover-bg: var(--color-transparent);--btn-hover-txt: var(--color-blue)}.pkt-btn--flat{--btn-link-bg: var(--color-transparent);--btn-link-bc: var(--color-transparent);--btn-link-txt: var(--color-blue-dark);--btn-focus-bg: var(--color-gray);--btn-focus-bc: var(--color-gray);--btn-focus-txt: var(--color-active);--btn-hover-bg: var(--color-gray);--btn-hover-bc: var(--color-gray);--btn-hover-txt: var(--color-active);--btn-active-bg: var(--color-transparent);--btn-active-bc: var(--color-transparent);--btn-active-txt: var(--color-active);--btn-disabled-bg: var(--color-transparent);--btn-disabled-bc: var(--color-transparent)}[data-mode=dark] .pkt-btn--flat{--btn-link-bg: var(--color-transparent);--btn-link-bc: var(--color-transparent);--btn-link-txt: var(--color-white);--btn-focus-bg: var(--color-blue-5);--btn-focus-bc: var(--color-blue-5);--btn-focus-txt: var(--color-blue);--btn-hover-bg: var(--color-blue-5);--btn-hover-bc: var(--color-blue-5);--btn-hover-txt: var(--color-blue);--btn-active-bg: var(--color-transparent);--btn-active-bc: var(--color-transparent);--btn-active-txt: var(--color-blue);--btn-disabled-bg: var(--color-transparent);--btn-disabled-bc: var(--color-transparent);--btn-disabled-txt: var(--color-white)}.pkt-btn--primary-confirm{--btn-link-bg: var(--color-green);--btn-link-bc: var(--color-green);--btn-link-txt: var(--color-blue-dark)}[data-mode=dark] .pkt-btn--primary-confirm{--btn-link-bg: var(--color-green);--btn-link-bc: var(--color-green)}.pkt-btn{border-radius:0;cursor:pointer;display:inline-flex;font-family:inherit;font-weight:normal;margin:0;overflow:hidden;position:relative;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;vertical-align:top;background-color:var(--btn-link-bg);border:2px solid var(--btn-link-bc);color:var(--btn-link-txt);text-decoration:none;text-decoration-thickness:1px;text-underline-offset:.3em;text-align:left;font-size:1.125rem;line-height:1.5em;padding:.625rem .9375rem}.pkt-btn[class*=pkt-btn--icon]>.pkt-btn__icon{display:block}.pkt-btn__icon{--fg-color: currentColor;display:none;flex-shrink:0}.pkt-btn:link,.pkt-btn:visited{color:var(--btn-link-txt)}a.pkt-btn:focus,.pkt-btn:enabled:focus,.pkt-btn.pkt-btn--focus{background-color:var(--btn-focus-bg);border-color:var(--btn-focus-bc);color:var(--btn-focus-txt);outline:0;text-decoration:underline}a.pkt-btn:hover,.pkt-btn:enabled:hover,.pkt-btn.pkt-btn--hover{background-color:var(--btn-hover-bg);border-color:var(--btn-hover-bc);color:var(--btn-hover-txt);outline:0;text-decoration:underline}a.pkt-btn:active,.pkt-btn:enabled:active,.pkt-btn.pkt-btn--active,.pkt-btn.pkt-btn--active:hover{background-color:var(--btn-active-bg);border-color:var(--btn-active-bc);color:var(--btn-active-txt);outline:0;text-decoration:none}.pkt-btn:disabled{background-color:var(--btn-disabled-bg);border-color:var(--btn-disabled-bc);color:var(--btn-disabled-txt);cursor:inherit}.pkt-btn__icon{height:1.5rem;width:1.5rem}.pkt-btn--label-only .pkt-btn__icon{display:none}.pkt-btn--icon-left{flex-direction:row}.pkt-btn--icon-left .pkt-btn__icon{margin:.09375rem .3125rem 0 0}.pkt-btn--icon-right{flex-direction:row-reverse}.pkt-btn--icon-right .pkt-btn__icon{margin:.09375rem 0 0 .3125rem}.pkt-btn--icon-only .pkt-btn__icon{margin:.09375rem -0.21875rem}.pkt-btn--small{font-size:1rem;line-height:1.5em;padding:.3125rem .625rem}.pkt-btn--small .pkt-btn__icon{height:1.5rem;width:1.5rem}.pkt-btn--small.pkt-btn--icon-left .pkt-btn__icon{margin:0 .3125rem 0 0}.pkt-btn--small.pkt-btn--icon-right .pkt-btn__icon{margin:0 0 0 .3125rem}.pkt-btn--small.pkt-btn--icon-only .pkt-btn__icon{margin:0 -0.3125rem}.pkt-btn--large{font-size:1.5rem;line-height:1.4166666667em;padding:.9375rem 1.25rem}.pkt-btn--large .pkt-btn__icon{height:2rem;width:2rem}.pkt-btn--large.pkt-btn--icon-left .pkt-btn__icon{margin:.0625rem .625rem 0 0}.pkt-btn--large.pkt-btn--icon-right .pkt-btn__icon{margin:.0625rem 0 0 .625rem}.pkt-btn--large.pkt-btn--icon-only .pkt-btn__icon{margin:.0625rem -0.25rem}.pkt-btn::-moz-focus-inner{border:0}@keyframes enter{from{transform:scaleY(0)}to{transform:scaleY(1)}}.pkt-form-group{margin-bottom:1.5rem}.pkt-form-group:focus-within{color:var(--color-active)}.pkt-form-label{width:100%}.pkt-form-help{margin:.25em 0;font-size:.875rem;line-height:1.25em;opacity:.9}.pkt-form-validation{animation:enter .2s ease-in forwards;background-color:var(--color-red);border:2px solid var(--color-red);font-size:.875rem;line-height:2rem;margin:1rem 0 0;padding:.4375rem .5rem;transform-origin:0 0}.pkt-form-validation--warning{background-color:var(--color-yellow);border-color:var(--color-yellow)}.pkt-form-validation--error{background-color:var(--color-red);border-color:var(--color-red)}.pkt-form-input,.pkt-form-textarea{appearance:none;background-clip:padding-box;background-color:var(--color-white);border:2px solid var(--color-blue-dark);border-radius:0;color:var(--color-blue-dark);display:block;font-size:1rem;font-weight:400;height:3.125rem;line-height:2rem;margin:0;padding:.4375rem .5rem;position:relative;width:100%}.pkt-form-input:focus,.pkt-form-textarea:focus{background-color:var(--color-white);border-color:var(--color-active);box-shadow:0 0 var(--color-active);color:var(--color-active);outline:2px solid var(--color-active)}.pkt-form-input::placeholder,.pkt-form-textarea::placeholder{color:var(--color-grayscale-30);opacity:1}.pkt-form-input+.pkt-form-validation,.pkt-form-textarea+.pkt-form-validation{display:none}.pkt-form-input:not(:placeholder-shown):invalid,.pkt-form-textarea:not(:placeholder-shown):invalid{border-color:var(--color-red)}.pkt-form-input:not(:placeholder-shown):invalid+.pkt-form-validation,.pkt-form-textarea:not(:placeholder-shown):invalid+.pkt-form-validation{display:inherit}.pkt-form-input:disabled,.pkt-form-input[readonly],.pkt-form-textarea:disabled,.pkt-form-textarea[readonly]{background-color:var(--color-gray);border-color:var(--color-grayscale-30);color:var(--color-grayscale-30);cursor:inherit}.pkt-form-check-input{appearance:none;background-color:var(--color-white);background-repeat:no-repeat;background-position:center;background-size:contain;border:2px solid var(--color-blue-dark);display:inline-block;margin:.125rem .25rem 0 0;width:1.25rem;height:1.25rem;transition:all .3s ease-out;vertical-align:top}.pkt-form-check-input[type=checkbox]{border-radius:0}.pkt-form-check-input[type=radio]{border-radius:50%}.pkt-form-check-input:hover{border-color:var(--color-active)}.pkt-form-check-input:active{border-color:var(--color-active);outline:2px solid var(--color-active)}.pkt-form-check-input:focus{border-color:var(--color-active);outline:2px solid var(--color-hover)}.pkt-form-check-input:checked[type=radio]{background-color:var(--color-white);border:6px solid var(--color-active)}.pkt-form-check-input:checked[type=checkbox]{background-color:var(--color-active);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");border-color:var(--color-active)}.pkt-form-check-input:disabled{border-color:var(--color-grayscale-30);cursor:not-allowed}.pkt-form-check-input:disabled~.pkt-form-label{color:var(--color-grayscale-30);cursor:not-allowed}.pkt-hr{border:0;border-top:1px solid var(--color-grayscale-20)}.img-fluid{max-width:100%;height:auto}.img-round{border-radius:50%;overflow:hidden;object-fit:cover}.figure{display:inline-block}.pkt-list{display:grid;grid-template-columns:auto;grid-template-rows:auto;list-style:none;padding:0;position:relative;row-gap:1.5rem}@media screen and (min-width: 48rem){.pkt-list.two-cols-tablet-up{column-gap:1.5rem;grid-template-columns:1fr 1fr;grid-template-rows:auto}}@media screen and (min-width: 80rem){.pkt-list.three-cols-laptop-up{column-gap:1.5rem;grid-template-columns:1fr 1fr 1fr}}.pkt-list li>a{display:grid;grid-template-columns:2rem auto;column-gap:1rem}.pkt-dl,.pkt-dl--narrow{display:flex;flex-direction:column}@supports(display: grid){.pkt-dl,.pkt-dl--narrow{display:grid;flex-direction:column;grid-template-columns:1fr;margin:.5rem 0}}@media screen and (min-width: 48rem){.pkt-dl{grid-template-columns:minmax(9rem, auto) 1fr;border-bottom:0}}.pkt-dt{padding:.5em 0 0;font-size:.875rem;border-bottom:none}@media screen and (min-width: 48rem){.pkt-dt{font-size:inherit}}.pkt-dl--narrow>.pkt-dt{padding:.5em 0 0;font-size:.875rem;border-bottom:none}.pkt-dd{padding:0 0 .5em;font-weight:500;border-bottom:1px solid rgba(0,0,0,.15)}@media screen and (min-width: 48rem){.pkt-dd{border-bottom:1px solid rgba(0,0,0,.15)}@supports(display: grid){.pkt-dd{padding:.25em 0 .25em 1.25em;border-bottom:0}}}.pkt-dl--narrow>.pkt-dd{padding:0 0 .5em;font-weight:500;border-bottom:1px solid rgba(0,0,0,.15)}.pkt-section{margin:1rem 0}.pkt-section--dark{margin:1rem 0;padding:.75rem;background-color:#2a2859;color:#fff}@media screen and (min-width: 35.938rem){.pkt-section--dark{padding:1rem}}@media screen and (min-width: 48rem){.pkt-section--dark{padding:1.5rem}}.pkt-section--dark a.pkt-btn--ter{color:#fff}.pkt-section--danger{margin:1rem 0;padding:.75rem;background-color:#ff8274;color:#000}@media screen and (min-width: 35.938rem){.pkt-section--danger{padding:1rem}}@media screen and (min-width: 48rem){.pkt-section--danger{padding:1.5rem}}.pkt-section--danger a.pkt-btn--ter{color:#000}.pkt-section--grey{margin:1rem 0;padding:.75rem;background-color:#f2f2f2}@media screen and (min-width: 35.938rem){.pkt-section--grey{padding:1rem}}@media screen and (min-width: 48rem){.pkt-section--grey{padding:1.5rem}}.pkt-section--success{margin:1rem 0;padding:.75rem;background-color:#43f8b6;color:#000}@media screen and (min-width: 35.938rem){.pkt-section--success{padding:1rem}}@media screen and (min-width: 48rem){.pkt-section--success{padding:1.5rem}}.pkt-section--success a.pkt-btn--ter{color:#000}.pkt-section--warning{margin:1rem 0;padding:.75rem;background-color:#f9c66b}@media screen and (min-width: 35.938rem){.pkt-section--warning{padding:1rem}}@media screen and (min-width: 48rem){.pkt-section--warning{padding:1.5rem}}.pkt-section--info{margin:1rem 0;padding:.75rem;background-color:#b3f5ff}@media screen and (min-width: 35.938rem){.pkt-section--info{padding:1rem}}@media screen and (min-width: 48rem){.pkt-section--info{padding:1.5rem}}.pkt-section--info a.pkt-btn--ter{color:#000}.pkt-section--frame{margin:1rem 0;padding:.75rem;background-color:#fff;border:1px solid}@media screen and (min-width: 35.938rem){.pkt-section--frame{padding:1rem}}@media screen and (min-width: 48rem){.pkt-section--frame{padding:1.5rem}}[class*=ok-section-]>[class^=ok-title-]{margin-top:0}.pkt-section--margin-top{margin-top:2.5rem}.pkt-select{display:block;background-color:var(--color-white);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cpath d='M16 19.41L6.33 10 5 11.29 16 22l11-10.71L25.67 10 16 19.41z' fill-rule='evenodd' fill='%232a2859' /%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .7rem top 50%;background-size:2rem auto,100%;border:2px solid var(--color-blue-dark);border-radius:0;color:var(--color-blue-dark);font-family:inherit;font-size:1rem;font-weight:normal;height:3.125rem;line-height:2rem;margin:0;max-width:100%;padding:.4375rem 3rem .4375rem .5rem;width:100%;appearance:none;-moz-appearance:none;-webkit-appearance:none}.pkt-select::-ms-expand{display:none}.pkt-select:enabled:focus{border-color:var(--color-active);outline:2px solid var(--color-active)}.pkt-select:enabled:hover{--fg-color: var(--color-active);border-color:var(--color-active);color:var(--color-active)}.pkt-select:enabled:active{border-color:var(--color-active);outline:none}.pkt-select:-moz-focusring{color:rgba(0,0,0,0);text-shadow:0 0 0 var(--color-active)}.pkt-select:disabled{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cpath d='M16 19.41L6.33 10 5 11.29 16 22l11-10.71L25.67 10 16 19.41z' fill-rule='evenodd' fill='%23b9b9b9' /%3e%3c/svg%3e");border-color:var(--color-grayscale-30);color:var(--color-grayscale-30)}.pkt-select option{background-color:var(--color-white);color:var(--color-blue-dark);font-weight:normal}.pkt-table{width:100%;font-size:.875rem;border-radius:2px;border-collapse:collapse}.pkt-table__th{color:#000;font-weight:500;text-align:left;background:#f2f2f2;border-bottom:1px solid #f2f2f2}.pkt-table__th:first-child{border-top-left-radius:2px}.pkt-table__th:last-child{border-top-right-radius:2px}.pkt-table th,.pkt-table td{min-width:200px;padding:.5rem;text-align:left;border-bottom:1px solid #f2f2f2}.pkt-table tbody tr:hover>td{background:rgba(42,40,89,.02)}.pkt-table--info .pkt-table__th{background:rgba(249,198,107,.25);border-bottom:1px solid #f9c66b}.pkt-table--success .pkt-table__th{background:rgba(199,246,201,.25);border-bottom:1px solid #c7f6c9}.pkt-table--strong .pkt-table__th{background:rgba(42,40,89,.25);border-bottom:1px solid #2a2859}.pkt-table--shadow{background:#fff;box-shadow:0 1px 3px rgba(42,40,89,.25)}.pkt-table--shadow>tbody tr:last-of-type td{border-bottom:none}.pkt-table-container{margin:1rem 0;overflow-x:auto}
|
|
@@ -0,0 +1,221 @@
|
|
|
1
|
+
@charset "UTF-8";
|
|
2
|
+
/**
|
|
3
|
+
* Normalisering av HTML elementer
|
|
4
|
+
* I hovedsak hentet fra normalize.css
|
|
5
|
+
* Normalize har MIT lisens. https://github.com/necolas/normalize.css
|
|
6
|
+
*
|
|
7
|
+
* Mål:
|
|
8
|
+
* - fikse forskjeller mellom nettlesere gjennom å sette gode standardverdier
|
|
9
|
+
* - fikse rariteter og bugs noen nettlesere har
|
|
10
|
+
* - sette noen grunnverdier for å forbedre brukervennlighet
|
|
11
|
+
*
|
|
12
|
+
*/
|
|
13
|
+
/* Box sizing rules */
|
|
14
|
+
*,
|
|
15
|
+
*::before,
|
|
16
|
+
*::after {
|
|
17
|
+
box-sizing: border-box;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
/* Prevent adjustments of font size after orientation changes in iOS.
|
|
21
|
+
* https://kilianvalkhof.com/2022/css-html/your-css-reset-needs-text-size-adjust-probably/
|
|
22
|
+
*/
|
|
23
|
+
html {
|
|
24
|
+
-moz-text-size-adjust: none;
|
|
25
|
+
-webkit-text-size-adjust: none;
|
|
26
|
+
text-size-adjust: none;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
/**
|
|
30
|
+
* 1. Correct the inheritance and scaling of font size in all browsers.
|
|
31
|
+
* 2. Correct the odd `em` font sizing in all browsers.
|
|
32
|
+
*/
|
|
33
|
+
pre,
|
|
34
|
+
code,
|
|
35
|
+
kbd,
|
|
36
|
+
samp {
|
|
37
|
+
font-family: monospace, monospace; /* 1 */
|
|
38
|
+
font-size: 1em; /* 2 */
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
/**
|
|
42
|
+
* Add the correct font weight in Chrome, Edge, and Safari.
|
|
43
|
+
*/
|
|
44
|
+
b,
|
|
45
|
+
strong {
|
|
46
|
+
font-weight: bolder;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
/**
|
|
50
|
+
* Add the correct font size in all browsers.
|
|
51
|
+
*/
|
|
52
|
+
small {
|
|
53
|
+
font-size: 80%;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
/**
|
|
57
|
+
* Prevent `sub` and `sup` elements from affecting the line height in
|
|
58
|
+
* all browsers.
|
|
59
|
+
*/
|
|
60
|
+
sub,
|
|
61
|
+
sup {
|
|
62
|
+
font-size: 75%;
|
|
63
|
+
line-height: 0;
|
|
64
|
+
position: relative;
|
|
65
|
+
vertical-align: baseline;
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
sub {
|
|
69
|
+
bottom: -0.25em;
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
sup {
|
|
73
|
+
top: -0.5em;
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
/* Forms
|
|
77
|
+
========================================================================== */
|
|
78
|
+
/**
|
|
79
|
+
* 1. Change the font styles in all browsers.
|
|
80
|
+
* 2. Remove the margin in Firefox and Safari.
|
|
81
|
+
*/
|
|
82
|
+
button,
|
|
83
|
+
input,
|
|
84
|
+
optgroup,
|
|
85
|
+
select,
|
|
86
|
+
textarea {
|
|
87
|
+
font-family: inherit; /* 1 */
|
|
88
|
+
font-size: 100%; /* 1 */
|
|
89
|
+
line-height: 1.15; /* 1 */
|
|
90
|
+
margin: 0; /* 2 */
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
/**
|
|
94
|
+
* Show the overflow in Edge.
|
|
95
|
+
*/
|
|
96
|
+
button,
|
|
97
|
+
input {
|
|
98
|
+
overflow: visible;
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
/**
|
|
102
|
+
* Remove the inheritance of text transform in Edge, Firefox, and IE.
|
|
103
|
+
*/
|
|
104
|
+
button,
|
|
105
|
+
select {
|
|
106
|
+
text-transform: none;
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
/**
|
|
110
|
+
* 1. Remove the default `border-radius` that macOS Chrome adds.
|
|
111
|
+
* 2. Correct the inability to style clickable types in iOS and Safari.
|
|
112
|
+
*/
|
|
113
|
+
button,
|
|
114
|
+
[type=button],
|
|
115
|
+
[type=reset],
|
|
116
|
+
[type=submit] {
|
|
117
|
+
border-radius: 0; /* 1 */
|
|
118
|
+
-webkit-appearance: button; /* 2 */
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
/**
|
|
122
|
+
* Remove the inner border and padding in Firefox.
|
|
123
|
+
*/
|
|
124
|
+
button::-moz-focus-inner,
|
|
125
|
+
[type=button]::-moz-focus-inner,
|
|
126
|
+
[type=reset]::-moz-focus-inner,
|
|
127
|
+
[type=submit]::-moz-focus-inner {
|
|
128
|
+
border-style: none;
|
|
129
|
+
padding: 0;
|
|
130
|
+
}
|
|
131
|
+
|
|
132
|
+
/**
|
|
133
|
+
* Restore the focus styles unset by the previous rule.
|
|
134
|
+
*/
|
|
135
|
+
button:-moz-focusring,
|
|
136
|
+
[type=button]:-moz-focusring,
|
|
137
|
+
[type=reset]:-moz-focusring,
|
|
138
|
+
[type=submit]:-moz-focusring {
|
|
139
|
+
outline: 1px dotted ButtonText;
|
|
140
|
+
}
|
|
141
|
+
|
|
142
|
+
/**
|
|
143
|
+
* Correct the padding in Firefox.
|
|
144
|
+
*/
|
|
145
|
+
fieldset {
|
|
146
|
+
padding: 0.35em 0.75em 0.625em;
|
|
147
|
+
}
|
|
148
|
+
|
|
149
|
+
/**
|
|
150
|
+
* 1. Correct the text wrapping in Edge and IE.
|
|
151
|
+
* 2. Correct the color inheritance from `fieldset` elements in IE.
|
|
152
|
+
* 3. Remove the padding so developers are not caught out when they zero out
|
|
153
|
+
* `fieldset` elements in all browsers.
|
|
154
|
+
*/
|
|
155
|
+
legend {
|
|
156
|
+
box-sizing: border-box; /* 1 */
|
|
157
|
+
color: inherit; /* 2 */
|
|
158
|
+
display: table; /* 1 */
|
|
159
|
+
max-width: 100%; /* 1 */
|
|
160
|
+
padding: 0; /* 3 */
|
|
161
|
+
white-space: normal; /* 1 */
|
|
162
|
+
}
|
|
163
|
+
|
|
164
|
+
/**
|
|
165
|
+
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
|
|
166
|
+
*/
|
|
167
|
+
progress {
|
|
168
|
+
vertical-align: baseline;
|
|
169
|
+
}
|
|
170
|
+
|
|
171
|
+
/**
|
|
172
|
+
* 1. Remove the default vertical scrollbar in IE 10+.
|
|
173
|
+
* 2. Only resize vertically to not break containers horizontally.
|
|
174
|
+
*/
|
|
175
|
+
textarea {
|
|
176
|
+
overflow: auto; /* 1 */
|
|
177
|
+
resize: vertical; /* 2 */
|
|
178
|
+
}
|
|
179
|
+
|
|
180
|
+
/**
|
|
181
|
+
* Correct the cursor style of increment and decrement buttons in Chrome.
|
|
182
|
+
*/
|
|
183
|
+
[type=number]::-webkit-inner-spin-button,
|
|
184
|
+
[type=number]::-webkit-outer-spin-button {
|
|
185
|
+
height: auto;
|
|
186
|
+
}
|
|
187
|
+
|
|
188
|
+
/**
|
|
189
|
+
* 1. Correct the odd appearance in Chrome and Safari.
|
|
190
|
+
* 2. Correct the outline style in Safari.
|
|
191
|
+
*/
|
|
192
|
+
[type=search] {
|
|
193
|
+
-webkit-appearance: textfield; /* 1 */
|
|
194
|
+
outline-offset: -2px; /* 2 */
|
|
195
|
+
}
|
|
196
|
+
|
|
197
|
+
/**
|
|
198
|
+
* Remove the inner padding in Chrome and Safari on macOS.
|
|
199
|
+
*/
|
|
200
|
+
[type=search]::-webkit-search-decoration {
|
|
201
|
+
-webkit-appearance: none;
|
|
202
|
+
}
|
|
203
|
+
|
|
204
|
+
/**
|
|
205
|
+
* 1. Correct the inability to style clickable types in iOS and Safari.
|
|
206
|
+
* 2. Change font properties to `inherit` in Safari.
|
|
207
|
+
*/
|
|
208
|
+
::-webkit-file-upload-button {
|
|
209
|
+
-webkit-appearance: button; /* 1 */
|
|
210
|
+
font: inherit; /* 2 */
|
|
211
|
+
}
|
|
212
|
+
|
|
213
|
+
/* Remove all animations and transitions for people that prefer not to see them */
|
|
214
|
+
@media (prefers-reduced-motion: reduce) {
|
|
215
|
+
* {
|
|
216
|
+
transition-duration: 0.01ms !important;
|
|
217
|
+
animation-duration: 0.01ms !important;
|
|
218
|
+
animation-iteration-count: 1 !important;
|
|
219
|
+
scroll-behavior: auto !important;
|
|
220
|
+
}
|
|
221
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
*,*::before,*::after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}pre,code,kbd,samp{font-family:monospace,monospace;font-size:1em}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{border-radius:0;-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto;resize:vertical}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}@media(prefers-reduced-motion: reduce){*{transition-duration:.01ms !important;animation-duration:.01ms !important;animation-iteration-count:1 !important;scroll-behavior:auto !important}}
|