ElyBy-Mirror/accounts-frontend
1
0
Fork 0
mirror of https://github.com/elyby/accounts-frontend.git synced 2024-11-15 20:55:56 +05:30
Code Issues Packages Projects Releases Wiki Activity

Поправлены стили согласно макетам и моему видению

Browse Source
This commit is contained in:
ErickSkrauch 2016-05-01 20:08:09 +03:00
parent 4cc94d294a
commit 3092940ee4
4 changed files with 17 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/profile/profileForm.scss
View File

@ -3,7 +3,6 @@
.contentWithBackButton { .contentWithBackButton {
position: relative; position: relative;
padding-left: 60px;
width: 400px; width: 400px;
margin: 0 auto; margin: 0 auto;
} }
@ -12,16 +11,21 @@
composes: arrow from 'components/ui/icons.scss'; composes: arrow from 'components/ui/icons.scss';
position: absolute; position: absolute;
left: 0; left: -60px;
top: 15px; top: 15px;
width: 25px; width: 25px;
height: 25px; height: 25px;
padding: 15px; padding: 15px;
transform: rotate(90deg); transform: rotate(90deg);
transition: .3s;
color: #ccc; color: #ccc;
font-size: 25px; font-size: 25px;
&:hover {
color: #9a9a9a;
}
} }
.form { .form {
@ -58,8 +62,8 @@
} }
.description { .description {
font-size: 13px; font-size: 12px;
color: #9a9a9a; color: #666666;
line-height: 1.3; line-height: 1.5;
margin-top: 25px; margin-top: 25px;
} }

6
src/components/ui/panel.scss
View File

@ -51,13 +51,13 @@ $bodyTopBottomPadding: 15px;
a { a {
color: #fff; color: #fff;
border-bottom: 1px dotted #ede9e2; border-bottom: 1px dotted rgba(#fff, 0.75);
text-decoration: none; text-decoration: none;
transition: .25s; transition: .25s;
&:hover { &:hover {
border-bottom-color: #ccc; text-shadow: 0 0 1px #fff;
color: #ccc; border-bottom-color: transparent;
} }
} }
} }

2
src/index.html
View File

@ -7,7 +7,7 @@
<meta name="msapplication-tap-highlight" content="no"> <meta name="msapplication-tap-highlight" content="no">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
<link href="//fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,cyrillic" rel="stylesheet" type="text/css"> <link href="//fonts.googleapis.com/css?family=Roboto:400,500&subset=latin,cyrillic" rel="stylesheet" type="text/css">
<link href="//fonts.googleapis.com/css?family=Roboto+Condensed&subset=latin,cyrillic" rel="stylesheet" type="text/css"> <link href="//fonts.googleapis.com/css?family=Roboto+Condensed&subset=latin,cyrillic" rel="stylesheet" type="text/css">
</head> </head>
<body> <body>

4
src/index.scss
View File

@ -14,6 +14,10 @@ body {
background: $light; background: $light;
} }
b {
font-weight: 500;
}
a { a {
text-decoration: none; text-decoration: none;
} }