mirror of
https://github.com/AmruthPillai/Reactive-Resume.git
synced 2025-11-20 19:51:27 +10:00
🚀 release v3.0.0
This commit is contained in:
Amruth Pillai
25
client/styles/partials/_forms.scss
Normal file
25
client/styles/partials/_forms.scss
Normal file
@ -0,0 +1,25 @@
|
||||
.form-control {
|
||||
@apply flex flex-col;
|
||||
|
||||
span:first-child {
|
||||
@apply block cursor-pointer text-[10px] font-semibold uppercase leading-6 tracking-wider;
|
||||
}
|
||||
|
||||
input,
|
||||
textarea {
|
||||
@apply rounded px-4 py-2 transition;
|
||||
@apply bg-neutral-100 text-neutral-800 dark:bg-neutral-800 dark:text-neutral-50;
|
||||
@apply border border-transparent border-opacity-50 focus:border-neutral-400 dark:focus:border-neutral-600;
|
||||
}
|
||||
|
||||
.error {
|
||||
@apply pt-2 text-xs text-red-600 dark:text-red-400;
|
||||
}
|
||||
|
||||
&.file {
|
||||
> input {
|
||||
@apply p-0;
|
||||
@apply file:mr-4 file:border-0 file:bg-neutral-700 file:py-2 file:px-5 file:font-semibold file:text-neutral-50 file:hover:bg-neutral-600;
|
||||
}
|
||||
}
|
||||
}
|
||||
280
client/styles/partials/_reset.scss
Normal file
280
client/styles/partials/_reset.scss
Normal file
@ -0,0 +1,280 @@
|
||||
.reset {
|
||||
// Fallback
|
||||
align-content: stretch;
|
||||
align-items: stretch;
|
||||
align-self: auto;
|
||||
animation-delay: 0s;
|
||||
animation-direction: normal;
|
||||
animation-duration: 0s;
|
||||
animation-fill-mode: none;
|
||||
animation-iteration-count: 1;
|
||||
animation-name: none;
|
||||
animation-play-state: running;
|
||||
animation-timing-function: ease;
|
||||
azimuth: center;
|
||||
backface-visibility: visible;
|
||||
background-attachment: scroll;
|
||||
background-blend-mode: normal;
|
||||
background-clip: border-box;
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
background-origin: padding-box;
|
||||
background-position: 0% 0%;
|
||||
background-repeat: repeat;
|
||||
background-size: auto auto;
|
||||
block-size: auto;
|
||||
border-block-end-color: currentcolor;
|
||||
border-block-end-style: none;
|
||||
border-block-end-width: medium;
|
||||
border-block-start-color: currentcolor;
|
||||
border-block-start-style: none;
|
||||
border-block-start-width: medium;
|
||||
border-bottom-color: currentcolor;
|
||||
border-bottom-left-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-bottom-style: none;
|
||||
border-bottom-width: medium;
|
||||
border-collapse: separate;
|
||||
border-image-outset: 0s;
|
||||
border-image-repeat: stretch;
|
||||
border-image-slice: 100%;
|
||||
border-image-source: none;
|
||||
border-image-width: 1;
|
||||
border-inline-end-color: currentcolor;
|
||||
border-inline-end-style: none;
|
||||
border-inline-end-width: medium;
|
||||
border-inline-start-color: currentcolor;
|
||||
border-inline-start-style: none;
|
||||
border-inline-start-width: medium;
|
||||
border-left-color: currentcolor;
|
||||
border-left-style: none;
|
||||
border-left-width: medium;
|
||||
border-right-color: currentcolor;
|
||||
border-right-style: none;
|
||||
border-right-width: medium;
|
||||
border-spacing: 0;
|
||||
border-top-color: currentcolor;
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 0;
|
||||
border-top-style: none;
|
||||
border-top-width: medium;
|
||||
bottom: auto;
|
||||
box-decoration-break: slice;
|
||||
box-shadow: none;
|
||||
box-sizing: content-box;
|
||||
break-after: auto;
|
||||
break-before: auto;
|
||||
break-inside: auto;
|
||||
caption-side: top;
|
||||
caret-color: auto;
|
||||
clear: none;
|
||||
clip: auto;
|
||||
clip-path: none;
|
||||
color: initial;
|
||||
column-count: auto;
|
||||
column-fill: balance;
|
||||
column-gap: normal;
|
||||
column-rule-color: currentcolor;
|
||||
column-rule-style: none;
|
||||
column-rule-width: medium;
|
||||
column-span: none;
|
||||
column-width: auto;
|
||||
content: normal;
|
||||
counter-increment: none;
|
||||
counter-reset: none;
|
||||
cursor: auto;
|
||||
display: inline;
|
||||
empty-cells: show;
|
||||
filter: none;
|
||||
flex-basis: auto;
|
||||
flex-direction: row;
|
||||
flex-grow: 0;
|
||||
flex-shrink: 1;
|
||||
flex-wrap: nowrap;
|
||||
float: none;
|
||||
font-family: initial;
|
||||
font-feature-settings: normal;
|
||||
font-kerning: auto;
|
||||
font-language-override: normal;
|
||||
font-size: medium;
|
||||
font-size-adjust: none;
|
||||
font-stretch: normal;
|
||||
font-style: normal;
|
||||
font-synthesis: weight style;
|
||||
font-variant: normal;
|
||||
font-variant-alternates: normal;
|
||||
font-variant-caps: normal;
|
||||
font-variant-east-asian: normal;
|
||||
font-variant-ligatures: normal;
|
||||
font-variant-numeric: normal;
|
||||
font-variant-position: normal;
|
||||
font-weight: normal;
|
||||
grid-auto-columns: auto;
|
||||
grid-auto-flow: row;
|
||||
grid-auto-rows: auto;
|
||||
grid-column-end: auto;
|
||||
grid-column-gap: 0;
|
||||
grid-column-start: auto;
|
||||
grid-row-end: auto;
|
||||
grid-row-gap: 0;
|
||||
grid-row-start: auto;
|
||||
grid-template-areas: none;
|
||||
grid-template-columns: none;
|
||||
grid-template-rows: none;
|
||||
height: auto;
|
||||
hyphens: manual;
|
||||
image-orientation: 0deg;
|
||||
image-rendering: auto;
|
||||
image-resolution: 1dppx;
|
||||
ime-mode: auto;
|
||||
inline-size: auto;
|
||||
isolation: auto;
|
||||
justify-content: flex-start;
|
||||
left: auto;
|
||||
letter-spacing: normal;
|
||||
line-break: auto;
|
||||
line-height: normal;
|
||||
list-style-image: none;
|
||||
list-style-position: outside;
|
||||
list-style-type: disc;
|
||||
margin-block-end: 0;
|
||||
margin-block-start: 0;
|
||||
margin-bottom: 0;
|
||||
margin-inline-end: 0;
|
||||
margin-inline-start: 0;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
margin-top: 0;
|
||||
mask-clip: border-box;
|
||||
mask-composite: add;
|
||||
mask-image: none;
|
||||
mask-mode: match-source;
|
||||
mask-origin: border-box;
|
||||
mask-position: 0% 0%;
|
||||
mask-repeat: repeat;
|
||||
mask-size: auto;
|
||||
mask-type: luminance;
|
||||
max-height: none;
|
||||
max-width: none;
|
||||
min-block-size: 0;
|
||||
min-height: 0;
|
||||
min-inline-size: 0;
|
||||
min-width: 0;
|
||||
mix-blend-mode: normal;
|
||||
object-fit: fill;
|
||||
object-position: 50% 50%;
|
||||
offset-block-end: auto;
|
||||
offset-block-start: auto;
|
||||
offset-inline-end: auto;
|
||||
offset-inline-start: auto;
|
||||
opacity: 1;
|
||||
order: 0;
|
||||
orphans: 2;
|
||||
outline-color: initial;
|
||||
outline-offset: 0;
|
||||
outline-style: none;
|
||||
outline-width: medium;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
overflow-x: visible;
|
||||
overflow-y: visible;
|
||||
padding-block-end: 0;
|
||||
padding-block-start: 0;
|
||||
padding-bottom: 0;
|
||||
padding-inline-end: 0;
|
||||
padding-inline-start: 0;
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
padding-top: 0;
|
||||
page-break-after: auto;
|
||||
page-break-before: auto;
|
||||
page-break-inside: auto;
|
||||
perspective: none;
|
||||
perspective-origin: 50% 50%;
|
||||
pointer-events: auto;
|
||||
position: static;
|
||||
quotes: initial;
|
||||
resize: none;
|
||||
right: auto;
|
||||
ruby-align: space-around;
|
||||
ruby-merge: separate;
|
||||
ruby-position: over;
|
||||
scroll-behavior: auto;
|
||||
scroll-snap-coordinate: none;
|
||||
scroll-snap-destination: 0px 0px;
|
||||
scroll-snap-points-x: none;
|
||||
scroll-snap-points-y: none;
|
||||
scroll-snap-type: none;
|
||||
shape-image-threshold: 0;
|
||||
shape-margin: 0;
|
||||
shape-outside: none;
|
||||
tab-size: 8;
|
||||
table-layout: auto;
|
||||
text-align: initial;
|
||||
text-align-last: auto;
|
||||
text-combine-upright: none;
|
||||
text-decoration-color: currentcolor;
|
||||
text-decoration-line: none;
|
||||
text-decoration-style: solid;
|
||||
text-emphasis-color: currentcolor;
|
||||
text-emphasis-position: over right;
|
||||
text-emphasis-style: none;
|
||||
text-indent: 0;
|
||||
text-justify: auto;
|
||||
text-orientation: mixed;
|
||||
text-overflow: clip;
|
||||
text-rendering: auto;
|
||||
text-shadow: none;
|
||||
text-transform: none;
|
||||
text-underline-position: auto;
|
||||
top: auto;
|
||||
touch-action: auto;
|
||||
transform: none;
|
||||
transform-box: border-box;
|
||||
transform-origin: 50% 50% 0;
|
||||
transform-style: flat;
|
||||
transition-delay: 0s;
|
||||
transition-duration: 0s;
|
||||
transition-property: all;
|
||||
transition-timing-function: ease;
|
||||
vertical-align: baseline;
|
||||
visibility: visible;
|
||||
white-space: normal;
|
||||
widows: 2;
|
||||
width: auto;
|
||||
will-change: auto;
|
||||
word-break: normal;
|
||||
word-spacing: normal;
|
||||
word-wrap: normal;
|
||||
writing-mode: horizontal-tb;
|
||||
z-index: auto;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
-ms-appearance: none;
|
||||
appearance: none;
|
||||
|
||||
// Markdown
|
||||
.markdown {
|
||||
// Lists
|
||||
ul,
|
||||
ol {
|
||||
list-style: disc;
|
||||
list-style-position: inside;
|
||||
}
|
||||
|
||||
// Tables
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
th,
|
||||
td {
|
||||
border: 1px solid #ccc;
|
||||
text-align: left;
|
||||
padding: 6px;
|
||||
}
|
||||
}
|
||||
|
||||
// For Modern Browsers
|
||||
all: initial;
|
||||
}
|
||||
3
client/styles/partials/_toast.scss
Normal file
3
client/styles/partials/_toast.scss
Normal file
@ -0,0 +1,3 @@
|
||||
.toast {
|
||||
@apply text-sm;
|
||||
}
|
||||
Reference in New Issue
Block a user