SCSS and CSS file update based on Figma design
23 USDI have a design update in Figma for an existing project. The project has the main .scss file and four .css files that are responsible for UI. The job is to identify the section in .css and update it according to Figma design.
Client's review of cooperation with Maksim Dmitrenko
SCSS and CSS file update based on Figma designFreelancer declined due to personal reasons.
-
Winning proposal1 day23 USD
302 3 1 1 Winning proposal1 day23 USD
Hi. I am interested in your proposal. I would like to familiarize myself with the layout and technical specification in more detail.
-
2 days23 USD
190 2 0 2 days23 USD
Hi Vladimir.
Interested in your project. Is it possible to look at what is already ready to know how much work is ahead?
-
2 days34 USD
121 2 days34 USD
Hello, I'm ready to get to work. Could you send a link to the project in Figma at DM, and files of the site itself, also describe all the changes. Goodnight!
-
https://www.figma.com/file/D9NGOO9oktK0YsPBFGpDsu/Fieldman-Portal?node-id=0%3A1
here is a link to Figma not sure if I need to grant rights
-
@import "../../node_modules/bootstrap/scss/bootstrap";
@import "modules/_flow.scss";
@import "modules/_messages.scss";
@import "modules/_widgets.scss";
@import "modules/_pager.scss";
#togglePassword {
width: 44px;
padding: 0;
}
/* Sticky footer styles
-------------------------------------------------- */
html {
position: relative;
min-height: 100%;
}
body {
/* Margin bottom by footer height */
margin-bottom: 60px;
}
body > footer {
position: absolute;
bottom: 0;
width: 100%;
/* Set the fixed height of the footer here */
height: 60px;
line-height: 60px; /* Vertically center the text there */
background-color: #f5f5f5;
}
/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */
body > .container {
padding: 60px 15px 0;
}
This is what the main .scss file looks like
-
Detroit