initial commit
This commit is contained in:
commit
4b99d290f3
5 changed files with 153 additions and 0 deletions
2
css/main.css
Normal file
2
css/main.css
Normal file
|
|
@ -0,0 +1,2 @@
|
|||
@import "reset.css";
|
||||
@import "text.css";
|
||||
5
css/reset.css
Normal file
5
css/reset.css
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
html {box-sizing: border-box;}*,*::before,*::after {box-sizing: inherit;}body,h1,h2,h3,h4,h5,h6,ul,ol,li,p,pre,blockquote,figure,hr {margin: 0;padding: 0; font-size:100%; font-weight: normal;}ul {list-style: none;}input,textarea,select,button {color: inherit;font: inherit;letter-spacing: inherit;}input,textarea,button {border: 1px solid gray;}button {border-radius: 0;padding: 0.75em 1em;background-color: transparent;}button * {pointer-events: none;}embed,iframe,img,object,video {display: block;max-width: 100%;}table {table-layout: fixed;width: 100%;}[hidden] {display: none !important;}noscript {display: block;margin-bottom: 1em;margin-top: 1em;}
|
||||
/* Buttons and input buttons */
|
||||
[role="button"],input[type="submit"],input[type="reset"],input[type="button"],button { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
|
||||
input[type="submit"], input[type="reset"], input[type="button"], button { background: none; border: 0; color: inherit; font: inherit; line-height: normal; overflow: visible; padding: 0; -webkit-appearance: button; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
|
||||
input::-moz-focus-inner, button::-moz-focus-inner { border: 0; padding: 0;}
|
||||
45
css/text.css
Normal file
45
css/text.css
Normal file
|
|
@ -0,0 +1,45 @@
|
|||
.title-l {
|
||||
font-size: var(--font-size-xxl);
|
||||
line-height: var(--line-height-title-l);
|
||||
font-family: serif;
|
||||
}
|
||||
.title-m {
|
||||
font-size: var(--font-size-xl);
|
||||
line-height: var(--line-height-title-m);
|
||||
font-family: serif;
|
||||
}
|
||||
|
||||
.current-text-l {
|
||||
font-size: var(--font-size-l);
|
||||
line-height: var(--line-height-current-text-l);
|
||||
font-family: sans-serif;
|
||||
}
|
||||
.current-text-m {
|
||||
font-size: var(--font-size-m);
|
||||
line-height: var(--line-height-current-text);
|
||||
font-family: sans-serif;
|
||||
}
|
||||
|
||||
.bubble-current-text {
|
||||
font-size: var(--font-size-s);
|
||||
line-height: var(--line-height-current-text);
|
||||
font-family: sans-serif;
|
||||
}
|
||||
|
||||
.label-m,
|
||||
.bubble-title,
|
||||
.topbar-menu-item {
|
||||
/*revoir les classes*/
|
||||
font-size: var(--font-size-s);
|
||||
line-height: var(--line-height-label-m);
|
||||
font-family: sans-serif;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.label-s {
|
||||
font-size: var(--font-size-xs);
|
||||
line-height: var(--line-height-label-s);
|
||||
font-family: sans-serif;
|
||||
opacity: 0.8;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
25
css/varibles.css
Normal file
25
css/varibles.css
Normal file
|
|
@ -0,0 +1,25 @@
|
|||
:root{
|
||||
--font-size-xxl : 8rem;
|
||||
--font-size-xl : 4.0625rem;
|
||||
--font-size-l : 2.5rem;
|
||||
--font-size-m : 1.125rem;
|
||||
--font-size-s : 0.9375rem;
|
||||
--font-size-xs : 0.625rem;
|
||||
|
||||
--line-height-title-l: 0.93em;
|
||||
--line-height-title-m: 1em;
|
||||
--line-height-bubble-title: 1em;
|
||||
--line-height-current-text-l: 50px;
|
||||
--line-height-current-text: 1.4em;
|
||||
--line-height-label-m: 1em;
|
||||
--line-height-label-s: 15px;
|
||||
|
||||
--spacing-l: calc(var(--spacing-m) * 2);
|
||||
--spacing-m: 5rem;
|
||||
--spacing-s: 1.75rem;
|
||||
--spacing-xs: 1.25rem;
|
||||
|
||||
--color-blue:#4433FF;
|
||||
--color-black: black;
|
||||
--color-white: white;
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue