Advertisement
Guest User

Untitled

a guest
May 25th, 2019
148
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 7.68 KB | None | 0 0
  1. .nuxt-progress {
  2.   position: fixed;
  3.   top: 0;
  4.   left: 0;
  5.   right: 0;
  6.   height: 2px;
  7.   width: 0;
  8.   opacity: 1;
  9.   -webkit-transition: width 0.1s, opacity 0.4s;
  10.   -o-transition: width 0.1s, opacity 0.4s;
  11.   transition: width 0.1s, opacity 0.4s;
  12.   background-color: #000;
  13.   z-index: 999999;
  14. }
  15. /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
  16. html {
  17.   line-height: 1.15;
  18.   -webkit-text-size-adjust: 100%;
  19. }
  20. body {
  21.   margin: 0;
  22. }
  23. main {
  24.   display: block;
  25. }
  26. h1 {
  27.   font-size: 2em;
  28.   margin: 0.67em 0;
  29. }
  30. a {
  31.   background-color: transparent;
  32. }
  33. strong {
  34.   font-weight: bolder;
  35. }
  36. button,
  37. input {
  38.   font-family: inherit;
  39.   font-size: 100%;
  40.   line-height: 1.15;
  41.   margin: 0;
  42.   overflow: visible;
  43. }
  44. button {
  45.   text-transform: none;
  46. }
  47. [type="button"],
  48. [type="reset"],
  49. [type="submit"],
  50. button {
  51.   -webkit-appearance: button;
  52. }
  53. [type="button"]::-moz-focus-inner,
  54. [type="reset"]::-moz-focus-inner,
  55. [type="submit"]::-moz-focus-inner,
  56. button::-moz-focus-inner {
  57.   border-style: none;
  58.   padding: 0;
  59. }
  60. [type="button"]:-moz-focusring,
  61. [type="reset"]:-moz-focusring,
  62. [type="submit"]:-moz-focusring,
  63. button:-moz-focusring {
  64.   outline: 1px dotted ButtonText;
  65. }
  66. legend {
  67.   color: inherit;
  68.   display: table;
  69.   max-width: 100%;
  70.   white-space: normal;
  71. }
  72. [type="checkbox"],
  73. [type="radio"],
  74. legend {
  75.   -webkit-box-sizing: border-box;
  76.   box-sizing: border-box;
  77.   padding: 0;
  78. }
  79. [type="number"]::-webkit-inner-spin-button,
  80. [type="number"]::-webkit-outer-spin-button {
  81.   height: auto;
  82. }
  83. [type="search"] {
  84.   -webkit-appearance: textfield;
  85.   outline-offset: -2px;
  86. }
  87. [type="search"]::-webkit-search-decoration {
  88.   -webkit-appearance: none;
  89. }
  90. ::-webkit-file-upload-button {
  91.   -webkit-appearance: button;
  92.   font: inherit;
  93. }
  94. [hidden],
  95. template {
  96.   display: none;
  97. }
  98. html {
  99.   -webkit-box-sizing: border-box;
  100.   box-sizing: border-box;
  101.   font-family: sans-serif;
  102. }
  103. *,
  104. :after,
  105. :before {
  106.   -webkit-box-sizing: inherit;
  107.   box-sizing: inherit;
  108. }
  109. h1 {
  110.   margin: 0;
  111. }
  112. button {
  113.   background: transparent;
  114.   padding: 0;
  115. }
  116. button:focus {
  117.   outline: 1px dotted;
  118.   outline: 5px auto -webkit-focus-ring-color;
  119. }
  120. ul {
  121.   margin: 0;
  122.   padding: 0;
  123.   list-style: none;
  124. }
  125. html {
  126.   font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
  127.     Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji,
  128.     Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  129.   line-height: 1.5;
  130. }
  131. *,
  132. :after,
  133. :before {
  134.   border: 0 solid #e2e8f0;
  135. }
  136. input::-webkit-input-placeholder {
  137.   color: inherit;
  138.   opacity: 0.5;
  139. }
  140. input::-moz-placeholder {
  141.   color: inherit;
  142.   opacity: 0.5;
  143. }
  144. input:-ms-input-placeholder {
  145.   color: inherit;
  146.   opacity: 0.5;
  147. }
  148. input::-ms-input-placeholder {
  149.   color: inherit;
  150.   opacity: 0.5;
  151. }
  152. input::placeholder {
  153.   color: inherit;
  154.   opacity: 0.5;
  155. }
  156. [role="button"],
  157. button {
  158.   cursor: pointer;
  159. }
  160. h1 {
  161.   font-size: inherit;
  162.   font-weight: inherit;
  163. }
  164. a {
  165.   color: inherit;
  166.   text-decoration: inherit;
  167. }
  168. button,
  169. input {
  170.   padding: 0;
  171.   line-height: inherit;
  172.   color: inherit;
  173. }
  174. canvas,
  175. svg {
  176.   display: block;
  177.   vertical-align: middle;
  178. }
  179. :active {
  180.   -webkit-tap-highlight-color: transparent;
  181. }
  182. :focus,
  183. button:focus,
  184. input:focus {
  185.   outline: none;
  186. }
  187. .h-menu {
  188.   -webkit-overflow-scrolling: touch;
  189.   display: -webkit-box;
  190.   display: -ms-flexbox;
  191.   display: flex;
  192.   overflow-x: auto;
  193.   position: absolute;
  194.   left: 0;
  195.   right: 0;
  196.   font-size: 0.75rem;
  197.   height: 62px;
  198.   bottom: -17px;
  199. }
  200. .h-menu-wrap {
  201.   height: 45px;
  202.   position: relative;
  203.   overflow: hidden;
  204. }
  205. .h-menu::-webkit-scrollbar {
  206.   display: none;
  207. }
  208. .h-menu-item {
  209.   -webkit-tap-highlight-color: transparent;
  210.   text-transform: uppercase;
  211.   display: -webkit-box;
  212.   display: -ms-flexbox;
  213.   display: flex;
  214.   -webkit-box-align: center;
  215.   -ms-flex-align: center;
  216.   align-items: center;
  217.   -webkit-box-pack: center;
  218.   -ms-flex-pack: center;
  219.   justify-content: center;
  220.   padding-left: 0.75rem;
  221.   padding-right: 0.75rem;
  222.   -ms-flex-negative: 0;
  223.   flex-shrink: 0;
  224.   -webkit-box-flex: 1;
  225.   -ms-flex-positive: 1;
  226.   flex-grow: 1;
  227.   height: 45px;
  228.   -webkit-transition: background-color 0.05s;
  229.   -o-transition: background-color 0.05s;
  230.   transition: background-color 0.05s;
  231. }
  232. .h-menu-item:focus {
  233.   background-color: #ebf8ff;
  234. }
  235. .h-menu-item:active {
  236.   background-color: #cbd5e0;
  237. }
  238. .side-menu {
  239.   width: 250px;
  240.   -webkit-transform: translateX(-250px);
  241.   -ms-transform: translateX(-250px);
  242.   transform: translateX(-250px);
  243.   -webkit-transition: -webkit-transform 0.2s ease-in-out;
  244.   transition: -webkit-transform 0.2s ease-in-out;
  245.   -o-transition: transform 0.2s ease-in-out;
  246.   transition: transform 0.2s ease-in-out;
  247.   transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  248. }
  249. .side-menu.open {
  250.   -webkit-transform: translateX(0);
  251.   -ms-transform: translateX(0);
  252.   transform: translateX(0);
  253. }
  254. .bg-gray-100 {
  255.   background-color: #f7fafc;
  256. }
  257. .bg-gray-300 {
  258.   background-color: #e2e8f0;
  259. }
  260. .bg-gray-400 {
  261.   background-color: #cbd5e0;
  262. }
  263. .bg-gray-500 {
  264.   background-color: #a0aec0;
  265. }
  266. .rounded-full {
  267.   border-radius: 9999px;
  268. }
  269. .block {
  270.   display: block;
  271. }
  272. .flex {
  273.   display: -webkit-box;
  274.   display: -ms-flexbox;
  275.   display: flex;
  276. }
  277. .flex-col-reverse {
  278.   -webkit-box-orient: vertical;
  279.   -webkit-box-direction: reverse;
  280.   -ms-flex-direction: column-reverse;
  281.   flex-direction: column-reverse;
  282. }
  283. .items-center {
  284.   -webkit-box-align: center;
  285.   -ms-flex-align: center;
  286.   align-items: center;
  287. }
  288. .justify-between {
  289.   -webkit-box-pack: justify;
  290.   -ms-flex-pack: justify;
  291.   justify-content: space-between;
  292. }
  293. .flex-grow-0 {
  294.   -webkit-box-flex: 0;
  295.   -ms-flex-positive: 0;
  296.   flex-grow: 0;
  297. }
  298. .font-medium {
  299.   font-weight: 500;
  300. }
  301. .font-bold {
  302.   font-weight: 700;
  303. }
  304. .h-3 {
  305.   height: 0.75rem;
  306. }
  307. .h-8 {
  308.   height: 2rem;
  309. }
  310. .h-10 {
  311.   height: 2.5rem;
  312. }
  313. .mx-auto {
  314.   margin-left: auto;
  315.   margin-right: auto;
  316. }
  317. .mr-2 {
  318.   margin-right: 0.5rem;
  319. }
  320. .mt-5 {
  321.   margin-top: 1.25rem;
  322. }
  323. .mt-10 {
  324.   margin-top: 2.5rem;
  325. }
  326. .max-w-5xl {
  327.   max-width: 64rem;
  328. }
  329. .max-w-7xl {
  330.   max-width: 1280px;
  331. }
  332. .min-h-screen {
  333.   min-height: 100vh;
  334. }
  335. .p-2 {
  336.   padding: 0.5rem;
  337. }
  338. .py-2 {
  339.   padding-top: 0.5rem;
  340.   padding-bottom: 0.5rem;
  341. }
  342. .py-3 {
  343.   padding-top: 0.75rem;
  344.   padding-bottom: 0.75rem;
  345. }
  346. .px-4 {
  347.   padding-left: 1rem;
  348.   padding-right: 1rem;
  349. }
  350. .px-6 {
  351.   padding-left: 1.5rem;
  352.   padding-right: 1.5rem;
  353. }
  354. .absolute {
  355.   position: absolute;
  356. }
  357. .relative {
  358.   position: relative;
  359. }
  360. .top-0 {
  361.   top: 0;
  362. }
  363. .bottom-0 {
  364.   bottom: 0;
  365. }
  366. .left-0 {
  367.   left: 0;
  368. }
  369. .shadow {
  370.   -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1),
  371.     0 1px 2px 0 rgba(0, 0, 0, 0.06);
  372.   box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  373. }
  374. .fill-current {
  375.   fill: currentColor;
  376. }
  377. .text-center {
  378.   text-align: center;
  379. }
  380. .text-gray-400 {
  381.   color: #cbd5e0;
  382. }
  383. .text-xs {
  384.   font-size: 0.75rem;
  385. }
  386. .text-2xl {
  387.   font-size: 1.5rem;
  388. }
  389. .w-3 {
  390.   width: 0.75rem;
  391. }
  392. .w-8 {
  393.   width: 2rem;
  394. }
  395. .w-56 {
  396.   width: 14rem;
  397. }
  398. .w-full {
  399.   width: 100%;
  400. }
  401. .z-30 {
  402.   z-index: 30;
  403. }
  404. @media (min-width: 768px) {
  405.   .md\:justify-between {
  406.     -webkit-box-pack: justify;
  407.     -ms-flex-pack: justify;
  408.     justify-content: space-between;
  409.   }
  410. }
  411. @media (min-width: 1024px) {
  412.   .lg\:bg-gray-300 {
  413.     background-color: #e2e8f0;
  414.   }
  415.   .lg\:hidden {
  416.     display: none;
  417.   }
  418.   .lg\:flex-row {
  419.     -webkit-box-orient: horizontal;
  420.     -webkit-box-direction: normal;
  421.     -ms-flex-direction: row;
  422.     flex-direction: row;
  423.   }
  424.   .lg\:h-auto {
  425.     height: auto;
  426.   }
  427.   .lg\:px-0 {
  428.     padding-left: 0;
  429.     padding-right: 0;
  430.   }
  431.   .lg\:shadow-none {
  432.     -webkit-box-shadow: none;
  433.     box-shadow: none;
  434.   }
  435. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement