SCSS and CSS file update based on Figma design
1000 UAHI 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.
Отзыв заказчика о сотрудничестве с Максимом Дмитренко
SCSS and CSS file update based on Figma designФрилансер отказался из личных причин.
-
302 3 1 1 Hi. I am interested in your proposal. I would like to familiarize myself with the layout and technical specification in more detail.
-
190 2 0 Hi Vladimir.
Interested in your project. Is it possible to look at what is already ready to know how much work is ahead?
-
121 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
-