Skip to content

Commit

Permalink
Merge pull request #13 from iranjunior/improvement/acessibilidade
Browse files Browse the repository at this point in the history 
improvement(code): diminuiçao de codigos desnecessarios
  • Loading branch information
@iranjunior
iranjunior committed Mar 9, 2020
2 parents 981eb47 + b499afa commit 94b01bd
Show file tree
Hide file tree
Showing 9 changed files with 5 additions and 261 deletions.
1 change: 1 addition & 0 deletions .vscode/settings.json
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
{
"workbench.colorCustomizations": {
"activityBar.background": "#3399ff",
"activityBar.activeBackground": "#3399ff",
"activityBar.activeBorder": "#bf0060",
"activityBar.foreground": "#15202b",
"activityBar.inactiveForeground": "#15202b99",
Expand Down
7 changes: 3 additions & 4 deletions package.json
View file
Original file line number Diff line number Diff line change
@@ -1,8 +1,8 @@
{
"name": "portfolio",
"version": "0.1.0",
"version": "0.2.0",
"private": true,
"homepage": "http://iranjunior.github.io",
"homepage": "http://iranjunior.herokuapp.com",
"dependencies": {
"@testing-library/jest-dom": "^4.2.4",
"@testing-library/react": "^9.3.2",
Expand All @@ -19,8 +19,7 @@
"react-toastify": "^5.5.0",
"storybook-addon-styled-component-theme": "^1.3.0",
"storybook-chromatic": "^3.5.2",
"styled-components": "^5.0.1",
"workbox-sw": "^5.0.0"
"styled-components": "^5.0.1"
},
"scripts": {
"start": "react-scripts start",
Expand Down
55 changes: 0 additions & 55 deletions src/components/composes/about/styles.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,64 +6,9 @@ export const Container = styled.div`
margin: 50px;
flex-direction: column;
`;

export const Description = styled.p`
font-family: 'Montserrat', sans-serif;
font-size: 14px;
line-height: 1.85714;
font-weight: 500;
color: #838293;
-webkit-font-smoothing: antialiased;
-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
text-shadow: rgba(0,0,0,.01) 0 0 1px;
`;
export const WrapperStrength = styled.div`
display: flex;
width: 100%;
justify-content: space-around;
margin-top: 35px;
`;
export const Strength = styled.div`
background-color: ${(props) => props.theme.colors.primary};
border-radius: 50%;
height: 150px;
width: 150px;
display: flex;
justify-content: center;
align-items: center;
transition: all 500ms ease;
position: relative;
transition: transform 1s;
transform-style: preserve-3d;
perspective: 1000px;
cursor: default;
:hover {
transform: rotateX(180deg) scale(1.2, 1.2);
box-shadow: 0px 0px 20px #FFF;
}
`;
export const Front = styled.label`
position: absolute;
width: 100%;
height: 100%;
backface-visibility: hidden;
display: flex;
justify-content: center;
align-items: center;
padding: 20px;
`;
export const Back = styled.p`
position: relative;
width: 100%;
height: 100%;
backface-visibility: hidden;
transform: rotateX(180deg);
display: flex;
justify-content: center;
align-items: center;
padding: 20px;
text-align: center;
`;
17 changes: 0 additions & 17 deletions src/components/composes/contact/styles.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,20 +16,6 @@ export const Container = styled.div`
margin: 50px;
flex-direction: column;
`;
export const Summary = styled.h3`
font-size: 30px;
font-weight: 500;
color: #7a798c;
line-height: 0.75;
`;
export const Title = styled.h1`
font-size: 92px;
font-weight: 800;
color: ${(props) => props.theme.colors.secondary};
line-height: 0.75;
margin-top: 0px;
`;
export const MessageZone = styled.form`
height: 100%;
width: 100%;
Expand Down Expand Up @@ -59,9 +45,6 @@ export const Message = styled.textarea`
padding: 20px 10px;
font-size: ${(props) => props.theme.fontSize.small};
`;
export const Blank = styled.div`
grid-area: blank;
`;
export const Send = styled.button`
grid-area: submit;
display: flex;
Expand Down
15 changes: 0 additions & 15 deletions src/components/composes/formation/styles.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,21 +6,6 @@ export const Container = styled.div`
margin: 50px;
flex-direction: column;
`;

export const Summary = styled.h3`
font-size: 30px;
font-weight: 500;
color: #7a798c;
line-height: 0.75;
`;
export const Name = styled.h1`
font-size: 92px;
font-weight: 800;
color: ${(props) => props.theme.colors.secondary};
line-height: 0.75;
margin-top: 0px;
`;
export const CardZone = styled.div`
width: 100%;
height: 100%;
Expand Down
92 changes: 0 additions & 92 deletions src/components/composes/menu/styles.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -19,95 +19,3 @@ export const WrapperMenu = styled.div`
margin: 0 20px;
width: 100%;
`;
export const WrapperButton = styled.div`
display: flex;
:hover{
cursor: pointer;
}
`;

export const Title = styled.div`
font-size: ${(props) => props.theme.fontSize.medium};
font-weight: 800;
color: ${(props) => props.theme.colors.secondary};
margin-right: 48px;
margin-top: -5px;
transition: all 200ms ease;
display: flex;
align-items: center;
@media only screen and (max-width: 700px) {
font-size: ${(props) => props.theme.fontSize.medium};
}
`;
export const Menu = styled.div`
font-size: ${(props) => props.theme.fontSize.medium};
font-weight: 800;
color: ${(props) => props.theme.colors.secondary};
transition: all 200ms ease;
display: flex;
align-items: center;
transform: translateY(${(props) => (props.active === 'hidden' ? '-70px' : '280px')});
`;
export const Dropdown = styled.ul`
display: flex;
flex-direction: column;
z-index: 10;
position: relative;
height: 600px;
margin: 0;
`;
export const Item = styled.li`
display: flex;
margin: 0 0 0 1px;
background-color: ${(props) => props.theme.colors.primary};
height: ${(props) => (props.type === 'blank' ? '100px' : '50px')};
width: 100%;
padding: 0 30px;
color: ${(props) => props.theme.colors.secondary};
display: flex;
justify-content: flex-end;
align-items: center;
transition: all 200ms ease;
font-size: ${(props) => props.theme.fontSize.medium};
width: 250px;
:hover{
color: ${(props) => props.theme.colors.tertiary};
cursor: pointer;
}
@media only screen and (max-width: 700px) {
width: auto;
font-size: ${(props) => props.theme.fontSize.medium};
}
`;
export const TextButton = styled.div`
display: flex;
align-items: center;
justify-content: space-between;
height: 100%;
padding-left:40px;
background-color: ${(props) => props.theme.colors.tertiary};
color: ${(props) => props.theme.colors.primary};
:hover{
background-color: ${(props) => props.theme.colors.secondary};
cursor: pointer;
}
`;
export const Button = styled.a`
display: flex;
align-items: center;
justify-content: center;
height: 100%;
padding: 0 40px;
margin-left: 20px;
background-color: ${(props) => props.theme.colors.secondary};
color: ${(props) => props.theme.colors.primary};
`;
72 changes: 1 addition & 71 deletions src/components/composes/nav/styles.js
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
import styled, { css } from 'styled-components';
import styled from 'styled-components';


export const Container = styled.div`
Expand All @@ -25,73 +25,3 @@ export const WrapperButton = styled.div`
}
`;

export const Title = styled.div`
font-size: ${(props) => props.theme.fontSize.medium};
font-weight: 800;
color: ${(props) => props.theme.colors.secondary};
margin-right: 48px;
margin-top: -5px;
transition: all 200ms ease;
display: flex;
align-items: center;
`;
export const Menu = styled.ul`
background: #9f9fb0;
list-style: none;
display: flex;
height: 100%;
margin: 0;
padding: 0;
`;

export const Item = styled.li`
display: flex;
margin: 0 0 0 1px;
background-color: ${(props) => props.theme.colors.secondary};
height: 100%;
width: 100%;
padding: 0 30px;
color: ${(props) => props.theme.colors.primary};
display: flex;
justify-content: center;
align-items: center;
transition: all 200ms ease;
font-size: ${(props) => props.theme.fontSize.small};
${(props) => props.active && css`
background-color: ${props.theme.colors.tertiary};
`}
:hover{
background-color: ${(props) => props.theme.colors.tertiary};
cursor: pointer;
}
`;
export const TextButton = styled.div`
display: flex;
align-items: center;
justify-content: space-between;
height: 100%;
padding-left:40px;
background-color: ${(props) => props.theme.colors.tertiary};
color: ${(props) => props.theme.colors.primary};
:hover{
background-color: ${(props) => props.theme.colors.secondary};
cursor: pointer;
}
`;
export const Button = styled.a`
display: flex;
align-items: center;
justify-content: center;
height: 100%;
padding: 0 40px;
margin-left: 20px;
background-color: ${(props) => props.theme.colors.secondary};
color: ${(props) => props.theme.colors.primary};
`;
2 changes: 0 additions & 2 deletions src/components/composes/portfolio/index.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,8 +4,6 @@ import Card from '../../simples/cards';
import Introduction from '../../simples/introduction';
import Destak from '../../simples/destak';

import { keyPressAction } from '../../../services';

import portfolios from '../../../constants/portfolio';

import {
Expand Down
5 changes: 0 additions & 5 deletions yarn.lock
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14684,11 +14684,6 @@ workbox-sw@^4.3.1:
resolved "https://registry.yarnpkg.com/workbox-sw/-/workbox-sw-4.3.1.tgz#df69e395c479ef4d14499372bcd84c0f5e246164"
integrity sha512-0jXdusCL2uC5gM3yYFT6QMBzKfBr2XTk0g5TPAV4y8IZDyVNDyj1a8uSXy3/XrvkVTmQvLN4O5k3JawGReXr9w==

workbox-sw@^5.0.0:
version "5.0.0"
resolved "https://registry.yarnpkg.com/workbox-sw/-/workbox-sw-5.0.0.tgz#5c0cf8fdb248b3cb1582b1868287f4dad32f2d7c"
integrity sha512-PZlJ/IBFHwKR6PbkZS7ARDe2zHS2CYB+VCdQLjlfvQAt//xfjDXDBlseiLwZrKCogjAklx53NZC10/bWKY8ylA==

workbox-webpack-plugin@4.3.1:
version "4.3.1"
resolved "https://registry.yarnpkg.com/workbox-webpack-plugin/-/workbox-webpack-plugin-4.3.1.tgz#47ff5ea1cc074b6c40fb5a86108863a24120d4bd"
Expand Down

0 comments on commit 94b01bd

Please sign in to comment.