summaryrefslogtreecommitdiff
path: root/sass/_projects.scss
diff options
context:
space:
mode:
Diffstat (limited to 'sass/_projects.scss')
-rw-r--r--sass/_projects.scss73
1 files changed, 8 insertions, 65 deletions
diff --git a/sass/_projects.scss b/sass/_projects.scss
index ef75493..bcc442b 100644
--- a/sass/_projects.scss
+++ b/sass/_projects.scss
@@ -12,6 +12,9 @@
.user-projects {
margin: 20px auto;
+ clear: both;
+ display: block;
+ width: 100%;
img {
max-width: 100%;
height: auto;
@@ -29,73 +32,13 @@
}
}
-.contents {
- @media only screen and (min-width: $cut) {
- margin-left: 0;
- width: 48%;
- }
-}
-
+.contents,
.contents-right {
+ display: block;
@media only screen and (min-width: $cut) {
- float: right;
- margin-top: -5%;
- width: 48%;
- }
-}
-.images-right {
- @media only screen and (min-width: $cut) {
- float: right;
- width: 48%;
- }
- img {
- @media only screen and (min-width: $cut) {
- float: right;
- }
- }
-}
-
-.images-left {
- @media only screen and (min-width: $cut) {
- float: left;
+ margin-left: auto;
+ margin-right: auto;
width: 48%;
- }
- img {
- @media only screen and (min-width: $cut) {
- float: left;
- }
- }
-}
-
-.project-link {
- display: inline-block;
- margin: 10px 0px;
- padding: 5px;
- color: $main;
- background-color: transparent;
- border: 1px solid $main;
- border-radius: 10px;
- text-align: center;
- outline: none;
- text-decoration: none;
- cursor: pointer;
- transition: color 0.3s ease-out,
- background-color 0.3s ease-out,
- border-color 0.3s ease-out;
- &:hover {
- background-color: $purple;
- border-color: $purple;
- color: #fff;
- transition: color 0.3s ease-in,
- background-color 0.3s ease-in,
- border-color 0.3s ease-in;
- }
- &:active {
- background-color: $purple;
- border-color: $purple;
- color: #fff;
- transition: color 0.3s ease-in,
- background-color 0.3s ease-in,
- border-color 0.3s ease-in;
+ float: none;
}
} \ No newline at end of file